Web Development

Notes

• 2025-09-25Practical Layout Workshop With Andy Clarke

RSS Subscriptions

• A List Apart:
• Adrian Roselli:
• Ahmad Shadeed:
• Alistair Shepherd:
• Amber Wilson:
• Andreas Gohr:
• André Medeiros (Staltz):
• Andy Clarke (Stuff & Nonsense): Andy Clarke writes about product and website design, development, and pop-culture.
• Anthony Hobday:
• Ashlee M. Boyer:
• Axel Rauschmayer (2ality):
• Ben Gammon:
• Bramus Van Damme:
• Bruce Lawson:
• CSS Tricks:
• Cassie Evans:
• Chen Hui Jing:
• Chris Coyier:
• Cloud Four:
• Cory Dransfeldt:
• Cyd Stumpel: Parttime teacher and independent creative developer.
• Dan Cătălin Burzo:
• Darek Kay:
• Dave Rupert:
• David Bushell:
• David Darnes:
• Eduardo Bouças (Build Times): Collection of thoughts, experiments, ramblings, and rants about the daily goings-on of an individual who gets paid to write gibberish at the computer.
• Eleventy:
• Elise Hein:
• Eric Meyer:
• Eric Portis:
• Ethan Marcotte:
• Evan Sheehan:
• HTMHell:
• Henry Desroches:
• Heydon Pickering:
• Heydon Pickering:
• Hidde de Vries:
• Inclusive Components:
• Ire Aderinokun (bitsofcode):
• Jake Archibald:
• James Sinclair:
• Jeffrey Zeldman:
• Jeremy Keith (Adactio):
• Jonathan Snook:
• Jonnie Hallman:
• Josh Comeau:
• Kevin Powell:
• Lene Saile:
• Little Things:
• Lynn Fisher:
• Manuel Matuzović:
• Mark Vasilkov:
• Martin Underhill:
• Max Böck:
• Mehul Kar:
• Michelle Barker (CSS in Real Life):
• Miriam Eric Suzanne:
• Modern CSS Solutions for Old CSS Problems:
• Mozilla Hacks:
• Nic Chan:
• Nicholas Ray:
• OddBird: Full-stack web development agency that also publishes articles, videos, podcasts, and case studies.
• Optimistic Web:
• Own Your Web: By Matthias Ott.
• Piccalilli Project: Personal Website Redesign: Andy Bell is completely redesigning his personal site from scratch and breaking down each part to educate and hopefully, inspire you to build your own corner of the internet.
• Richard Rutter:
• Robb Knight:
• Robb Owen:
• Robin Rendle Newsletter: The ol’ newsletter by Robin Rendle with an extremely slow publishing schedule.
• Roman Komarov:
• Ryan Mulligan:
• Sandro Roth:
• Sara Soueidan:
• Sarah Dayan (frontstuff):
• Sarah Fossheim:
• Scott O’Hara:
• Seva Zaikov:
• Sia Karamalegos:
• Simon Wicki:
• Smashing Magazine:
• Sophie Koonin (Localghost):
• Stephanie Eckles:
• Taha Shashtari:
• Tania Rascia:
• The Collective: By Codrops.
• The Every Layout Blog:
• Tobias Ahlin: Designs and makes things.
• Tom MacWright:
• Trent Walton:
• Tyler Sticka:
• Una Kravets:
• Utopia:
• Vadim Makeev:
• Webbed Briefs:
• Will Boyd (Coder’s Block):
• beyond tellerrand:

Bookmarks

• 31 Retro Color Palettes for Throwback Designs: Check out these beautiful retro color palettes. Hex codes are included.
• A Deep Dive Into SVG Path Commands: An interactive guide to understanding SVG paths and path commands.
• Accessibility for Everyone: Let Laura Kalbag guide you through the accessibility landscape: understand disability and impairment challenges; get a handle on important laws and guidelines; and learn how to plan for, evaluate, and test accessible design.
• Animations on the Web: Interactive learning experience that teaches how to build animations on the web.
• Broider: A tool for making “9-patch” borders.
• Brutalist Websites: In its ruggedness and lack of concern to look comfortable or easy, Brutalism can be seen as a reaction by a younger generation to the lightness, optimism, and frivolity of today’s web design.
• Canvas Engine Comparison: Render multiple moving rectangles to compare a number of canvas engines.
• Color Contrast Checker: WCAG 2.2 color contrast validator with design system integration.
• Easing Functions Cheat Sheet: Make animations more realistic by picking the right easing function.
• Easing Wizard: Generate and customize CSS easing functions with ease and precision.
• Eva Decker: Design engineer who likes playing piano and writing CSS.
• Footer: Collection of footer-specific inspiration by Benten Woodring and Devin Fountain.
• Lissajous Curve Generator: Generate and export SVGs of Lissajous curves. A tool by Eva Decker.
• Modern Font Stacks: System font stack CSS organized by typeface classification for every modern OS.
• Mu-An Chiou: A software designer and engineer. Makes modest websites.
• SVG Viewer: Online tool to view, edit, and optimize SVGs.
• SVGOMG: SVG Optimizer’s missing GUI, aiming to expose the majority, if not all the configuration options of SVGO.
• Scroll-Driven Animations: A bunch of demos and tools to show off scroll-driven animations.
• Smolsite: A whole site that fits inside the URL.
• Susty Icons: A lightweight, sustainable SVG icon set optimized for performance. Copy-paste inline icons, generate CSS, export sprites, to build greener websites faster.
• The Monospace Web: A minimalist design exploration by Oskar Wickström.
• Tone.js: Web Audio framework for creating interactive music in the browser.
• WebGPU Unleashed – A Practical Tutorial: Discover the magic of creating stunning visuals from scratch, mastering the art of real-time graphics, and unlocking the power of WebGPU.
• Website Inspo: Discover website inspiration curated at the component level. Browse UI patterns, layouts, animations, and more.
• fffuel: A fun collection of color tools and free SVG generators for gradients, patterns, textures, shapes, and backgrounds.
• ntfy: Simple HTTP-based pub-sub notification service. Infinitely flexible. 100% free software. Pronounced notify.
• p5.js Web Editor: Web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners.