Collective #289
HTML & CSS is hard
An awesome guide to web development with great visualizations, not just for beginners. Made by Oliver James.
Check it out
How to start a WordPress maintenance business
Start growing your recurring revenue by providing monthly website maintenance services.
Get free eBook
WebGradients
A gigantic collection of background gradients for CSS, Sketch and Photoshop.
Get it
Experimenting With speechSynthesis
Learn about the exciting Web Speech API and how you can use the SpeechSynthesis interface to listen to your users. By Aaron Gustafson.
Read it
Pure CSS grid overlays for designing
Create custom grid overlays perfect for in-browser designing.
Check it out
Awesome Creative Coding
A curated list of creative coding resources primarily for beginners and intermediates.
Check it out
Design Templates
Design Inc offers some very useful, high-quality design templates.
Get it
HTML Reference
A free guide to HTML featuring all elements and attributes, including experimental ones.
Check it out
Native ECMAScript modules: dynamic import()
Serg Hospodaret introduces the dynamic import() operator that allows for asynchronous module loading.
Free Fonts: Cabo Slab & Cabo Rounded
Two versatile font families designed by Bogdan Cașotă from Design a Lot.
Get it
CSS and progressive enhancement
An article on progressive enhancement in CSS. By Michael Scharnagl.
Read it
Using cubic bezier curves to smooth out rounded rectangles
A great demo by Amelia Bellamy-Royds that shows how to make smooth curves with cubic Bézier curves.
Check it out
Component based SVG Icon System
Varun Vacchar's workflow for creating a component based SVG icon system.
Read it
Free Font: Rowo
A beautiful brush font with lots of character. Free for an email subscription.
Get it
Ballicons 3 Free Version
A great sample from the Ballicons 3 set by Pixel Buddha.
Get it
Snow: Free Portfolio Template (HTML, PSD)
A lovely free PSD and HTML template with a modern look.
Get it
Pool Ripple
A fun ripple effect demo by Sarah Drasner.
Check it out
Creating Non-Rectangular Headers
Erik Kennedy shows how to make some non-rectangular shapes for headers.
Read it
Open Source Guides
Learn how to launch and grow your Open Source project with these great guides.
Check it out
How I started drawing CSS Images
A great article by Sasha Tran where she shares her CSS drawing journey.
Read it
Base64 Encoding & Performance
A two-part article series on Base64 encoding and performance by Harry Roberts.
Read it
Taskade
A minimal and sharable task list in the browser.
Check it out