Collective #716
![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/06/C716_WOTW.jpg?x86293)
Inspirational Website of the Week: Jorge Toloza
An excellent design with a unique feel and smooth animations. Our pick this week.
Get inspired![Collective 713 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/05/DiviCloud.jpg?x86293)
Build websites faster with Divi Cloud
Divi Cloud is like Dropbox for your Divi websites: save something to Divi Cloud and it becomes available on all of your and your clients’ websites while you build them.
Check it out![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/06/C716_mobilefirst.jpg?x86293)
Mobile-First CSS: Is It Time for a Rethink?
Patrick Clancey summarizes the advantages of the mobile first approach and some alternate solutions if mobile-first doesn’t seem to suit a project.
Read it![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/06/C716_checkbox.jpg?x86293)
The World's Most Satisfying Checkbox
Some great insight into how the (Not Boring) Habits app became Apple Design Award winner with a game feel approach.
Read it![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/06/C716_fresh.jpg?x86293)
Fresh
Just in time edge rendering, island based interactivity, and no configuration TypeScript support using Deno.
Check it out![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/06/C716_patterns.jpg?x86293)
Untools
A collection of thinking tools and frameworks to help you solve problems, make decisions and understand systems.
Check it out![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/06/C716_chrome.jpg?x86293)
Software Engineering
Addy Osmani shares some of the software engineering soft skills he has learned from his first 10 years on Google Chrome.
Read it![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/06/C716_shadows.jpg?x86293)
CSS Shadow Gradients
A generator for supercool shadow gradients with pure CSS. By Alvaro Trigo.
Check it out![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/06/C716_canvas.jpg?x86293)
In circles and spheres
In this Offscreen Canvas edition, you'll learn all about looping over circles, sines, cosines, and spheres.
Read it![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/06/C716_simpleCSS.jpg?x86293)
Simple CSS solutions
Kevin Powell shows some straigh-forward CSS solutions using pseudo-classes.
Watch it![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/06/C716_accessibility.jpg?x86293)
Aspects of Accessibility (a11y) - Semantics, Contrast and... Anxiety?
An article by Sara J. Wallén that covers some a11y issues, also looking at anxiety-inducing design.
Read it![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/06/C716_lines.jpg?x86293)
Plain text. With lines.
Kartik Agaram writes about an app he made that allows to write and draw.
Check it out![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/06/C716_stacktower.jpg?x86293)
Stack Tower Game
Michal Zalobny made this Stack Tower Game with THREE.js and React based on Hunor Márton Borbély's tutorial.
Check it out![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/06/C716_localhost.jpg?x86293)
The End of Localhost
Learn why swyx thinks that in the future, most development will not be done on localhost.
Read it![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/06/C716_tooll3.jpg?x86293)
Tooll 3 - A realtime animation toolkit
An open source software for motion design and procedural content generation. Makers are calling for folks to help and try it out!
Check it out![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/06/C716_skull.jpg?x86293)
Three.js Particle Skull
Anderson Mancini made this interactive skull in Three.js. Watch the breakdown and check out the code.
Check it out![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/06/C716_scrollcss.jpg?x86293)
Better scrolling through modern CSS
Learn all about improving scrolling through CSS in this article by Mayank.
Check it out![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/06/C716_DNSToys.jpg?x86293)
Useful utilities and toys over DNS
Free and useful services over DNS accessible on command line.
Check it out![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/06/C716_language.jpg?x86293)
How to: Make your multilingual website suitable for RTL
Some knowledgeable things to make your website suitable for RTL and LTR languages with just HTML and CSS.
Check it out![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/06/C716_lockedout.jpg?x86293)
I’ve locked myself out of my digital life
A very interesting article by Terence Eden on a situation that shows the limits of the "Code Is Law" movement.
Read it![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/06/C716_calendar.jpg?x86293)
Calendar.txt
Keep your calendar in a plain text file with Calendar.txt. It is versionable, supports all operating systems and easily syncs with Android mobile phone.
Check it out![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/06/C716_Pattern.jpg?x86293)
Patterns
The W3C Web Accessibility Initiative (WAI) shares some essential patterns for understanding when and why to use ARIA.
Check it out![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/06/C716_dom.jpg?x86293)
Dialogs and shadow DOM: can we make it accessible?
Nolan Lawson takes another look at getting dialogs to play nicely with shadow DOM.
Read it![](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/06/C716_sake.jpg?x86293)
Sake
Sake is a command runner for local and remote hosts. You define servers and tasks in a sake.yaml config file and then run the tasks on the servers.
Check it out