Collective #595
![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/03/C595_WOTW.jpg?x72856)
Inspirational Website of the Week: PANAMÆRA
An outstanding design with a unique layout that delivers a great experience. Our pick this week.
Get inspired![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/03/C595_variablefonts.jpg?x72856)
A Variable Fonts Primer
Learn how to use variable fonts in your projects for improved UI design, long-form reading, and accessibility.
Check it out![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/DiviFreelancer.jpg?x72856)
Start your own freelance business by becoming a Divi expert
Learn how to develop websites with the most popular WordPress theme in the world and secure your success as a freelancer.
Start learning now![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/03/C595_canon.jpg?x72856)
Cannon-es and use-cannon
Read about Paul Henschel's new library release in this tweet.
Read it![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/03/C595_fauxcode.jpg?x72856)
Faux Code Generator
Turn any GitHub Gist into an SVG image.
Check it out![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/03/C595_font-display.jpg?x72856)
Improving perceived performance with the CSS `font-display` property
Learn how using the font-display
property is a great way to tweak the way your fonts load.
![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/03/C595_css4.jpg?x72856)
Why Are We Talking About CSS4?
Around the web and within the CSS Working Group, there has been some discussion about whether we should specify a version of CSS — perhaps naming it CSS4. In this article, Rachel Andrew rounds up some of the pros and cons of doing so, and asks for your feedback on the suggestion.
Read it![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/03/C595_transform.jpg?x72856)
Transform
A very useful polyglot web converter made by Ritesh Kumar.
Check it out![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/03/C595_border.jpg?x72856)
Broider
A fantastic little tool for designing and exporting lo-fi border decorations. By Max Bittker.
Check it out![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/03/C595_flow.jpg?x72856)
Flowfield ART | Generative
A beautiful generative demo by Sikriti Dakua.
Check it out![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/03/C595_page500kb.jpg?x72856)
Why 543 KB keep me up at night
Manuel Matuzovi? argues that we have to be much more considerate of what we're putting online.
Check it out![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/03/C595_boxalignment.jpg?x72856)
Learn Box Alignment
A beautifully illustrated and interactive guide to learn all around CSS box alignment including flexbox and grid.
Check it out![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/03/C595_jamstack2.jpg?x72856)
Dynamic and async functionality in JAMstack
A tutorial by Deepak Gupta where you'll learn how JAMstack sites handle dynamic content and interactions.
Read it![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/03/C595_bubble.jpg?x72856)
Rouser
What a cool bubble effect. Can you make it burst?
Check it out![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/03/C595_chatbot.jpg?x72856)
Building our own Chatbot and Cloud AI Service
Learn how to build an AI-powered chatbot with NLP.js and Netlify functions.
Read![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/03/C595_toggle.jpg?x72856)
MoreToggles.css
A pure CSS library that provides you with a variety of ready-to-use toggles.
Check it out![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/03/C595_phone.jpg?x72856)
Free Android Phone Mockups
A set of eight android mockup templates in Photoshop PSD format to showcase your graphic design projects in natural homely environment.
Check it out![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/03/C595_component.jpg?x72856)
Utility Props for Web Components
Read how Ryosuke created a library and design system that adds utility CSS props to web components.
Read it![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/03/C595_cachinggraphql.jpg?x72856)
Caching GraphQL Responses
Abdelrahman Awad's shows how to go about GraphQL caching in this great tutorial.
Read it![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/03/C595_aicourse.jpg?x72856)
TensorFlow 2.0 Complete Course
Learn how to use TensorFlow 2.0 in this full tutorial course for beginners.
Watch it![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/03/C595_students.jpg?x72856)
discount-for-student-dev
This is a great list of discounts on software (SaaS, PaaS, IaaS, etc.) and other offerings for developers who are students.
Check it out![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/03/C595_distortedline.jpg?x72856)
Distorted Link Effects with SVG Filters
A couple of ideas for decorative link distortion effects using SVG filters on lines, circles and squares.
Check it out![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/03/C595_demosroundup.jpg?x72856)
Awesome Demos Roundup #14
Over the past weeks we've collected super interesting and creative web experiments for your inspiration. These demos will warm your coding soul.
Check it out![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/03/C595_uiroundup.jpg?x72856)
UI Interactions & Animations Roundup #4
A fresh dose of inspiration to get you updated on the latest UI animation and interaction trends.
Check it out