Best of Web Development — February 2024

  1. 1
    Article
    Avatar of freecodecampfreeCodeCamp·2y

    Master React by Building 25 Projects

    Learn React and build 25 projects to enhance your understanding of React's capabilities. Course covers various projects including accordion, random color generator, star rating, image slider, and more. Watch the full course on the freeCodeCamp.org YouTube channel.

  2. 2
    Article
    Avatar of devtoDEV·2y

    Warp! - A new way to use your command line

    Warp is a new command line interface for Unix-like OSes that offers features like IDE-like functionality, built-in AI, collaborative terminals, terminal workflows, and customizable themes.

  3. 3
    Article
    Avatar of communityCommunity Picks·2y

    Let's get animating!

    This article covers GSAP's core fundamentals and provides an introduction to animating HTML elements using GSAP. It explains the different types of tweens and the properties that can be animated. The article also emphasizes the use of transforms and opacity for smoother animations.

  4. 4
    Article
    Avatar of daily_updatesdaily.dev Changelog·2y

    A brand new Search! 🔎

    Daily.dev has launched a new Search feature that integrates AI Search and post finder, allowing users to find posts and receive concise answers from AI. Users can navigate the search using keyboard shortcuts and toggle between post results and AI Search easily.

  5. 5
    Article
    Avatar of bitBits and Pieces·2y

    Best-Practices for API Authorization

    API authorization is crucial for securing digital assets and maintaining user trust. Best practices include using token-based authorization with JWT, implementing fine-grained access control, securing API Gateway configuration, and encrypting sensitive data in transit and at rest.

  6. 6
    Article
    Avatar of devtoDEV·2y

    My VSCode Config

    A developer shares their VSCode configurations and extensions, including tips for better development experience.

  7. 7
    Article
    Avatar of devtoDEV·2y

    100+ JavaScript Projects With Source Code

    Discover a variety of JavaScript projects with source code, ranging from beginner-friendly to advanced. Enhance your programming skills and knowledge by exploring different project ideas. Start building something amazing!

  8. 8
    Article
    Avatar of devtoDEV·2y

    JWT explained in 4 minutes (With Visuals)

    Explanation of JWT authentication, its structure, advantages, and disadvantages.

  9. 9
    Article
    Avatar of devtoDEV·2y

    5 Powerful HTML Attributes That Don't Require JavaScript

    Discover 5 powerful HTML attributes that don't require JavaScript, including spellcheck, download, video thumbnail, translate, and autocomplete.

  10. 10
    Video
    Avatar of t3dotggTheo - t3․gg·2y

    React 19 Is Finally Coming

  11. 11
    Article
    Avatar of communityCommunity Picks·2y

    Park UI

    Discover Park UI's design system with beautifully designed components, sign up for a Starter Plan with unlimited users and features, and check out the New Balance 574 with a sleek design and affordable price.

  12. 12
    Article
    Avatar of communityCommunity Picks·2y

    Vite 5.1 is out!

    Vite 5.1 has been released with improvements in support for .css files, the addition of the Vite Runtime API, and various performance improvements.

  13. 13
    Article
    Avatar of povioPovio·2y

    How to React in 2024

    Learn about the latest developments in React, including the use of TypeScript, the TanStack tools, and UI component libraries, and how they contribute to the evolving landscape of web development.

  14. 14
    Article
    Avatar of communityCommunity Picks·2y

    How To Stop Procrastinating and Do Hard Things

    Learn a simple technique to combat procrastination and improve productivity by breaking down tasks and starting with a 25-minute timer.

  15. 15
    Article
    Avatar of communityCommunity Picks·2y

    WhoCanUse

    The post discusses color contrast and its impact on people with visual impairments. It introduces the Web Content Accessibility Guidelines (WCAG), provides information on different types of color vision impairments, and explains how the tool calculates color ratios. The post also invites contributions to the project.

  16. 16
    Article
    Avatar of communityCommunity Picks·2y

    🔑 OAuth 2.0 flows explained in GIFs

    This post explains OAuth 2.0 flows using GIFs. It covers the terminologies, the Authorization Code Grant flow, and other flows in OAuth 2.0.

  17. 17
    Video
    Avatar of t3dotggTheo - t3․gg·2y

    MarioKart.js Blew My Mind (Open Source + React + ThreeJS)

    A developer has recreated the classic multiplayer game Mario Kart using react and threejs, and the project is now open source. The game utilizes react 3 fiber, a wrapper for threejs that simplifies 3D rendering in webgl. The code is easy to read and understand, and the developer has included additional open source projects related to gamepad control and cart physics. The camera in react 3 fiber allows for easy manipulation of the game's viewpoint. The project also incorporates the use of libraries such as zustand for managing game state.

  18. 18
    Article
    Avatar of communityCommunity Picks·2y

    Dead Simple Sites — Minimal Website Inspiration

    Curated collection of minimal websites with no excessive animations or storytelling.

  19. 19
    Article
    Avatar of communityCommunity Picks·2y

    Web Development Tutorials and Training for JavaScript, HTML, and CSS.

    Learn web development with tutorials and training in JavaScript, HTML, and CSS. Browse coding languages, explore skill paths, and stay up-to-date with current practices and technologies.

  20. 20
    Article
    Avatar of communityCommunity Picks·2y

    5 Proven JavaScript Strategies for Developers

    Learn 5 proven JavaScript strategies to enhance your coding abilities, optimize your code, and make it more efficient.

  21. 21
    Article
    Avatar of watercoolerWatercooler·2y

    funny html semantic

    Learn about the importance of HTML semantic in web development and how to use it in your website.

  22. 22
    Article
    Avatar of devtoDEV·2y

    Web Development Tools and Resources

    Explore a variety of web development learning resources for beginners, intermediate developers, and advanced developers.

  23. 23
    Article
    Avatar of devtoDEV·2y

    The Front-End Development we’re used to is dying

    The traditional front-end development approach is dying due to the complexities and challenges it presents. Server-based web application development offers benefits such as faster changes, improved testing, and reduced complexity. With the advent of No-Code solutions, the need for pure front-end developers is diminishing. Front-end developers may need to transition to a Fullstack qualification to remain relevant.

  24. 24
    Article
    Avatar of devtoDEV·2y

    Tailwind CSS under the hood

    Learn about utility-first CSS and the benefits of using Tailwind CSS. Discover how Tailwind CSS works under the hood.

  25. 25
    Article
    Avatar of dhhDavid Heinemeier Hansson·2y

    VSCode + WSL makes Windows awesome for web development

    Windows PCs with VSCode and WSL provide a viable alternative to macOS for web development, offering faster performance and the ability to run a real Linux distribution natively. Windows machines are now competitive with MacBooks for web development tasks.

See all Web Development archives