Collective #410
Inspirational Website of the Week: Barovier & Toso
Unique interactions and perfect fluidity made us pick Barovier & Toso as inspirational website this week.
Get inspired
Elementor Unveils The Ultimate Theme Builder for WordPress
Elementor is the all-in-one tool for customizing your entire WordPress website visually. Go beyond your theme limitations, and design anything you can imagine. Take control over your site's header, footer, single post, archive page and all other areas of your site, all without a single line of code.
Learn more
Native-Like Animations for Page Transitions on the Web
Learn how to create slick page transitions in Vue.js in this tutorial by Sarah Drasner.
Read it
Grid to Flex
Flexbox fallbacks for popular UI solutions that use CSS Grid. By Una Kravets.
Check it out
CSS Blocks
CSS Blocks by LinkedIn is a component-oriented CSS authoring system that compiles to high-performance stylesheets.
Check it out
ReactCircle
ReactCircle renders a customizable SVG circle with a progress percentage. By Hector Zarco.
Check it out
Mario Kart: CSS
Read about Stephen Cook's fantastic interactive Mario Kart demo with no images or JavaScript, only HTML and CSS.
Read it
Recurss
Recurss is a collection of recursive CSS demos. These demos work by styling only nested divs.
Check it out
Unicons Icon Set
A pixel perfect icon set of 200 essential, line-style icons.
Get it
Sketch UX Kit
A nice wireframing and prototyping template for your next project.
Check it out
Redesigning A Digital Interior Design Shop (A Case Study)
A very insighful case study of an interior design shop redesign by Boyan Kostov.
Read it
Classroomies Beta
Join a chat (classroom) and watch a 24/7 broadcast of Stanford lectures on the topics of Startups, Computer Science and Business.
Check it out
Day.js
A date library alternative to Moment.js with the same modern API.
Check it out
Flowerpot Slider
A fun, wiggly slider by Chris Gannon.
Check it out
SVG Path layout
One of Vincent De Oliveira's experiments with the latest CSS Houdini spec.
Check it out
Animating Progress
An article by Jonathan Snook where he digs into the tricky task of animating the <progress> element.
Read it
Testing Strategies for React and Redux
Read about well working testing strategies that the Firefox Add-ons team is using for React and Redux.
Read it
Duotone Effect Generator
Create duotone images quickly with this generator.
Check it out
Lost Without You
A great game by Jack Rugile and Nicolle Witte for the Game Jam event "Ludum Dare 41".
Check it out
Using pseudo-elements with CSS Grid
Some interesting layout problem solving with CSS grid and pseudo-elements. By Michelle Barker.
Read it
VHS Effects (regl)
A cool VHS camera effects using regl.
Check it out
Findshot
Get a free set of inspiring photos monthly per email.
Check it out