![](https://2busy4it.com/wp-content/uploads/2022/08/C725_WOTW.jpg)
Inspirational Website of the Week: CIETY
An eccentric, bold design with vibrant colors and a fun scrolling experience.
![](https://2busy4it.com/wp-content/uploads/2022/08/C725_kintone.png)
This content is sponsored via BuySellAds
Power up your Form Submissions
Add access controls, business process management and communication to your form submission results.
![](https://2busy4it.com/wp-content/uploads/2022/08/C725_gsap.jpg)
GSAP 3.11 Released with matchMedia
A new GSAP release with the amazing gsap.matchMedia() which is a game-changer for responsive, accessible-friendly animations.
![](https://2busy4it.com/wp-content/uploads/2022/08/C725_react.jpg)
Why React Re-Renders
In this tutorial, Josh W Comeau unpacks when and why React re-renders, and how we can use this information to optimize the performance of our React apps.
![](https://2busy4it.com/wp-content/uploads/2022/08/C725_physicallybased.jpg)
Physically Based
Built as an open API, this database provides CG artists with physically based values.
![](https://2busy4it.com/wp-content/uploads/2022/08/C725_cohost.jpg)
cohost!
Cohost is a new social media platform built from the ground up by a small team of developers and designers who like sharing things on the internet. It allows to use custom CSS in an update.
![](https://2busy4it.com/wp-content/uploads/2022/08/C725_recoded.jpg)
Recoded
Recoded lets you create beautiful images or videos of your code. Made by Siddharth Roy.
![](https://2busy4it.com/wp-content/uploads/2022/08/C725_designsystem.jpg)
An Introduction to Constraint Based Design Systems
A very interesting article by Cole Peters on constraint based design systems and how effective designs optimize for constraints.
![](https://2busy4it.com/wp-content/uploads/2022/08/C725_addy.jpg)
Can browsers optimize the loading of third-party resources?
Addy Osmani shares some insight on future ways and experiments that could potentially protect the user experience from the detrimental impact of third-party scripts.
![](https://2busy4it.com/wp-content/uploads/2022/08/C725_gallery.jpg)
Vertex Gallery
Vertex gallery is a virtual art gallery that shows 34 new art pieces every day. These art pieces change every night at 22:00 UTC.
![](https://2busy4it.com/wp-content/uploads/2022/08/C725_disco.jpg)
Loading Disco
Joe Bell shares a beautiful alternative to the loading spinner.
![](https://2busy4it.com/wp-content/uploads/2022/08/C725_shapesgrid.jpg)
CSS Grid and Custom Shapes, Part 1
Learn how to combine CSS Grid techniques with CSS clip-path and mask to create fancy grids of images of different shapes.
![](https://2busy4it.com/wp-content/uploads/2022/08/C725_overflowscroll.jpg)
The horizontal overflow problem
Hui Jing Chen explains how to avoid the unintended horizontal over-scrolling on mobile.
![](https://2busy4it.com/wp-content/uploads/2022/08/C725_star.jpg)
On ratings and meters
Lea Verou created a proper web component for star ratings based on the meter element.
![](https://2busy4it.com/wp-content/uploads/2022/08/C725_contrast.jpg)
Color and Contrast
A comprehensive guide to color and contrast for user interface designers.
![](https://2busy4it.com/wp-content/uploads/2022/08/C725_clip.jpg)
Do you know about overflow: clip?
You probably know overflow: hidden, overflow: scroll and overflow: auto, but do you know overflow: clip? Kilian Valkhof shows what this CSS value does.
![](https://2busy4it.com/wp-content/uploads/2022/08/C725_carousel.jpg)
A simple carousel with a few lines of CSS
Pawel Grzybek shows how there’s no more the need to use a carousel plugin but only CSS instead.
![](https://2busy4it.com/wp-content/uploads/2022/08/C725_twitter.jpg)
How I Added Scroll Snapping To My Twitter Timeline
Šime Vidas shows how to use CSS Scroll Snap for a better Twitter scroll experience.
![](https://2busy4it.com/wp-content/uploads/2022/08/C725_ballad.jpg)
The Ballad of Text Overflow
The text-overflow property can be used to show visual indication of truncated text. Read why it’s inherently inaccessible.
![](https://2busy4it.com/wp-content/uploads/2022/08/C725_ai.jpg)
Poly: Generate design assets with A.I.
Poly is a place to generate all kinds of design assets in seconds using advanced A.I. Create textures, graphics, icons, sprites, and more.
![](https://2busy4it.com/wp-content/uploads/2022/08/C725_optimizing.jpg)
Optimizing for JavaScript is hard
Jeroen Engels elaborates why JavaScript is a very hard language to optimize, especially as a compilation target.
![](https://2busy4it.com/wp-content/uploads/2022/08/C725_system.jpg)
system.css
A design system for building retro Apple-inspired interfaces.
![](https://2busy4it.com/wp-content/uploads/2022/08/C725_outline.jpg)
Outline is your friend
Don‘t rely on properties like background-color or box-shadow alone for focusing styling. An article by Manuel Matuzović.
![](https://2busy4it.com/wp-content/uploads/2022/08/C725_coder.jpg)
Coder
With Coder you can offload your team’s development from local workstations to cloud servers.
![](https://2busy4it.com/wp-content/uploads/2022/08/C725_alphredo.jpg)
Alphredo
Alphredo generates translucent colors looking the same as their opaque counterparts when placed against the same background.
![](https://2busy4it.com/wp-content/uploads/2022/08/C725_scrollitems.jpg)
Intersection Observer Scrolling Effects
Awesome scroll effects for making items appear with a cool animation. By Jhey Thompkins.
![](https://2busy4it.com/wp-content/uploads/2022/08/C725_yuri.jpg)
From Our Blog
Checkerboard Transition for Text in Three.js
A coding session where you’ll learn how to recreate the checkerboard transition from Gleec.
![](https://2busy4it.com/wp-content/uploads/2022/08/C725_demosroundup.jpg)
From Our Blog
Awesome Demos Roundup #21
A fresh roundup of the most interesting code experiments from the past couple of weeks.
![](https://2busy4it.com/wp-content/uploads/2022/08/C725_fullscreenscrolling.jpg)
From Our Blog
Fullscreen Scrolling Slideshow
A fullscreen scroll-based slideshow with a content view powered by GreenSock’s Observer plugin.