Inspirational Website of the Week: SSSolitaire
A beautiful design with excellent typography and interactive goodness. Our pick this week.
Instant websites for your clients with Divi Layout Packs
With the Divi Layout Packs you’ll get world-class designs ready to be used for your client projects.
Say Hello To CSS Container Queries
Learn all about how CSS container queries work with lots of examples and use-cases. By Ahmad Shadeed.
Glob Editor
A fantastic nodes/globs based editor made by Steve Ruiz.
UNCUT
An open source typeface catalogue, focusing on somewhat contemporary type.
A Complete Guide To HTML Email
Vitaly Friedman looks into templates and tools for building and designing HTML emails.
lofi.cafe
A curated selection of live lofi stations from YouTube, in a beautiful online player.
Natto: A Canvas for JavaScript
A multi-talented JS playground where you can run scripts and that is also an API client, JSON viewer and datavisusalization tool. Made by Paul Shen.
Frontend Toolkit
Frontend Toolkit is a customizable dashboard for your recurring Frontend tasks. By Damian Frizzi.
Beautiful PDFs from HTML
A tutorial to using paged.js for creating great looking PDFs from HTML.
gitlet.js
Mary Rose Cook wrote Gitlet to show how Git works under the covers.
Yamauchi No.10 Family Office
A fantastic web experience with an incredible isometric layout.
Overflow Issues In CSS
Ahmad Shadeed explores the causes of overflow issues and shows how to solve them.
Modern CSS Upgrades To Improve Accessibility
Learn how to use modern CSS to make layouts more accessibly inclusive for users of all abilities across any device. By Stephanie Eckles.
My current HTML boilerplate
Manuel Matuzovi? shares his up-to-date HTML boilerplate with a line-by-line explanation.
#116 in 2021 / CodePen Challenge / Scrolling
A cool distorted scrolling effect by Toshiya Marukubo.
CSS Pie Timer Revisited
Kitty Giraudel revisits his pure CSS pie timer
CSS is a Strongly Typed Language
An interesting article by Eric Bailey on why CSS can be perceived as strongly typed language.
Real-world CSS vs. CSS-in-JS performance comparison
Tomas Pustelnik’s case study on how CSS-in-JS impacts the performance of a website compared to plain CSS.
Free Mobile Chat UI Kit
Free UI kit for building in-app mobile chat including 50+ handcrafted messaging screens for Sketch, Figma, and Adobe Xd.
JavaScript Cheat Sheet
A JavaScript cheat sheet made by Sunil Kumar.
Wobbly 2D Physics with Matter.js and Paper.js
A recreation of the wobbly shape effect seen on Cédric Pereira’s website using Matter.js and Paper.js.
The post Collective #657 appeared first on Codrops.