Collective #328
Inspirational Website of the Week: Tim Roussilhe
An outstanding creative portfolio with beautiful details and interaction gems. Our pick this week.
Get inspired
WebVR Showroom
A great WebGL and WebVR proof-of-concept for showcasing and customizing products on the web. Made by Little Workshop.
Check it out
Pixels - Beautiful designs every day
A new place to find inspiration for great designs and copywriting. Read more about it in this article.
Check it out
Build Things Visually with Divi 3.0
Divi 3.0 introduces a completely new visual interface that will forever change the way you build websites.
Try it now
Sticky Headers
A three-part article series on sticky navigations and smooth scrolling by Remy Sharp.
Read it
React Native UI Kitten
A mobile framework for React Native with easily customizable elements.
Check it out
Marpi: Demos
A collection of amazing demos by Marpi Studios.
Check it out
Free Font: Grad
A strong display typeface designed by Rick Lewik.
Get it
Atomic Design & Creativity
Audrey Hacq gives some great metaphors for the Atomic Design principle.
Read it
React UWP
If you are into Microsoft's UWP Design and use React, this might be interesting for you.
Check it out
Browser module loading - can we stop bundling yet?
Read why it's still wise to bundle ECMAScript modules although all modern browsers are already capable of it.
Read it
Animals SVG line animations with Snap.svg
An adorable demo by Gregor Ojstersek.
Check it out
Over-engineering Sass maps
Hui Jing shares her learning experience with Sass functions.
Read it
reproCSS
A flexible <style>-tag based CSS reprocessor that allows for interpolating JS inside CSS with the ${} syntax. By Tommy Hodgins.
60 Free Animated Icons
A set of fun icons that animate by Icons8.
Get it
Electronium
A fun audio-visual experiment consisting of a virtual synthesizer and an audio visualizer. Built by DreamPipe.
Check it out
Science-based games
A collaborative list of educational games that capture parts of real scientific phenomena.
Check it out
Move Modal in on a Path
Chris Coyier shows how to use the new CSS property offset-path to animate a modal along a path.
Aspect Ratios in CSS are a Hack
A great collection of aspect ratio sizing techniques in CSS.
Read it
HTML: The Living Standard
A new site for the Developer Edition of HTML.
Check it out
You do not need a CSS Grid based Grid System
Rachel Andrew writes about how CSS Grid turns commonly used grid systems in CSS obsolete.
Read it
Free Font: Chester Sans (Light & Bold)
A modern type family designed by Boris Garic.
Get it
Terminus
A modern terminal with lots of useful features.
Check it out
Organic Shape Animations with SVG clipPath
Some shape morphing hover effects on images using SVG clipPath. The idea is to create an organic, fluid feel by animating several elements on hover.
Check it out