Collective #412

Original Source:


Inspirational Website of the Week: Fazeta Producciones

Some interesting interaction details and a unique design. Our pick this week.

Get inspired


Pure CSS Francine

A piece of HTML/CSS art made by Diana Smith.

Check it out



Curtains.js is a light-weight WebGL JavaScript library that turns HTML elements into interactive textured planes.

Check it out


Our Sponsor
Divi: A Web Designer’s Dream

Divi is the ultimate tool for web designers. Hundreds of thousands of WordPress freelancers and agencies are empowered by Divi to help run their growing businesses.

Try it now


Responsive Knockout Text With Looping Video

A tutorial by Giulio Mainardi where he shows how to pull off a video text effect.

Read it


GitHub Contributions Chart Generator

Visualize your GitHub contributions with differently themed images.

Check it out


BigInt: arbitrary-precision integers in JavaScript

Read all about the new numeric primitive in JavaScript that can represent integers with arbitrary precision. By Mathias Bynens.

Read it


Display: Contents Is Not a CSS Reset

Adrian Roselli explains why using display: contents as a quick and dirty CSS reset is a terrible idea.

Read it


Grid Level 2 and Subgrid

An article by Rachel Andrew where she explains subgrids and why they’d make a good addition to the Grid specification.

Read it


Cards Webflow UI Kit

A clonable Webflow Style UI Kit fully developed in Webflow Designer and also available as Sketch file. By Jan Losert.

Check it out


A Guide To The State Of Print Stylesheets In 2018

Rachel Andrew’s guide to modern print stylesheets.

Read it


Solved With CSS! Dropdown Menus

Una Kravets shows how to create CSS powered dropdown menus.

Read it



Build, train, and ship custom deep learning models using a simple visual interface. Available for beta invitations.

Check it out


Priority Guides: A Content-First Alternative to Wireframes

Heleen van Nues and Lennart Overkamp write about the drawbacks of wireframes and suggest the “priority guide” as alternative.

Read it


CSS Grid: More flexibility with minmax()

Michelle Barker explores the minmax() function and shows why it’s so powerful.

Read it


The Surprising Science Behind Color Codes

Patrick Woodhead shares some interesting facts on color codes.

Read it



ReLaXed is a tool which creates PDF documents interactively using HTML or Pug.

Check it out


Smart CSS Grid

Smart CSS Grid is a minimal CSS Grid based responsive layout system with 12 columns.

Check it out



A simple and light-weight library for visual DOM selection.

Check it out


Starling Simulation

A flocking simulation of starling murmuration using WebGL.

Check it out


Adding BigInts to V8

The interesting story behind implementing support for BigInts in V8.

Read it


Custom domains on GitHub Pages gain support for HTTPS

Read about how GitHub Pages are gaining support for HTTPS.

Read it

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