Collective #412
Publikováno: 3.5.2018
Pure CSS Francine * Curtains.js * Responsive Knockout Text * ReLaXed * BigInt * Cards Webflow UI Kit * Lobe
Collective #412 was written by Pedro Botelho and published on Codrops.

Inspirational Website of the Week: Fazeta Producciones
Some interesting interaction details and a unique design. Our pick this week.

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

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

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.

Responsive Knockout Text With Looping Video
A tutorial by Giulio Mainardi where he shows how to pull off a video text effect.

GitHub Contributions Chart Generator
Visualize your GitHub contributions with differently themed images.

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.

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.

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.

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

A Guide To The State Of Print Stylesheets In 2018
Rachel Andrew’s guide to modern print stylesheets.

Solved With CSS! Dropdown Menus
Una Kravets shows how to create CSS powered dropdown menus.

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

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.

CSS Grid: More flexibility with minmax()
Michelle Barker explores the minmax() function and shows why it’s so powerful.

The Surprising Science Behind Color Codes
Patrick Woodhead shares some interesting facts on color codes.

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

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

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

Starling Simulation
A flocking simulation of starling murmuration using WebGL.

Adding BigInts to V8
The interesting story behind implementing support for BigInts in V8.

Custom domains on GitHub Pages gain support for HTTPS
Read about how GitHub Pages are gaining support for HTTPS.
Collective #412 was written by Pedro Botelho and published on Codrops.