Collective #462

Original Source:


Inspirational Website of the Week: Femme & Fierce – She is Fire and Ice

Beautiful colors and components with a fresh look and lovely details. Our pick this week.

Get inspired


Our Sponsor
Earn your master’s in Information Design and Strategy

Learn to drive effective digital communication and blend information architecture and experience design with branding and messaging.

Apply now


Random irregular grid

Vincent De Oliveira shows how to use a single paint worklet on multiple elements showcased on a creative grid.

Check it out


Confessions of a Flawed Designer

Pablo Stanley created these fun comics on some bad habits he’s trying to fix.

Check it out


Robin Delaporte – Creative developer

Looking for a position as a creative/front-end developer, Robin Delaporte made this beautiful portfolio.

Check it out


Splicing HTML’s DNA With CSS Attribute Selectors

John Rhea explains how attribute selectors work and shows some use cases.

Read it


Simplify Styling with Functional CSS

Harry Nicholls explains what functional CSS is and shows how it can simplify styling.

Check it out


The Intl.RelativeTimeFormat API

Mathias Bynens introduces the brand new Intl.RelativeTimeFormat API and shows how it can be used for relative time-formatted values.

Read it


User flow is the new wireframe

An illustrated guide on the different “resolutions” of user flows, and when to use them. By Alexander Handley.

Read it



DesignBase is a database of highly curated free resources for all designers.

Check it out


The Mine: No JS, CSS only adventure game

Jamie Coulter’s contribution to the Codepen Halloween challenge.

Check it out


Incomplete List of Mistakes in the Design of CSS

A list of CSS design mistakes that should be corrected if anyone ever invents a time machine.

Check it out


Websites in 2018

This is how many website visits indeed look like. Coded by Seva Zaikov.

Check it out



Gerard Ferrandez created this fantastic invaders pattern with canvas.

Check it out


Dweb: Identity for the Decentralized Web with IndieAuth

Aaron Parecki shows what IndieAuth is all about and how to get started using it.

Check it out


Gradient Shapes

Shapes generated with CSS background gradients by Yuan Chuan (includes conic gradients, which are currently Chrome only).

Check it out


April Landing Page Template

April is a new free HTML landing page for startups available on Cruip.

Get it


Hard Costs of Third-Party Scripts

Dave Rupert investigates User Experience costs of third-party scripts.

Read it


Firefox 63 – Tricks and Treats!

Great news: support for modern Web Components APIs has shipped in Firefox!

Read it


Design in China featuring A Black Cover Design

An interview with the founders of “A Black Cover” that offers some great insight into the Chinese design community.

Read it



A beautifully animated hexagon wave made by Misha Tsankashvili with CSS only.

Check it out


Free Monster Enemy Game Sprites

A set of 10 evil little characters in various image formats including AI, EPS, SCML and PNG.

Check it out

Collective #462 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 *