Collective #579
Publikováno: 9.1.2020
calcolor.co * Let's Learn Eleventy! * Publish * Multi-Thumb Sliders * 22120
Collective #579 was written by Pedro Botelho and published on Codrops.
Inspirational Website of the Week: Obys
A combination of unique layouts, beautiful elements and smooth animations make Obys stand out.
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.
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.
Smaller HTML Payloads with Service Workers
Philip Walton shares a great technique leveraging Service Workers to decrease HTML payloads.
All Design Conferences
A great project by Pablo Stanley: a list of all design and front-end conferences around the world in 2020.
calcolor.co
A fantastic new way to find, modify and share digital colors. Created by Timon Weber.
Let’s Learn Eleventy!
In this episode of “Learn With Jason”, Zach Leatherman shows how Eleventy makes building static sites fast and fun.
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.
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.
Awwwards Nominees of the Year 2019
Vote for the best of the web in the annual awards by Awwwards.
Fun with CSS Motion Path
Michelle Barker shares some fun animations you can do with the new CSS Motion Path properties.
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.
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.
Mailchimp’s 2019 Annual Report
The beautiful annual report by Mailchimp that highlights some interesting stats.
Multi-Thumb Sliders: Particular Two-Thumb Case
In this two part article, Ana Tudor makes her own version of a multi-thumb slider.
The Solar System 2010 – 2020
Rob DiMarzo explores the changes the solar system has gone through in the past decade.
22120
An archivist browser controller that caches everything you browse, a library server with full text search to serve your archive.
The Jam – Swissted
A fantastic GSAP 3 powered demo by Pete Barr where he brings a poster to life.
7 CSS properties you had no idea about
A compilation of some really interesting and lesser known CSS properties.
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.
Awesome Demos Roundup #12
A hand-picked collection of fantastic web experiments for your inspiration.
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.
Collective #579 was written by Pedro Botelho and published on Codrops.