Collective #583
Publikováno: 23.1.2020
The CSS Cascade * Sideway * Teaching in the open: Eleventy * Form Design Patterns
Collective #583 was written by Pedro Botelho and published on Codrops.
Inspirational Website of the Week: basement.studio
Everything on basement is bold: from its striking typography to the brilliant effects and playful interactivity. Fantastic work.
Clubhouse: Make 2020 your most productive year
Clubhouse is a collaborative home for software teams that breaks down silos and brings creators together to ship value, not features.
The CSS Cascade
Amelia Wattenberger’s interactive article that will give you insight to how cascading works in CSS.
Déplacé Maison – A case study by Niccolò Miranda
An excellent case study on a brilliant website made by Niccolò Miranda and Luca Mariotti.
Sideway
A community of Product, UI, UX Designers showcasing live projects.
Teaching in the open: Eleventy
Jérôme Coupé writes about his switch to Eleventy and offers his free course “Introduction to Eleventy” on GitHub.
PHENOMENA
A great page with amazing effects created by Mario Carrillo for the fashion brand Phenomena.
Robb Owen – Independent Creative Developer
A great website made with Eleventy. Read more about it in this article.
Walkers – How to
Louis Hoebregts’ visual walkthrough of a stunning animation.
Night at the Museum of Very Good Boys
An incredible demo by Adam Kuhn.
Smashing TV: Form Design Patterns with Adam Silver
In this webinar, Adam Silver will show you how to analyze and redesign a real-world checkout journey. He’ll also introduce his book, Form Design Patterns.
Multi-line gradient links
Zell Liew explains how to create links with gradients that span multiple lines.
Radio Hopping
A cool radio button animation made by Jon Kantner.
Typo-coaster
Michelle Barker’s addictive motion-path demo.
Internet Relay Chat: IRC-style Chat On Every Website
Relay Chat adds anonymous, IRC-style chat on every domain on the Internet, so you can chat with other people browsing the same website.
The state of installability
Declan Rek writes about the current state of PWAs.
4 CSS layouts without using media queries
The Polypane team dissects the magic flexbox form style by Adam Argyle and shows all four layouts in action in Polypane.
PHP in 2020
After looking at PHP in 2019, Brent from stitcher.io updated his thoughts on why PHP isn’t the same old crappy language it was ten years ago.
Case Study: itsnotviolent.com
A case study that explores the motivation, choices and implementation of the itsnotviolent.com awareness campaign brought to live by the Locomotive web agency.
How to Unroll Images with Three.js
Discover the basic concept behind an unrolling image effect using WebGL.
Collective #583 was written by Pedro Botelho and published on Codrops.