Collective #548

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

C548_WOTW

Inspirational Website of the Week: Design Embraced

Anthony Goodwin’s portfolio has a beautiful flowy design with lovely details. Our pick this week.

Get inspired

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

C548_simplicity

Simplicity (II)

Bastian Allgeier on the lessons learned while working on very old projects and how the post-build-process era brought dependency hell.

Read it

C548_animateit

Animate it

A tool to create high-quality GIFs and video animations in your browser.

Check it out

C548_metronome

Metronomes in JavaScript

Monica Dinculescu’s exploration of metronomes and how to keep time in JavaScript.

Read it

C548_scrollbars

Two Browsers Walked Into a Scrollbar

Zach Leatherman studies scrollbar obtrusiveness and the design control we have with CSS.

Read it

C548_logicalcss

Logical Operations with CSS Variables

Ana Tudor explores the interesting possibilities of logical operations using CSS custom properties.

Read it

C548_caniemail

Can I email

A very useful site that offers support info on more than 50 HTML and CSS features tested across 25 email clients.

Check it out

C548_veoluz

VeoLuz

A generative art tool that lets you play with light in a way you never have before. By Jared Forsyth.

Check it out

C548_csscamera

CSS-Camera

Add depth using a 3D camera view to your web page with CSS3 3D transforms. By Mingyu Kim.

Check it out

C548_activetheory

Active Theory v5

The amazing new website by Active Theory.

Check it out

C548_nightbuild

Scheduling Netlify deploys with GitHub Actions

Thadee Trompetter shows how to use cron jobs on GitHub Actions and Netlify build hooks to perform nightly updates of a static site.

Read it

C548_savedata

Speeding up the web with the Save-Data header

Matt Hobbs experiments with the Save-Data header and shares what he learned.

Read it

C548_cables

Cables

In case you didn’t know about it: Cables is a tool for creating beautiful interactive content. With an easy to navigate interface and real time visuals, it allows for rapid prototyping and fast adjustments. Currently in public beta.

Check it out

C548_interview

Reverse interview

A list of questions to ask the company during your interview.

Check it out

C548_regextweet

Learn Regex in 4 tweets

A crash course on regex by Somdev Sangwan in just four tweets.

Check it out

C548_caniusemdn

Caniuse and MDN compatibility data collaboration

Read about how two great data sources on web compatibility come together.

Read it

C548_generativemountains

Procedural Mountains

A fantastic demo by Kyle Wetton.

Check it out

C548_fullstackai

fullstack.ai

End-to-end machine learning project showing key aspects of developing and deploying real life ML driven application.

Check it out

C548_dissolve

Dissolve

A wonderful demo of a dissolving effect shader by Colin Peyrat.

Check it out

C548_laser

Daytripper: Hide-My-Windows Laser Tripwire

Daytripper is a laser tripwire that can, upon triggering, hide all your windows, lock your computer, or execute a custom script to do whatever you want 🙂

Check it out

C548_webcamaudiovisualizer

From Our Blog
How to Create a Webcam Audio Visualizer with Three.js

A tutorial on how to create a Three.js powered audio visualizer that takes input from the user’s webcam.

Read it

C548_websitesroundup

From Our Blog
Inspirational Websites Roundup #8

Another set of inspirational website designs from the previous month to bring you up to date on the current design trends.

Check it out

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