Collective #550

Original Source: http://feedproxy.google.com/~r/tympanus/~3/1e-T7jl4vnE/

C550_WOTW

Inspirational Website of the Week: Déplacé Maison

A refreshing design with lots of character and perfect details. Our pick this week.

Check it out

C550_form

Where to put buttons on forms

Button placement can make or break a form. Find out the best place to put them in this article by Adam Silver.

Read it

C550_symbols

Art of Symbols

Emotive Brand’s creative exploration on how ancient symbols inform contemporary brand design.

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

C550_Copypalette

CopyPalette

Create consistent monochromatic color palettes and export them to Figma or Sketch.

Check it out

C550_wave2

wAve

A wonderful wavy letter demo by Adam Kuhn.

Check it out

C550_smcover

My Design Process Of The Cover Design For Smashing Magazine Print Issue #1

In this article, Veerle Pieters, sheds some light into her design process of Smashing Magazine’s cover.

Read it

C550_hooks

Thinking in React Hooks

Amelia Wattenberger’s draft for a guide to the fundamental mindset change when switching from React class components to functional components + hooks.

Read it

C550_faces

Generated Photos

100,000 AI-generated faces free to use in any project.

Check it out

C550_monocle

Monocle

A wonderful magnifying list experiment by Hakim El Hattab.

Check it out

C550_andy

Keeping it simple with CSS that scales

A written version of Andy Bell’s talk he first delivered at “State of the Browser 2019”.

Read it

C550_MichelleBarker

Thoughts on the State of the Web

Michelle Barker reflects on “State of the Browser” conference and shares some thoughts on the current state of the web.

Read it

C550_keyframes

Using Custom Properties to Wrangle Variations in Keyframe Animations

Read how Sandrina Pereira found a way to account for variations within a keyframe animation using custom properties.

Read it

C550_darkmode

Dark Mode — Working with Color Systems

Søren Clausen writes how with the introduction of Dark Modes, colors now also need to be put into systems.

Read it

C550_fish

Upside down

A hypnotizing demo made by K-T.

Check it out

C550_raindrop

Raindrop

A rain effect that realistically interacts with elements on a page. By Neal Agarwal.

Check it out

C550_v8

Nullish coalescing

Learn about the nullish coalescing proposal that adds a new short-circuiting operator meant to handle default values in JavaScript.

Read it

C550_letteranim

Typing Animation.. with Puns!

A fun typing animation made by Dave Quah.

Check it out

C550_testwindows

Testing Accessibility on Windows with VirtualBox

The Accessibility DIY Kit for VirtualBox lets you test the accessibility of your website on Windows when working on a Mac.

Read it

C550_Krishna

Free Font: Krisha

A bold and beautiful display typeface by Daler Mukhiddinov.

Get it

C550_3dcolorcustomizer

From Our Blog
How to Build a Color Customizer App for a 3D Model with Three.js

Learn how to create a complete color customizer app for a 3d model of a chair using Three.js in this in-depth tutorial.

Read it

Collective #550 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 *