Best of daily.dev โ€” December 2023

  1. 1
    Article
    Avatar of devtoDEVยท2y

    Sharing a state between windows without a serve

    Learn how to share a state between multiple windows without a server by using Local Storage and Shared Workers. Understand the concept of Shared Workers and their role in communication between instances of the same script.

  2. 2
    Article
    Avatar of devtoDEVยท2y

    Resources I wish I knew when I started my career

    Useful resources and tips for new software industry professionals.

  3. 3
    Article
    Avatar of phProduct Huntยท2y

    Uiverse.io 2.0 - +3500 UI Elements, copy the code or use in Figma!

    Uiverse.io 2.0 offers over 3,500 open-source UI elements, Figma Copy & Paste, new categories like Forms and Tooltips, a sleek UI, and a GitHub repository.

  4. 4
    Article
    Avatar of communityCommunity Picksยท2y

    JS Design Patterns: A Comprehensive Guide

    This post explores a range of essential design patterns in JavaScript, encompassing creational, structural, and behavioral patterns. By leveraging these design patterns, JavaScript developers can improve code reusability, maintainability, and overall system performance.

  5. 5
    Article
    Avatar of devtoDEVยท2y

    HTML can do this? Part 1

    Discover some cool things that HTML can do, including creating open/close widgets, linking to email addresses and telephone numbers, using autocomplete in a list, and modifying text directly.

  6. 6
    Article
    Avatar of devtoDEVยท2y

    Fetch API, do you really know how to handle errors?

    Learn how to handle errors when using the Fetch API and understand the best practices for error handling. Discover different approaches, such as using try/catch and checking the response status, and how to combine them for better error handling.

  7. 7
    Article
    Avatar of communityCommunity Picksยท2y

    daisyUI โ€” Tailwind CSS Components ( version 4 update is here )

    daisyUI is a plugin for Tailwind CSS that adds component class names for common UI elements, reducing the need for writing utility class names. It also offers customizable color names and a theme generator. With daisyUI, developers can create beautiful websites faster and with less code.

  8. 8
    Article
    Avatar of hnHacker Newsยท2y

    SVG Tutorial

    Learn to code SVG images step by step. Topics include drawing basic shapes, using clip-path, and creating background patterns with SVG and CSS.

  9. 9
    Article
    Avatar of builderiobuilder.ioยท2y

    Modern CSS for 2024: Nesting, Layers, and Container Queries

    Explore the latest CSS features including native CSS nesting, layers, and container queries. Discover how these features can improve your CSS code and make responsive design easier.

  10. 10
    Article
    Avatar of substackSubstackยท2y

    4 simple software engineering habits that transformed my productivity

    Discover key habits that can transform productivity in software engineering, including leaving work slightly unfinished, improving keyboard and mouse shortcuts, keeping a list of searchable commands and links, and learning to say 'no'.

  11. 11
    Article
    Avatar of hnHacker Newsยท2y

    In 2024, please switch to Firefox

    Switching to Firefox in 2024 is important for privacy reasons and to avoid a browser engine monopoly. Firefox is a fast and modern browser that can be used on multiple platforms.

  12. 12
    Article
    Avatar of mlnewsMachine Learning Newsยท2y

    15+ AI Tools For Developers (December 2023)

    Discover AI tools for developers that can enhance code quality, improve productivity, generate code documentation, and automate writing tasks.

  13. 13
    Article
    Avatar of devtoDEVยท2y

    Make Your Linux Terminal Enjoyable to Use

    Learn how to make your Linux terminal more enjoyable by using ZSH, Oh-My-Zsh, custom plugins, and custom themes. Also, discover popular Git aliases.

  14. 14
    Article
    Avatar of communityCommunity Picksยท2y

    Rust ๐Ÿฆ€: Why JS devs are switching to it?

    Rust is gaining popularity among JavaScript and TypeScript developers. It offers a distinct memory management system, strict rules for borrowing, explicit mutability, and is a compiled language. Rust also has static and strong typing, with a focus on robust error handling.

  15. 15
    Article
    Avatar of freecodecampfreeCodeCampยท2y

    Create a Virtual World with JavaScript

    Learn how to create a virtual world using JavaScript, HTML, and CSS. The course covers building a spatial graph, user-friendly interfaces, generating road borders and buildings, loading real-world data, and more.

  16. 16
    Article
    Avatar of hnHacker Newsยท2y

    You don't need JavaScript for that

    The article discusses the rule of least power in web development, which advocates for choosing the least powerful language suitable for a given purpose. It highlights examples of using native HTML and CSS instead of JavaScript, such as creating custom switches, using the datalist element for autosuggest, utilizing the native color picker, implementing accordions, and using dialog modals. The article also mentions future features that will further reduce the need for JavaScript.

  17. 17
    Article
    Avatar of communityCommunity Picksยท2y

    2024โ€™s Tech Trend: Frontend for Backend

    Frontend for Backend (FFB) is a development approach that integrates admin panels into web applications to make backend management more efficient and user-friendly. It simplifies the development process for frontend developers and allows for quick and easy adjustments through the frontend.

  18. 18
    Article
    Avatar of devtoDEVยท2y

    Tips to use GitHub as your Portfolio

    Tips on how to use GitHub as your portfolio, including creating a README, filling in the left column, and pinning projects.

  19. 19
    Article
    Avatar of permitioPermit.ioยท2y

    Best-Practices for API Authorization

    Learn about API authorization actors, models, and layers. Explore best practices for managing API authorization and discover advanced tools like OPAL and Permit.io.

  20. 20
    Article
    Avatar of builderiobuilder.ioยท2y

    Next.js 14: Layouts vs Templates

    Next.js 14 introduced layouts and templates for building UI in web applications. Layouts act as persistent UI shells that wrap around pages, while templates remount with each page transition. Layouts ensure consistency, maintain state, and boost performance, while templates provide isolation, behavioral flexibility, and the ability to alter default behaviors. Choosing between layouts and templates depends on the specific needs of each page and the desired balance between user experience and performance.

  21. 21
    Article
    Avatar of bootcampuxdesignBootcampยท2y

    LinkedIn, But Better

    The article discusses the need for a redesign of LinkedIn due to UX frustrations, such as a lack of a 'Saved' option and limited article discoverability. The redesign aims to make the platform more accessible, less cluttered, and personalized. It introduces features like a 'Saved' option, improved networking functions, a home screen for 'Stories,' and a separate tab for articles. The design also focuses on dark mode, consistent icons and components, and a standardized notification format.

  22. 22
    Article
    Avatar of daily_updatesdaily.dev Changelogยท2y

    Collections ๐Ÿ—ž๏ธ

    Collections, powered by AI, compile a summary of tech news from multiple sources into a single post. You can save time by quickly grasping the full scope of a story, and they have the option to subscribe to a collection for ongoing updates.

  23. 23
    Article
    Avatar of uxplanetUX Planetยท2y

    UI/UX Design Trends For 2024

    The post discusses various UI/UX design trends for 2024, including generative design, bold typography, complex and animated gradients, glassmorphism, augmented reality, parallax effect, brutalism, and hyperrealism.

  24. 24
    Article
    Avatar of freecodecampfreeCodeCampยท2y

    Learn JavaScript by Building 21 Projects โ€“ a Major freeCodeCamp Curriculum Update

    freeCodeCamp has launched a major update to the JavaScript Algorithms and Data Structures Certification. Readers can now learn JavaScript by building 21 projects, including certification projects. The projects cover a wide range of topics and concepts, such as form validation, string and array methods, recursion, functional programming, regular expressions, object-oriented programming, and more.

  25. 25
    Article
    Avatar of bitBits and Piecesยท2y

    A Modern Approach to React Development

    Learn about a modern and efficient solution for React development called Bit. It allows for component isolation, code sharing, specialization, collaboration, and better testability. See how to install Bit in a React project and explore the benefits of using it for React development.