Web Development
Notes
RSS Subscriptions
- A List Apart:
- Adrian Roselli:
- Ahmad Shadeed:
- Alistair Shepherd:
- Amber Wilson:
- Amelia Wattenberger: Creates things on the web, explores novel interfaces, turns data into meaning, and empowers devs with AI.
- 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:
- Brecht De Ruyte (utilitybend): Front-end developer from Belgium with a passion for HTML, CSS, UI, UX, accessibility, and developer happiness.
- 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:
- Heather Buchel: Front-end engineer who likes writing about accessibility, web tech, cooking, living in Brooklyn, and her dog Pepper.
- Henry Desroches:
- Heydon Pickering:
- Heydon Pickering:
- Hidde de Vries:
- Inclusive Components:
- Ire Aderinokun (bitsofcode):
- Jake Archibald:
- Jakub Krehel: Founding Design Engineer at Interfere
- 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: A publication dedicated to providing high quality educational content to level up your front-end skills.
- 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:
- Stuart Robson (Always Twisted): Design Systems consultant and front-end developer.
- 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.
- Feather: Collection of open source icons with an emphasis on simplicity, consistency, and readability.
- Footer: Collection of footer-specific inspiration by Benten Woodring and Devin Fountain.
- Heroicons: Hand-crafted SVG icons, by the makers of Tailwind CSS.
- Lissajous Curve Generator: Generate and export SVGs of Lissajous curves. A tool by Eva Decker.
- Modern CSS Code Snippets: Modern CSS code snippets, side by side with the old hacks they replace.
- 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 CSS Cascade: We style our websites using CSS, which stands for Cascading Style Sheets. But what does Cascading really mean?
- 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.
- crashcat: Physics engine for JavaScript, built for games, simulations, and creative websites.
- 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.