Best of HTML — June 2021

1. 1
   Article

   Smashing Magazine·5y

   Useful Front-End Boilerplates And Starter Kits — Smashing Magazine

   We don’t need to write everything from scratch every single time. With boilerplates and starter kits, we can set up our projects faster, and get to work immediately. This collection is by no means complete, but rather a selection of things that the team at Smashing found useful.

   81

   4
2. 2
   Article

   CSS-Tricks·5y

   VS Code Extensions for HTML

   This week we look at some extensions for VS Code that make writing and editing HTML better. These are just a handful that I’ve tried and liked to some degree. You may not like all of them. Maybe some of them don’t appeal to you, or feel like more clutter than you need.

   52

   7
3. 3
   Article

   JavaScript in Plain English·5y

   Let’s Build a CRUD Website with HTML, CSS, JavaScript and an External API

   In this article, we will give you a tutorial for creating a web application with just only basic HTML, CSS and JavaScript. CRUD operations are the four basic operations of manipulating data including Create/Construct, Read, Update and Delete. We will use AJAX (Asynchronous JavaScript And XML) technique to have our web site update asynchronously.

   31

   1
4. 4
   Article

   CSS-Tricks·5y

   Detect Unused Classes in… HTML

   Unused CSS is a hard problem because of how hard it is to know for sure know if a ruleset is unused. Robert Kieffer's solution is to load up document.styleSheets and find all the rules (the ones that are classes) Then, use a MutationObserver to watch the DOM for all HTML. If the HTML has a class not found in a stylesheet, report it.

   21

   2
5. 5
   Article

   GitHub Blog·5y

   A framework for building Open Graph images

   GitHub has a new tool for automatically generating social sharing images. It uses the GitHub GraphQL API to collect data, generates some HTML from a template, and pipes it to Puppeteer to “take a screenshot” of that HTML. Open Graph is a set of standards for websites to be able to declare metadata that platforms can pick out.

   16
6. 6
   Article

   Medium·5y

   Introducing Odom: The Open UI Framework

   Odom is a JavaScript framework for building user interfaces. It aims not to replace any technology, but work with every technology. Odom can render four types of assets to the DOM; components, nodes, markup and text. It can also be easily integrated into existing projects.

   13

   4