Collective #579
Inspirational Website of the Week: Obys
A combination of unique layouts, beautiful elements and smooth animations make Obys stand out.
Get inspired
Manage projects better in 2020 - Clubhouse.io
"Clubhouse is like a fast and delightful version of Jira, a more purposeful version of Trello." Free for up to 10 users.
Check it out
The End of Indie Web Browsers: You Can (Not) Compete
Samuel Maddock's sobering article on the detrimental consequences of the introduction of Encrypted Media Extensions (EME) by the W3C, bringing with it the end of competitive Indie web browsers.
Read it
Smaller HTML Payloads with Service Workers
Philip Walton shares a great technique leveraging Service Workers to decrease HTML payloads.
Read it
All Design Conferences
A great project by Pablo Stanley: a list of all design and front-end conferences around the world in 2020.
Check it out
calcolor.co
A fantastic new way to find, modify and share digital colors. Created by Timon Weber.
Check it out
Let's Learn Eleventy!
In this episode of "Learn With Jason", Zach Leatherman shows how Eleventy makes building static sites fast and fun.
Watch it
Why You Should Choose HTML5 <article> Over <section>
In this article, Bruce Lawson explains what use we have of <section> and how authors should mark up headings that are hugely important to AT users.
Read it
EscherSketch
A really nice tool for drawing and exploring symmetrical patterns and designs. It can export pictures, pattern tiles for fabric and wallpaper design, and SVG for further editing.
Check it out
Awwwards Nominees of the Year 2019
Vote for the best of the web in the annual awards by Awwwards.
Check it out
Fun with CSS Motion Path
Michelle Barker shares some fun animations you can do with the new CSS Motion Path properties.
Check it out
Publish
A static site generator built specifically for Swift developers. It enables entire websites to be built using Swift, supporting themes, plugins and more customization options.
Check it out
Whack-a-mole!
Andrew Burton coded this offline-first PWA version of Whack-a-mole for his children. The source code can be found here.
Check it out
Mailchimp's 2019 Annual Report
The beautiful annual report by Mailchimp that highlights some interesting stats.
Check it out
Multi-Thumb Sliders: Particular Two-Thumb Case
In this two part article, Ana Tudor makes her own version of a multi-thumb slider.
Read it
The Solar System 2010 - 2020
Rob DiMarzo explores the changes the solar system has gone through in the past decade.
Check it out
22120
An archivist browser controller that caches everything you browse, a library server with full text search to serve your archive.
Check it out
The Jam - Swissted
A fantastic GSAP 3 powered demo by Pete Barr where he brings a poster to life.
Check it out
7 CSS properties you had no idea about
A compilation of some really interesting and lesser known CSS properties.
Read it
13 ways to vertical center in 2020
The team of LogRocket shows 13 ways to vertically center an element in CSS. Check out the demos here.
Watch it
Awesome Demos Roundup #12
A hand-picked collection of fantastic web experiments for your inspiration.
Check it out
Playing with Texture Projection in Three.js
In this tutorial, you'll learn how to project a texture onto an object in Three.js with some interesting examples.
Check it out