Inspirational Website of the Week: FIL – SUMI LIMITED
An impressive dark design with very smooth animations. Our pick this week.
Client Feedback with Context
Banish email trails and feedback spreadsheets forever. BugHerd pins feedback and bugs directly to website pages and turns it into actionable tasks.
What does 100% mean in CSS?
Amelia Wattenberger’s guide on what 100% in CSS actually means in its different contexts.
It’s time to lazy-load offscreen iframes!
Addy Osmani introduces browser-level native lazy-loading for iframes.
this vs that
What is the difference between some key concepts in front-end development? Find out with this great collection. By Nguyen Huu Phuoc.
100 Days of 3D Design
Tiantian Xu writes about learning 3D modeling in 100 days.
Tinykeys
A small, modern library for keybindings by Jamie Kyle.
macintosh.js
A virtual Apple Macintosh with System 8, running in Electron.
svelthree
Svelthree is a components library for declarative construction of reactive and reusable scene graphs utilizing a slightly modified three.js source.
Depth peeling & SS refraction
Mind-blowing demo: screen space refraction through depth peeling in Three.js.
CS Visualized: CORS
In this part of the “CS Visualized” series, Lydia Hallie explains cross-origin resource sharing in an easy to understand way.
Perfect Edition
A lightweight, responsive web e-book template by Robin Sloan.
Teenyicons
A gigantic set of tiny minimal 1px icons made by Anja van Staden.
window.matchMedia
A great tip by Álvaro Trigo that you might have never heard about!
Some CSS comics
Some great CSS comics made by Julia Evans.
Rubber Mesh Swipe Transition
Pull and release the image for a rubbery motion and transition. By Yugam.
Designing Adaptive Components, Beyond Responsive Breakpoints
Stéphanie Walter writes about designing systems of reusable components that adapt to responsive layouts and more.
Luckysheet
Luckysheet is an online spreadsheet like Excel that is powerful, simple to configure, and completely open source.
Webpack: A gentle introduction
A gentle introduction to why Webpack exists, what problems it solves, and how to use it.
Natively Format JavaScript Dates and Times
Elijah Manor explains how to go about date and time formatting in JavaScript.
Mandala maker
A supercool mandala generator by Amit Sheen.
Floating island /w Threejs & GSAP
Awesome 3D scene demo made by Kasper De Bruyne.
The post Collective #616 appeared first on Codrops.