Collective #462
![C462_WOTW](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C462_WOTW.jpg?x86293)
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![C462_NW](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C462_NW.png?x86293)
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![C462_grid](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C462_grid.jpg?x86293)
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![C462_Confessions](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C462_Confessions.jpg?x86293)
Confessions of a Flawed Designer
Pablo Stanley created these fun comics on some bad habits he's trying to fix.
Check it out![C462_robin](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C462_robin.jpg?x86293)
Robin Delaporte - Creative developer
Looking for a position as a creative/front-end developer, Robin Delaporte made this beautiful portfolio.
Check it out![C462_selector](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C462_selector.jpg?x86293)
Splicing HTML's DNA With CSS Attribute Selectors
John Rhea explains how attribute selectors work and shows some use cases.
Read it![C462_funccss](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C462_funccss.jpg?x86293)
Simplify Styling with Functional CSS
Harry Nicholls explains what functional CSS is and shows how it can simplify styling.
Check it out![C462_apitime](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C462_apitime.jpg?x86293)
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![C462_wireframes](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C462_wireframes.jpg?x86293)
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![C462_design](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C462_design.jpg?x86293)
DesignBase
DesignBase is a database of highly curated free resources for all designers.
Check it out![C462_game](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C462_game.jpg?x86293)
The Mine: No JS, CSS only adventure game
Jamie Coulter's contribution to the Codepen Halloween challenge.
Check it out![C462_csslist](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C462_csslist.jpg?x86293)
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![C462_2018website](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C462_2018website.jpg?x86293)
Websites in 2018
This is how many website visits indeed look like. Coded by Seva Zaikov.
Check it out![C462_invaders](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C462_invaders.jpg?x86293)
Invaders
Gerard Ferrandez created this fantastic invaders pattern with canvas.
Check it out![C462_auth](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C462_auth.jpg?x86293)
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![C462_shapes](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C462_shapes.jpg?x86293)
Gradient Shapes
Shapes generated with CSS background gradients by Yuan Chuan (includes conic gradients, which are currently Chrome only).
Check it out![C462_freehtml](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C462_freehtml.jpg?x86293)
April Landing Page Template
April is a new free HTML landing page for startups available on Cruip.
Get it![C462_daverupert](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C462_daverupert.jpg?x86293)
Hard Costs of Third-Party Scripts
Dave Rupert investigates User Experience costs of third-party scripts.
Read it![C462_custom](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C462_custom.jpg?x86293)
Firefox 63 - Tricks and Treats!
Great news: support for modern Web Components APIs has shipped in Firefox!
Read it![C462_china](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C462_china.jpg?x86293)
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![C462_hexagon](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C462_hexagon.jpg?x86293)
Hexagon
A beautifully animated hexagon wave made by Misha Tsankashvili with CSS only.
Check it out![C462_sprites](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C462_sprites.jpg?x86293)
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