Best of HTMLApril 2024

  1. 1
    Article
    Avatar of devtoDEV·2y

    21 HTML Tips You Must Know About

    Boost your coding skills with 21 HTML Tips including creating contact links, collapsible content, utilizing semantic elements, grouping form elements, enhancing dropdown menus, improving video presentation, supporting multiple selections, displaying text as subscript and superscript, creating download links, defining base URL for relative links, controlling image loading, managing translation features, setting maximum and minimum input length, enabling content editing, controlling spell checking, ensuring accessibility, defining target behavior for links, providing additional information, accepting specific file types, and optimizing video loading.

  2. 2
    Article
    Avatar of communityCommunity Picks·2y

    Learn CSS, HTML and JavaScript by Playing Coding Games

    Learn CSS, HTML, and JavaScript by playing coding games in an engaging and interactive environment. Traditional learning methods lack practice, engagement, and can be boring. By combining practice and an interactive learning environment, you can make learning to code more efficient, interesting, and fun.

  3. 3
    Article
    Avatar of freecodecampfreeCodeCamp·2y

    How to Create an Interactive Terminal-Based Portfolio Website

    Learn how to create an interactive terminal-based portfolio and resume in JavaScript using the jQuery Terminal library. Improve your command line skills and showcase your projects.

  4. 4
    Article
    Avatar of asayerasayer·2y

    Using Rarer HTML Tags for Styling

    Using rare HTML tags for styling offers advantages such as reducing code bloat and improving code readability, as well as enhancing website performance by minimizing CSS file size.

  5. 5
    Article
    Avatar of cssarticlesCSS Articles·2y

    css-shape.com: The Ultimate Collection of CSS-only Shapes ⚡️

    A website called css-shape.com is the ultimate collection of CSS-only shapes. It offers shapes created with a single element, modern CSS, optimized code, flexibility, and easy usage.

  6. 6
    Article
    Avatar of devtoDEV·2y

    I built these 5 types of loading animation in HTML and CSS, which do you prefer?

    Explore 5 unique loading animations created using HTML and CSS, including a minimalist spinner, a bouncing ball, a morphing blob, pulsing dots, and a filling rotating square.

  7. 7
    Article
    Avatar of freecodecampfreeCodeCamp·2y

    How To Use CSS Variables – Explained with Code Examples

    Learn how to use CSS variables to reduce code repetition and improve styling. This guide covers basic examples in plain HTML and CSS to more advanced examples in React and Next.js.

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

    The Correct Base Font Size

    This post discusses the ideal base font size, the advantages of using relative units for font sizes, and offers tips for making text fields more usable and accessible. It also highlights the importance of respecting user preferences and following WCAG standards.

  9. 9
    Article
    Avatar of communityCommunity Picks·2y

    15 Best Books On Web Design You Must Read

    A list of 15 best web design books for beginners, covering topics such as design principles, HTML and CSS, color theory, typography, UX design, design systems, and more.

  10. 10
    Article
    Avatar of freecodecampfreeCodeCamp·2y

    The Difference Between <b> and <Strong> in HTML – Explained with Examples

    Learn the difference between <b> and <strong> tags in HTML and how they are used for bold formatting. Discover the semantic meaning of the <strong> tag and the stylistic purpose of the <b> tag. Understand how browser styles can override the default rendering of these tags. Explore the potential issues with using the <b> tag and how the <strong> tag can indirectly impact SEO.

  11. 11
    Article
    Avatar of freecodecampfreeCodeCamp·2y

    How to Create a Responsive HTML Email Template

    Learn how to create a responsive email template with step-by-step instructions and code snippets. Use tables for compatibility across email clients. Add content with inline styles, including a call to action button. Make the template responsive using CSS media queries. Test across email clients and devices. Consider adding a Google font with a fallback option.

  12. 12
    Article
    Avatar of communityCommunity Picks·2y

    Easiest Explanation of DOM, Even a 6 year old can understand

    Explanation of DOM, a tree-like structure that represents the HTML document and allows JavaScript to interact with web pages.

  13. 13
    Article
    Avatar of dwbDavid Walsh·2y

    HTML popover Attribute

    Learn how to create a native HTML modal using the popover attribute and style its contents. Discover how to add a background layer to the popover modal.