Best of HTML — February 2024

  1. 1
    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.

  2. 2
    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.

  3. 3
    Article
    Avatar of communityCommunity Picks·2y

    Tailwind vs. Semantic CSS

    This post compares the differences between Tailwind and Semantic CSS in terms of coding, rendering speed, separation of concerns, and more. It highlights that Semantic CSS is significantly smaller in size, faster in rendering, and allows for loose coupling and reusability.

  4. 4
    Article
    Avatar of freecodecampfreeCodeCamp·2y

    Advanced CSS Selectors – How and When to Use Them

    Discover the power and flexibility of advanced CSS selectors in styling elements. Learn how to build an interactive FAQ section using advanced CSS selectors. Improve your code efficiency and enhance user experience with advanced CSS selectors.

  5. 5
    Article
    Avatar of medium_jsMedium·2y

    10 CSS One-Liners to Transform Your Web App

    Learn 10 CSS one-liners that can transform your web app in just a few minutes. Topics include centering divs, creating free flowing elements, positioning elements in the DOM, universal box sizing, responsive images, centering elements, creating custom checkbox styles, making text smoother, clearing floats, and resetting all styles.

  6. 6
    Article
    Avatar of freecodecampfreeCodeCamp·2y

    How to Use Chrome DevTools – Simple Strategies for Smarter Web Development

    Learn how to effectively use Chrome DevTools to boost your web development process. Explore features like the Elements Panel, Console Panel, Network Panel, and more. Improve your debugging and performance optimization skills.

  7. 7
    Article
    Avatar of communityCommunity Picks·2y

    Stimulus Components

    Stimulus Components is a powerful and customizable library for common JavaScript behavior. It follows the philosophy of having great documentation and demo, being extendable and customizable with a strong API, and being easy to learn and use. It is already used by hundreds of developers and many companies. The library simplifies the installation process and provides an example of how to use it. It is a recommended choice for working with Stimulus JS.

  8. 8
    Video
    Avatar of communityCommunity Picks·2y

    Is HTMX a Joke??

    HTMX is a small library for swapping out parts of the UI with a response from a server. It requires a server to send HTML to the client and can be used for client-side routing, progressively enhancing forms, and more. It simplifies development by moving most of the logic to the server and eliminating the need for extensive client-side JavaScript.

  9. 9
    Article
    Avatar of cassidooCassidy's blog·2y

    Use CSS accent-color to style your inputs

    Learn how to use the CSS accent-color property to style your HTML inputs in your projects.

  10. 10
    Article
    Avatar of freecodecampfreeCodeCamp·2y

    How to use the Fullscreen API in JavaScript

    Learn how to use the Fullscreen API in JavaScript to display a game or any HTML element in fullscreen mode. Discover how to enter fullscreen mode, style the fullscreen, display games with the canvas element in fullscreen, and how to exit fullscreen. Also, learn how to create a fullscreen toggle button with SVG.

  11. 11
    Article
    Avatar of communityCommunity Picks·2y

    Building Dynamic Progress Bars using only CSS

    Learn how to create dynamic progress bars using only CSS. No JavaScript is needed. Change the color and percentage dynamically using CSS variables.

  12. 12
    Article
    Avatar of freecodecampfreeCodeCamp·2y

    How to Build a Camera App on the Web – No Plugins Required

    Learn how to build a camera app on the web using the MediaStream API. The article covers the components of the camera app and provides step-by-step instructions for HTML, CSS, and JavaScript code. Explore the possibilities for adding more features to the app.

See all HTML archives