Intro Best Practices Directory
Resources
Libraries
Alpine JS
Link
Alpine lets you put javascript logic in your html
HTMX
Link
HTMX makes links and forms work more smoothly in html
Mini JS
Link
Add interactivity to HTML with ease
Tailwind Lite
Link
Buildless Tailwind
Hyperscript
Link
A little scripting language, by the makers of htmx
CSS Scope Inline
Link
Write CSS with locality of behaviour
HTMZ
Link
a low power tool for html
Shoelace
Link
A collection of professionally designed, highly customizable UI components built as web components
Unpoly
Link
Get powerful new HTML attributes to build dynamic UI on the server.
Newsletters
GoMakeThings
Link
Incredible newsletter that covers HTML, CSS, and JS including lots of useful info on Web Components.
Web Weekly
Link
Learn more about web fundamentals and stay up to date with latest browser technologies
Javascript Weekly
Link
A newsletter of JavaScript articles, news and cool projects
Tailwind Weekly
Link
Free, 5 min weekly newsletter subscribed to by 2k+ readers
CSS Tip
Link
Lists
Unsuck JS
Link
Unsuck js lists html-first javascript and css libraries
People
Wes Bos
Full Stack JavaScript developer from Canada. Runs the Syntax Podcast
Jhey Tompkins
Brings ideas to life with code! ✨
Kent C Dodds
I'm Kent C. Dodds. I help people make the world better through quality software
Baptiste Adrien
Shares good threads on what's possible with css
Carson Gross
Creator of HTMX. Meme lord
Lea Verou
CSS Educator, Speaker. W3C TAG member
Una Kravets
Front-end developer, tech content creator, supporter of all things web UI
Adam Hill
Creator of unsuckjs.com
Luke Warlow
Chromium & Webkit committer. Tweets about web standards
Jen Simmons
Designer and Developer Advocate at Mozilla. Member of the CSS Working Group
Alex Petros
A blog about writing software that doesn't rot
Stefan Judis
Loves building things for the web and writing things about the web.
Konnor Rogers
Web developer who builds things of all shapes and sizes using many different technologies. Builds Web Awesome
Writings
Grugbrain
Link
A collection of thoughts on software development gathered by grug brain developer
What we need instead of Web Components
Link
The pitch is “get semantic elements from across the web!” But those are wrong problems to try to solve.
An intro to CSS anchor positioning
Link
With basic examples
Behaviour Belongs in The HTML
Link
Separation of Concerns is a great principle, but they drew the line in the wrong place
Who's Afraid of a Hard Page Load
Link
Challenging the notion that users prefer SPAs because of the "modern," responsive feel.
HTML Attributes Vs Dom Properties
Link
Attributes and properties are fundamentally different things. Here's how
Once is No Build
Link
The dream of building fast, modern web applications without transpiling has come true.
Two Approaches To Decoupling
Link
The hypermedia API is more resilient in the face of change.
Locality Of Behaviour
Link
Locality enables a programmer to understand the source by looking at only a small portion of it.
Hypermedia Driven Applications
Link
Combining the simplicity & flexibility of MPAs with the better user experience of SPAs.
The Life & Death of HTMX
Link
We now have a clear understanding of HTML's limitations as hypertext
Rails as an HTML Container
Link
Rails: A way to access a collection of utilities that make it easier to work with HTML
CSS Utility Classes & Separation of Concerns
Link
I had "separated my concerns", but there was still a very obvious coupling between my CSS and my HTML
Bye bye Build Steps
Link
I’m removing all build steps from all of my websites.
CSS finally adds vertical centering in 2024
Link
align-content works in the default layout in 2024, allowing vertical centering with 1 CSS property.
Snippets
Github Tab Menu
Link
Tweets
Short Thread of tips
The limitations of web components