Collective #579

Original Source: http://feedproxy.google.com/~r/tympanus/~3/Z1lfhz4c038/

Inspirational Website of the Week: Obys

A combination of unique layouts, beautiful elements and smooth animations make Obys stand out.

Get inspired

This content is sponsored via Thought Leaders
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

From Our Blog
Awesome Demos Roundup #12

A hand-picked collection of fantastic web experiments for your inspiration.

Check it out

From Our Blog
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

Collective #579 was written by Pedro Botelho and published on Codrops.