![Collective 657 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/04/C657_WOTW.jpg)
Inspirational Website of the Week: SSSolitaire
A beautiful design with excellent typography and interactive goodness. Our pick this week.
![Collective 643 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/01/C643_Divi.jpg)
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.
![Collective 657 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/04/C657_containerqueries.jpg)
Say Hello To CSS Container Queries
Learn all about how CSS container queries work with lots of examples and use-cases. By Ahmad Shadeed.
![Collective 657 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/04/C657_node.jpg)
Glob Editor
A fantastic nodes/globs based editor made by Steve Ruiz.
![Collective 657 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/04/C657_fonts.jpg)
UNCUT
An open source typeface catalogue, focusing on somewhat contemporary type.
![Collective 657 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/04/C657_htmlemail.jpg)
A Complete Guide To HTML Email
Vitaly Friedman looks into templates and tools for building and designing HTML emails.
![Collective 657 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/04/C657_lofi.jpg)
lofi.cafe
A curated selection of live lofi stations from YouTube, in a beautiful online player.
![Collective 657 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/04/C657_natto.jpg)
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.
![Collective 657 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/04/C657_frontendtoolkit.jpg)
Frontend Toolkit
Frontend Toolkit is a customizable dashboard for your recurring Frontend tasks. By Damian Frizzi.
![Collective 657 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/04/C657_PDF.jpg)
Beautiful PDFs from HTML
A tutorial to using paged.js for creating great looking PDFs from HTML.
![Collective 657 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/04/C657_gitlet.jpg)
gitlet.js
Mary Rose Cook wrote Gitlet to show how Git works under the covers.
![Collective 657 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/04/C657_iso.jpg)
Yamauchi No.10 Family Office
A fantastic web experience with an incredible isometric layout.
![Collective 657 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/04/C657_overflow.jpg)
Overflow Issues In CSS
Ahmad Shadeed explores the causes of overflow issues and shows how to solve them.
![Collective 657 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/04/C657_csstech.jpg)
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.
![Collective 657 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/04/C657_htmlboilerplate.jpg)
My current HTML boilerplate
Manuel Matuzovi? shares his up-to-date HTML boilerplate with a line-by-line explanation.
![Collective 657 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/04/C657_scroll.jpg)
#116 in 2021 / CodePen Challenge / Scrolling
A cool distorted scrolling effect by Toshiya Marukubo.
![Collective 657 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/04/C657_pie.jpg)
CSS Pie Timer Revisited
Kitty Giraudel revisits his pure CSS pie timer
![Collective 657 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/04/C657_strongly.jpg)
CSS is a Strongly Typed Language
An interesting article by Eric Bailey on why CSS can be perceived as strongly typed language.
![Collective 657 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/04/C657_perfcss.jpg)
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.
![Collective 657 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/04/C657_uikit.jpg)
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.
![Collective 657 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/04/C657_CheatsheetJS.jpg)
JavaScript Cheat Sheet
A JavaScript cheat sheet made by Sunil Kumar.
![Collective 657 item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/04/Screen-Shot-2021-04-15-at-15.17.30-1.jpg)
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.