Best of HTML — March 2023

1. 1
   Article

   Product Hunt·3y

   Float UI - Product Information, Latest Updates, and Reviews 2024

   Float UI is an open-source library of high-quality UI components and customizable templates built on top of Tailwind CSS and modern JS frameworks. It recently launched Float UI v2 and is looking for expert tips and contributions.

   118

   12
2. 2
   Article

   ByteByteGo·3y

   From 0 to Millions: A Guide to Scaling Your App - Part 3

   In the final two parts of this series, we examine the impact of recent trends like cloud and serverless computing. We explore how these trends alter the way we build applications, especially for early-stage startups where time-to-market is critical, and provide insights on how to incorporate these modern approaches when creating your next big hit.

   87

   2
3. 3
   Article

   freeCodeCamp·3y

   Learn Web Development from Harvard University (CS50 Web)

   Learn web programming with Python and JavaScript from Harvard University's CS50's Web Programming course. Topics include HTML, CSS, Git, Python, Django, SQL, JavaScript, user interfaces, testing, scalability, and security. Watch the full course on the freeCodeCamp YouTube channel.

   54

   6
4. 4
   Article

   Deno·3y

   You Don't Need a Build Step

   Node's server-side JavaScript isn't compatible with browser JavaScript, because each implementation satisfies two entirely different systems. JavaScript was created for browsers where scripts/resources are imported asynchronously via URLs. Node is modularized, so code from different Node modules need to be bundled and minified to reduce code being shipped to the client.

   44

   3
5. 5
   Article

   Hacker Noon·3y

   How to Upload Files With JavaScript

   In order to access a file on a user’s device, we had to use an HTML form. We still need the file input to access the files on the device. browsers have a Fetch API that we can use to make HTTP requests without forms.

   38

   3
6. 6
   Article

   freeCodeCamp·3y

   How to Make a Clickable SVG Map With HTML and CSS

   Learn how to make a clickable SVG map with HTML and CSS. Discover the benefits of SVG maps, add interactivity with CSS, and link areas of the map to external webpages.

   29

   1
7. 7
   Article

   asayer·3y

   Text Formatting in HTML

   Learn about text formatting in HTML, including popular tags, the advantages of semantic HTML, and using CSS for advanced text formatting.

   22
8. 8
   Article

   InfoSec Write-ups·3y

   How to Hack Web Browsers with BeEF Framework

   The word BeEF stands for Browser Exploitation Framework. The tool was designed to explore the vulnerabilities in browsers and test them. BeEF hacking involves hooking one or more web browsers and using them to launch command modules to attack the target system within the browser.

   17

   1
9. 9
   Article

   Community Picks·3y

   Create a Killer Links Page with Vanta.js' 3D Motion Background

   Learn how to create a killer links page with a 3D motion background using Vanta.js. The tutorial covers HTML, CSS, and JavaScript and provides step-by-step instructions for creating the page.

   13

   8
10. 10
    Article

    This Dot·3y

    Web Scraping with Deno

    A web scraper is a script that downloads the HTML from a website as though it was a normal user. It parses that HTML to extract information from it. With Deno, we can write your scraper in TypeScript with far fewer dependencies than what you'd need in order to write the same thing in Node.

    13

    2
11. 11
    Article

    builder.io·3y

    A Brief History of Reactivity

    A Brief History of Reactivity I tweeted about reactivity, which got a lot of traction, so I decided to expand my thoughts here. This post is not an authoritative history of reactivity but my personal journey and opinions on the subject. I started my journey with Macromedia Flex, which later got purchased by Adobe.

    11

    2