Best of HTML — December 2023

1. 1
   Article

   DEV·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.

   451

   14
2. 2
   Article

   freeCodeCamp·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.

   291

   8
3. 3
   Article

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

   285

   14
4. 4
   Article

   asayer·2y

   10 CSS Techniques for Hiding Elements

   This article explores ten different methods for hiding content using CSS, including using the display property, visibility property, and opacity property. The techniques discussed can improve the user experience and create more dynamic and interactive web pages.

   95

   4
5. 5
   Article

   freeCodeCamp·2y

   How to Manipulate the DOM in JavaScript – Most Commonly Used Techniques

   Learn about common techniques for manipulating the DOM in JavaScript, such as changing the content of an element, manipulating the class attribute, and setting CSS styles.

   91

   1
6. 6
   Article

   freeCodeCamp·2y

   innerHTML vs innerText vs textContent – What's the Difference?

   Learn about the differences between innerHTML, innerText, and textContent properties in HTML and how they handle HTML markup and content. Be cautious when using innerHTML due to security risks. innerText focuses on rendered text content, while textContent ignores HTML tags and includes hidden content. Update content using all three properties.

   77
7. 7
   Article

   freeCodeCamp·2y

   🐍 🕹️ 💻

   Learn JavaScript skills by building a snake game inspired by the iconic Nokia Snake game. Improve your web development capabilities with a step-by-step course. Enhance the snake's size, control its movement, and track the score. Try the game before watching the course and find it on the freeCodeCamp.org YouTube channel.

   75
8. 8
   Article

   Hacker News·2y

   YOU DON'T NEED HTML!

   The article discusses a website called NO-HT.ML that proves HTML is not necessary to create a beautiful and useful website. It explores the elements used in the website's source code and compares the concept to playing a game with arbitrary restrictions.

   58

   1
9. 9
   Article

   DEV·2y

   Building a collaborative whiteboard app using ReactJS, Socket.io and NodeJS

   Learn how to build a collaborative whiteboard using ReactJS, Socket.io, and NodeJS. The project uses HTML canvas to create the whiteboard and implements real-time communication with Socket.io. Multiple users can use the whiteboard simultaneously.

   54
10. 10
    Article

    Community Picks·2y

    Using Event Listeners in JavaScript

    Learn how to use the addEventListener() method in JavaScript to add event handlers to HTML elements. Discover its advantages and various use cases for web development.

    54
11. 11
    Article

    Towards Dev·2y

    Mastering the Flip: A Step-by-Step Guide to Crafting an Eye-Catching HTML CSS Flipping Card UI Design

    Learn how to create a mesmerizing flipping card UI design using HTML and CSS. This step-by-step guide provides all the necessary steps to craft an eye-catching card with a flip effect. Enhance your web development skills and implement this creative technique in your projects to create stunning user interfaces.

    39

    2
12. 12
    Video

    Fireship·2y

    the untold history of web development

    A brief overview of the history and evolution of web development, including key inventions and technologies.

    36

    2