![Collective 617 item image](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/08/C617_WOTW.jpg)
Inspirational Website of the Week: Ali Ali
Sheer elegance and slickness combined with the right typography. Our pick this week.
Get inspired![Collective 617 item image](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/08/C617_visibility.jpg)
content-visibility: the new CSS property that boosts your rendering performance
Vladimir Levin and Una Kravets introduce a new CSS property that can be used to improve initial load time by skipping the rendering of offscreen content.
Read it![Collective 617 item image](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/06/C609_Divi.jpg)
Build websites with the most popular WordPress theme in the world
With the Divi Layout Packs you’ll get world-class designs ready to be used for your client projects.
Check it out![Collective 617 item image](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/08/C617_infscroll.jpg)
Infinite Scroll without Layout Shifts
Addy Osmani looks at how patterns for loading long lists can impact the Core Web Vitals with some recommended fixes.
Read it![Collective 617 item image](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/08/C617_array.jpg)
Understanding Arrow Functions in JavaScript
Learn about the differences between traditional function expressions and arrow function expressions in this great guide by Tania Rascia.
Read it![Collective 617 item image](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/08/C617_collision.jpg)
Simulating Object Collisions With Canvas
Josh Bradley’s tutorial on how to simulate object collisions as a way to learn the basics of HTML canvas and physics simulation.
Read it![Collective 617 item image](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/08/C617_SM.png)
Online Workshops on Front-End & UX
Boost your design skills online and learn practical insights from experts in the industry, live. Use a friendly code CODROPS
to save $50 off the price!
![Collective 617 item image](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/08/C617_7.jpg)
Take Me On
A beautiful immersive web experiment by Adam Kuhn.
Check it out![Collective 617 item image](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/08/C617_juri.jpg)
#s3e32 ALL YOUR HTML, Particles on a sculpture
Yuri Artyukh’s great video tutorial where you’ll learn how to create a cool particle effect on a sculpture.
Watch it![Collective 617 item image](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/08/C617_gridlayouts.jpg)
Modern CSS grid solutions to common layout problems
Learn how to overcome media-query fatigue by using CSS grid for responsive layouts. Kevin Pennekamp explores three useful layout implementations.
Check it out![Collective 617 item image](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/08/C617_tailwind.jpg)
Tailwind CSS: From Side-Project Byproduct to Multi-Million Dollar Business
A great article about the story of Tailwind CSS by Adam Wathan.
Read it![Collective 617 item image](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/08/C617_mesh.jpg)
Three.js mesh modifiers
A Three.js mesh morph modifier, including nearly ten modifiers, such as Bend, Bloat, Noise, Skew, Taper and more.
Check it out![Collective 617 item image](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/08/C617_naming.jpg)
Naming layout components
Andy Clarke shares why he’s not fond of frameworks and explains what approach he uses instead for designing layouts.
Read it![Collective 617 item image](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/08/C617_drop.jpg)
r3f-bubbles
A very interesting react-three-fiber and drei demo.
Check it out![Collective 617 item image](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/08/C617_offlinefirst.jpg)
Offline first with service workers and vanilla JS
The third article of a series on service workers by Chris Fernandi.
Read it![Collective 617 item image](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/08/C617_br.jpg)
Brick
Brick is a lightweight platform for creating small sites.
Check it out![Collective 617 item image](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/08/C617_scalableappheroku.jpg)
Developing and Deploying Micro-Frontends With Single-Spa
Tyler Hawkins shows how to develop an app composed of micro-frontends using single-spa and deploy it to Heroku.
Read it![Collective 617 item image](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/08/C617_dropshadow.jpg)
Drop-Shadow: The Underrated CSS Filter
Michelle Barker shows what you can do with drop-shadow, the CSS filter.
Read it![Collective 617 item image](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/08/C617_turning.jpg)
Turning pages with CSS
Amit Sheen created this fun demo of a CSS book.
Check it out![Collective 617 item image](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/08/C617_cssopt.jpg)
Optimizing CSS for faster page loads
Tomas Pustelnik shares how to impove loading times of a website by optimizing its CSS.
Read it![Collective 617 item image](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/08/C617_blogit.jpg)
blogit
A personal blog based on Github Pages and issues. By Dmitriy Derepko.
Check it out![Collective 617 item image](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/08/C617_flex.jpg)
Digging Into the Flex Property
Ahmad Shadeed demystifies the flex property and shows how to use it.
Read it![Collective 617 item image](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/08/C617_cssvoca.jpg)
CSS Vocabulary
A nice visual explainer of CSS terms.
Check it out![Collective 617 item image](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/08/C617_chat.jpg)
Papercups
Papercups is an open source live customer chat web app.
Check it out![Collective 617 item image](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/08/C617_earing.jpg)
The Girl With A CSS Earring
Louise Flanagan created this CSS masterpiece.
Check it out![Collective 617 item image](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/08/C617_scale.jpg)
How I Build Scalable Modern Web Applications for Real Users
An article that details the languages, libraries, and tools that Trey Huffine used to build Skilled.dev, a platform to prepare developers to succeed in coding interviews.
Read it![Collective 617 item image](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/08/C617_revkit.jpg)
RevKit
A free design system UI kit for Sketch App, Figma, and XD.
Check it out![Collective 617 item image](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/08/C617_guess.jpg)
moment-guess
A utility package for guessing date formats.
Check it out![Collective 617 item image](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/08/C617_magneticbutton.jpg)
Magnetic Buttons
A small set of magnetic buttons with some fun hover animations. Inspired by the button animation seen on Cuberto.
Check it out![Collective 617 item image](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/08/C617_ui9.jpg)
UI Interactions & Animations Roundup #9
A fresh set of inspirational UI interactions and animations from the past couple of weeks.
Check it outThe post Collective #617 appeared first on Codrops.