Collective #499

Original Source:


Inspirational Website of the Week: greeeg

A seamless web experience with great animations and shapes. Our pick this week.

Get inspired


30 years on, what’s next #ForTheWeb?

Sir Tim Berners-Lee reflects on how the web has changed our world and what we must do to build a better web that serves all of humanity.

Read it


Our Sponsor
Meet The #1 WordPress Popup Plugin

Build Popups in the same place you build your website, so your site design remains consistent and you are able to get more conversions.

Check it out


Designing An Aspect Ratio Unit For CSS

Rachel Andrew writes about the exciting new aspect ratio unit for CSS, how it was designed and how it will work.

Read it


How to design an accessible color scheme

An article by Katie Riley on building a more accessible color scheme for Envoy.

Read it



An amazing tool that lets you colorize black and white images with deep learning.

Check it out


The Value of Inconvenient Design

An article by Jesse Weaver where he investigates at what cost technology makes seemingly inconvenient tasks easier.

Read it



A peer-to-peer stack for code collaboration. Currently in alpha.

Check it out


KV Storage: the Web’s First Built-in Module

Philip Walton explains what built-in modules are and introduces the asynchronous key/value storage module called KV Storage.

Read it


Accessibility Insights

A powerful accessibility tool for creating simple tests or in-depth audits of websites.

Check it out


Cube World

Tibix created this demo as part of the “Art of Noise” series, a collection dedicated to canvas animations using Perlin and Simplex noise.

Check it out


If statements and for loops in CSS

Peter-Paul Koch takes another look at CSS as a programming language and shows the analogues for if statements and for loops.

Read it


A JavaScript-Free Frontend

Matt Reyer shares how he uses as little JavaScript as possible when rebuilding his app Slimvoice.

Read it


Firefox Send

In case you didn’t know about it: Firefox Send lets you share files with end-to-end encryption and a link that automatically expires.

Check it out


JavaScript “loose” comparison step by step

A tool that will help you understand how == works in JavaScript.

Check it out


A Complete Guide to useEffect

A very thorough guide to useEffect in React by Dan Abramov.

Check it out



A free tool to create and maintain style guides. By Muno Creative.

Check it out


Particles Field

A fantastic particles demo by Ricardo Mendieta.

Check it out



A simple alternative to Facebook events. With distribution of invitations and collection of RSVPs.

Check it out


Questions in the Sky by Air France

A promo game implementation for Air France.

Check it out


How to manipulate CSS colors with JavaScript

Adam Giese takes a look at CSS color notations and shows how to manipulate the values with JavaScript.

Read it


Harry Potter Movies Quiz

In this project Dmytro Barylo is experimenting with localStorage, SVG animations and vue.observable.

Check it out


From Our Blog
Image Distortion Effects with SVG Filters

Three distortion effects powered by SVG filters that are applied to an image when hovering a link.

Check it out

Collective #499 was written by Pedro Botelho and published on Codrops.

0 replies

Leave a Reply

Want to join the discussion?
Feel free to contribute!

Leave a Reply

Your email address will not be published. Required fields are marked *