Collective #527
A complete guide to iconography
An in-depth guide to designing great icons by Bonnie Kate Wolf.
Read it
Exthouse
Exthouse is a tool powered by Lighthouse that provides a report about a web extension's impact on web performance.
Check it out
Divi: The Powerful Visual Page Builder
Divi is a revolutionary WordPress theme and visual page builder for WordPress. With Divi, you can build your website visually. Add, arrange and design content and watch everything happen instantly right before your eyes.
Try it
Writing HTML in HTML
John Ankarström explains why he rewrote his website in pure HTML, without using a static site generator.
Read it
Freezeframe.js
This library pauses animated GIFs and enables them to animate on hover, click, touch or using a trigger function. A former jQuery plugin that is now built with modern JavaScript.
Check it out
The perils of functional CSS
Jay Freestone shares his thoughts on functional CSS and why he's skeptical about it.
Read it
How to learn D3.js
Amelia Wattenberger released this first draft of how to get started with D3.js.
Check it out
Bringing service workers to Google Search
Read about how Google Search shipped support for Service Workers in this article by Jeff Posnick.
Read it
Flappy Bird
Charlie Gerard created this fun experiment where you can play the Flappy Bird game with browser windows. Remove the pop-up block to make it work.
Check it out
Flowfields in Fluid
An interesting Three.js fluid simulation made by Samsy.
Check it out
Photo Creator 2.0
With the new Photo Creator of Icons8 you can create diverse photos with thousands of masked models, AI-powered face swap, and background removal.
Check it out
Kandinsky Geburstag Invite [WIP]
Tatiana Mac is working on this great demo which shows a fully responsive version of Kandinsky's 60th birthday invitation.
Check it out
Shape (Beta)
Shape is an icon and illustration tool where you can export creations as React components. By Meng To.
Check it out
The Kabaa Project
A beautiful particle experiment by Tuqire Hussain.
Check it out
Reduced Motion Picture Technique, Take Two
Chris Coyier further explores the technique for reducing motion with the picture element.
Read it
Kat Holmes: Rethink What Inclusive Design Means
An interesting 99U Conference talk by Kat Holmes.
Watch it
Crystal
An awesome Three.js demo by Yoichi Kobayashi.
Check it out
Free Font: Syke Regular
A sleek sans serif font designed by Jonathan Hill. The regular and italic style are for free.
Get it
To Serif or Not To (Sans) Serif?
Marvin Danig explains why sans serif typefaces work better on the web than serif ones.
Read it
Converting divs into accessible pseudo-buttons
This article takes you through the steps of how to convert an opinionated HTML element into an accessible "pseudo-button".
Read it
Screenzy
A tool for beautifying screenshots with a couple of style options.
Check it out
Drag-n-drop sticky, with no JS!
Scott Kellum created this post-it note demo with a clever CSS only technique.
Check it out