![WOTW](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/06/WOTW.jpg)
Inspirational Website of the Week: Elena Iv-skaya
A beautiful design with lush typography and unconventional interactive elements. Our pick this week.
![C522_Percy](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/06/C522_Percy.jpg)
Free automated visual testing with Percy
?Visually test your web app, component library, or static site across browsers and responsive widths to catch UI bugs and ship with complete confidence.
![C522_criticalcss](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/06/C522_criticalcss.jpg)
Extract critical CSS
Learn how to improve render times with the critical CSS technique in this article by Milica Mihajlija.
![C522_slider](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/06/C522_slider.jpg)
How To Make an Animated Interactive Vue.js Slider
Henry Desroches’s in-depth tutorial on how to create a really cool slider based on Alexsander Barhon’s Dribbble shot.
![C522_Modal](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/06/C522_Modal.jpg)
Prevent Page Scrolling When a Modal is Open
A good tip by Brad Wu on how to prevent scrolling when a dialog is open.
![C522_npm](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/06/C522_npm.jpg)
Enabling Modern JavaScript on npm
A great article by Jason Miller on how shipping modern JavaScript requires more than changing our build targets.
![C522_subgrid](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/06/C522_subgrid.jpg)
CSS Grid Level 2 – subgrid is coming to Firefox
Rachel Andrew explains what you can do with CSS subgrid.
![C522_transducers](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/06/C522_transducers.jpg)
Magical, Mystical JavaScript Transducers
James Sinclair explains the not so easy to understand concept of JavaScript transducers in a great way.
![C522_lighthouse](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/06/C522_lighthouse.jpg)
Building the most inaccessible site possible with a perfect Lighthouse score
An experiment by Manuel Matuzovic that shows how we shouldn’t rely solely on automation when testing websites.
![C522_font](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/06/C522_font.jpg)
Free Font: National Park
A typeface designed to mimic the national park service signs that are carved using a router bit.
![C522_framer](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/06/C522_framer.jpg)
How To Start Using Sketch And Framer X
A tutorial by Martina Pérez about how to build prototypes and interactions by making use of the pre-built components in Framer X.
![C522_art](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/06/C522_art.jpg)
Mixkit art
Mixkit has now a section for free high-quality and modern illustrations. By Envato.
![C522_imageszdog](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/06/C522_imageszdog.jpg)
Images drawn with Zdog
Some really cool image to 3D landscape magic using Zdog.
![C522_git](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/06/C522_git.jpg)
Learn git concepts, not commands
An interactive git tutorial meant to teach you how git works and not just which commands to execute. By Nico Riedmann.
![C522_airguitar](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/06/C522_airguitar.jpg)
Webcam Air Guitar
Kevin Newcombe used TensorFlow and Posenet to make a playable air guitar.
![C522_webcomp](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/06/C522_webcomp.jpg)
The Truth about Web Components and Frameworks
Dion Almaer explores the reasons behind why we see the same discussions come up again and again.
![C522_order](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/06/C522_order.jpg)
Grid, content re-ordering and accessibility
Rachel Andrew expresses her concerns when it comes to re-ordering content and accessibility using the new layout techniques of CSS.
![C522_Algorithm](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/06/C522_Algorithm.jpg)
Analog Algorithm
A really cool website for the publication of a book on source-related grid systems.
![C522_focus](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/06/C522_focus.jpg)
Indicating focus to improve accessibility
Hidde de Vries show how focus outlines make a site easier to use.
![C522_slidertype](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/06/C522_slidertype.jpg)
Embla
An extensible low level carousel for the web, written in TypeScript.
![C522_searchgatsby](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/06/C522_searchgatsby.jpg)
Gatsby site search with Lunr.js
Luke Whitehouse explains how you can leverage Lunr.js to create search components that are accessible, fast and extensible.
![C522_px](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/06/C522_px.jpg)
Px
Px is a tiny 2D canvas framework for turn-based puzzle games.
![C522_demos](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/06/C522_demos.jpg)
Awesome Demos Roundup #5
Another monthly roundup of super-creative web experiments and demos for your viewing pleasure.
![C522_websites](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/06/C522_websites.jpg)
Inspirational Websites Roundup #5
An inspirational collection of trendy websites from May 2019 including first-class designs.
Collective #522 was written by Pedro Botelho and published on Codrops.