Collective #527
Publikováno: 24.6.2019
Writing HTML in HTML * The perils of functional CSS * Shape (Beta) * Screenzy * How to learn D3.js
Collective #527 was written by Pedro Botelho and published on Codrops.
A complete guide to iconography
An in-depth guide to designing great icons by Bonnie Kate Wolf.
Exthouse
Exthouse is a tool powered by Lighthouse that provides a report about a web extension’s impact on web performance.
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.
Writing HTML in HTML
John Ankarström explains why he rewrote his website in pure HTML, without using a static site generator.
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.
The perils of functional CSS
Jay Freestone shares his thoughts on functional CSS and why he’s skeptical about it.
How to learn D3.js
Amelia Wattenberger released this first draft of how to get started with D3.js.
Bringing service workers to Google Search
Read about how Google Search shipped support for Service Workers in this article by Jeff Posnick.
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.
Flowfields in Fluid
An interesting Three.js fluid simulation made by Samsy.
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.
Kandinsky Geburstag Invite [WIP]
Tatiana Mac is working on this great demo which shows a fully responsive version of Kandinsky’s 60th birthday invitation.
Shape (Beta)
Shape is an icon and illustration tool where you can export creations as React components. By Meng To.
The Kabaa Project
A beautiful particle experiment by Tuqire Hussain.
Reduced Motion Picture Technique, Take Two
Chris Coyier further explores the technique for reducing motion with the picture element.
Kat Holmes: Rethink What Inclusive Design Means
An interesting 99U Conference talk by Kat Holmes.
Crystal
An awesome Three.js demo by Yoichi Kobayashi.
Free Font: Syke Regular
A sleek sans serif font designed by Jonathan Hill. The regular and italic style are for free.
To Serif or Not To (Sans) Serif?
Marvin Danig explains why sans serif typefaces work better on the web than serif ones.
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”.
Screenzy
A tool for beautifying screenshots with a couple of style options.
Drag-n-drop sticky, with no JS!
Scott Kellum created this post-it note demo with a clever CSS only technique.
Collective #527 was written by Pedro Botelho and published on Codrops.