Collective #647

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

Inspirational Website of the Week: CCNCN – Saison 2021

A fresh design with great typography and a daring, addicting click interaction concept. Our pick this week.

Get inspired

Our Sponsor
Blockchain domains are owned, not rented

Blockchain domains are stored by their owners in their wallet like a cryptocurrency, no third party can take them away. Pay once and you own the domain for life, no renewal fees. Get your .crypto or .zil domain now.

Check it out

Creative Good: Why I’m losing faith in UX

Read why Mark Hurst thinks that UX is now “user exploitation”.

Read it

New aspect-ratio CSS property supported in Chromium, Safari Technology Preview, and Firefox Nightly

Maintaining aspect ratio within images and elements is now easier to achieve with the new aspect-ratio CSS property.

Read it

Things You Can Do With CSS Today

Andy Bell looks into masonry layout, :is selector, clamp(), ch and ex units, updated text decoration, and a few other useful CSS properties.

Read it

We Value Your Privacy (At About $0.50): Dark Patterns in UI Copy 2021

Read how shady euphemisms are employed to trick users into handing over personal data, and manipulative descriptions continue to deceive people. By Graeme Fulton.

Read it

SVG Waves

A handy SVG wave generator made by Bereket Semagn.

Check it out

Mutsuacen

A great little tool to create animated and interactive drawings.

Check it out

Fusuma

A tool to create slides from Markdown.

Check it out

Crunk dancer

An amazing music web experiment by Arno Di Nunzio. Made with Three.js and Cannon.

Check it out

Faking container queries with CSS Grid

With CSS Grid and some trickery it’s possible to implement something very close to container queries.

Read it

Le Voyage Azarien

A beautiful immersive journey into a forest made by Joseph Azar.

Check it out

Making GitHub’s new homepage fast and performant

The third article in a five-part series on building GitHub’s new homepage.

Read it

Iconduck

Iconduck lists over 100,000 free open source icons, illustrations and graphics from around the web. They can be used for personal and commercial projects.

Check it out

CSS Polygon Shapes

Tweakable shapes generated with css-doodle and clip-path. By Yuan Chuan.

Check it out

ReacType

If you didn’t know about it yet: ReacType is an open-source application that assists developers in prototyping React applications via a user-friendly drag-and-drop interface.

Check it out

Supercons

A friendly open source React iconset by Lachlan Campbell.

Check it out

How-to: Use the tabindex attribute

Learn why and how to use the tabindex attribute in this article by Eric Bailey.

Read it

Continuous Typography Tester

A prototype of a design tool for continuous typography made by Max Kohler. Read more about it here.

Check it out

Don’t use functions as callbacks unless they’re designed for it

Jake Archibald shows why functions shouldn’t be used as callbacks unless they are designed for it.

Read it

GutenSearch

Find any term in the wast body of Project Gutenberg books.

Check it out

Gaze-controlled keyboard

Write words using your eye movements. Built with Tensorflow.js

Check it out

Skateboard Video Platform

A beautiful UI coded by Aysenur Turk.

Check it out

Droste Creator

Create recursive images with the droste effect using this cool tool. Made by Javier Bórquez.

Check it out

Barebones CSS for Fluid Images

Zach Leatherman’s CSS tip for fluid images.

Check it out

Svelte Kit, the first ‘serverless-first’ framework?

Jasper Moelker tested out Svelte Kit and summarized what he learned.

Read it

Introducing Pika. A free, open-source colour picker app

Learn about Pika, an easy to use, open-source, native colour picker for macOS.

Read it

From Our Blog
How to Code the Traveling Particles Animation from “Volt for Drive”

A coding session where you’ll learn how to implement Volt for Drive’s traveling particles animation with Three.js.

Check it out

From Our Blog
Rotating Loading Animation of 3D Shapes with Three.js

Check it out

The post Collective #647 appeared first on Codrops.