Collective #544

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

C544_WOTW

Inspirational Website of the Week: Save whales

A beautiful website dedicated to a wonderful creature. Lovely transitions and 3D models. Our pick this week.

Get inspired

C544_svgartista

SVG Artista

SVG Artista is a useful tool that helps you animate strokes and fills in your SVG image with CSS transitions.

Check it out

C537_divi

Our Sponsor
The Ultimate WordPress Page Builder

You’ve never built a WordPress website like this before. Divi is more than just a WordPress theme, it’s a completely new website building platform that replaces the standard WordPress post editor with a vastly superior visual editor.

Try it

C544_darkmode

Designing Dark Mode

Jon Friedman shares how Dark Mode experiences are being crafted across Microsoft 365.

Read it

C544_bottomnav

Bottom Navigation Pattern On Mobile Web Pages: A Better Alternative?

Arthur Leonov explores a better alternative to the mobile top navigation pattern with a hamburger menu.

Read it

C544_color

Color Palette Generator

A superb color palette generator that will create truly working color themes.

Check it out

C544_sorry

Sorry Not Sorry

A fantastic experiment that shows the magical power of variable fonts.

Check it out

C544_switch

3D Switch animation

A truly amazing little switch component with a 3D twist. By Aaron Iker.

Check it out

C544_icons

Creating a Maintainable Icon System with Sass

Tracy Rotton explains how to tackle the drawbacks of the data URL background image technique for including icons.

Read it

C544_api

Get started with GPU Compute on the Web

François Beaufort plays with the experimental WebGPU API and shares his journey with web developers interested in performing data-parallel computations using the GPU.

Read it

C544_dots

Color Collision

A really cool game made by Sikriti Dakua.

Check it out

C544_chaining

Optional chaining

Learn all about the optional chaining operator and what you can do with it.

Read it

C544_typescript

Announcing TypeScript 3.6

Learn about all the exciting new features of Typescript 3.6 in this article by Daniel Rosenwasser.

Read it

C544_splitting

How to Accessibly Split Text

Michelle Barker takes a look at why splitting a string of text can be problematic from an accessibility point of view, and what we can do to make sure that split text is accessible to everyone.

Read it

C544_labelstudio

Label Studio

Label Studio is a multi-type data labeling and annotation tool with standardized output format.

Check it out

C544_draggable

Drag & Drop Elements with Vanilla JavaScript and HTML

Jess Mitchell shows how to create a drag and drop feature using the HTML Drag and Drop API with a little vanilla JavaScript to set up the event handlers.

Read it

C544_alexa

Voice User Interface Design by Cheryl Platz

Jeremy Keith’s liveblog of Cheryl Platz’s An Event Apart presentation on voice interfaces.

Read it

C544_optional

Optional HTML: Everything You Need to Know

Jens Oliver Meiert gives an overview of what HTML code is optional.

Read it

C544__loops

Perfect loops in Processing

Some valuable tips on creating slick looping animations in Processing.

Read it

C544_sofa

Color this sofa! – SVG + Blend Mode trick

Kyle Wetton created this amazing demo where you can color a sofa using some smart SVG and blend mode trickery.

Check it out

C544_pi

Calculating PI Using Raindrops

A great demo by Mustafa Enes which is based on a real-life experiment that gives an approximation to PI.

Check it out

C544_css

CSS Can Do This… And It’s Terrifying!

Aaron Powell lists some interesting ways to “exploit” CSS.

Read it

Bear Illustration Process

Illustrator Pierre Kleinhouse shares some insight on his process and answers some interesting questions.

Watch it

C544_pattern

Delaunay

Johan Karlsson implemented the Bowyer-Watson algorithm to perform the Delaynay triangulation. Click to generate a new pattern.

Check it out

C544_tooltips

The problem with tooltips and what to do instead

Adam Silver lists the numerous problems that come with using tooltips to reveal more content.

Read it

C544_js13k

Js13kGames

A friendly reminder that the epic JavaScript coding competition for HTML5 Game Developers is still running for 2 weeks.

Check it out

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

0 replies

Leave a Reply

Want to join the discussion?
Feel free to contribute!

Leave a Reply

Your email address will not be published. Required fields are marked *