Collective #645
Publikováno: 21.1.2021
State of JS 2020 Results * JPEG.rocks * ILT's Favorite Fonts * Responsible Web Applications * Noise Planets
The post Collective #645 appeared first on Codrops.
![Collective 645 Item image](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/01/C645_WOTW.jpg)
Inspirational Website of the Week: Myriad
A brilliant design with lots of unique details and beautiful micro-effects. Our pick this week.
![Collective 643 item image](http://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 645 Item image](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/01/C645_StateJS.jpg)
State of JS 2020 Results
The results of the annual survey about the latest trends in the JavaScript ecosystem are out.
![Collective 645 Item image](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/01/C645_jpeg.jpg)
JPEG.rocks
A browser-based, privacy-aware JPEG optimizer.
![Collective 645 Item image](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/01/C645_speech.jpg)
Creating comic book speech bubbles with SVG and JavaScript
A great tutorial by Paul Spencer on how to create SVG speech bubbles with text.
![Collective 645 Item image](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/01/C645_fonts.jpg)
My Favorite Typefaces of 2020
After a decade, ILT’s annual Favorite Fonts list is back. The top-ten favorite typefaces is now joined by another 50 typefaces in the extended Honorable Mentions list.
![Collective 645 Item image](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/01/C645_grandmaster.jpg)
Aronian
A beautiuful exposé for chess player Levon Grigori Aronian.
![Collective 645 Item image](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/01/C645_lines.jpg)
Noise Planets
Atul Vinayak studies and replicates some generative line artwork by Tyler Hobbs using p5js.
![Collective 645 Item image](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/01/C645_screenreader.jpg)
A developer’s perspective: the problem with screen reader testing
Jake Tracey asks “what should be the baseline in terms of testing for screen readers, and what browser and screen reader combinations are the most important to cover in order to achieve the greatest level of WCAG compliance?”
![Collective 645 Item image](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/01/C645_webdev.jpg)
In Critical Defense of Frontend Development
Jens Oliver Meiert on how the field of frontend development is in another crisis and what we can do to fix it.
![Collective 645 Item image](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/01/C645_3ddemo.jpg)
React-three-fiber and GSAP demo
A fantastic demo by Fabio Ottaviani.
![Collective 645 Item image](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/01/C645_responsible.jpg)
Responsible Web Applications
Some tips for creating applications that are both responsive and accessible out of the box. By Joy Heron.
![Collective 645 Item image](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/01/C645_clippath.jpg)
Understanding Clip Path in CSS
Learn everything about CSS clip-path, how it works, with examples and use-cases. By Ahmad Shadeed.
![Collective 645 Item image](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/01/C645_6years.jpg)
Maintaining JavaScript applications in the long term
A very interesting case study on how 9elements enhanced and refactored a client project over six years.
![Collective 645 Item image](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/01/C645_tailwind.jpg)
Why Tailwind Isn’t for Me
Jared White shares why he’s not very enthusiastic about Tailwind CSS.
![Collective 645 Item image](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/01/C645_nested.jpg)
Nested Media Queries
Great tip by Bramus regarding nesting media queries.
![Collective 645 Item image](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/01/C645_browser.jpg)
Comparison between web browsers
A web browser ranking that is based on how much Privacy a browser offers by default, as well as, how much privacy can be gained by configuring it.
![Collective 645 Item image](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/01/C645_syn.jpg)
Synesthesia
A beautiful demo of the cool audio-visual synthesizer.
![Collective 645 Item image](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/01/C645_shapedemo.jpg)
Text warping – Animated
A super cool text warping demo by Lokesh Dhakar.
![Collective 645 Item image](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/01/C645_metaballs.jpg)
Drawing 2D Metaballs with WebGL2
An in-depth tutorial on how to code 2D visuals using WebGL2.
![Collective 645 Item image](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/01/C645_onscroll.jpg)
On-Scroll Letter Animations
Some examples of how to make interesting letter animations when scrolling a web page using translations and Locomotive Scroll.
The post Collective #645 appeared first on Codrops.