Collective #540
![C540_paint](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/08/C540_paint.jpg?x86293)
Largest Contentful Paint
Philip Walton explains how to make it easier to know when a page's important content has loaded using the Largest Contentful Paint (LCP) API.
Read it![C540_designdomain](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/08/C540_designdomain.jpg?x86293)
Get a Free .design Domain Name For a Year
Thinking of building your portfolio? .design is like .com, but it's more relevant to what you do as a designer. Includes free SiteBuilder.
Learn more![C540_heroku](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/08/C540_heroku.jpg?x86293)
Create and Deploy a Node.js, Express, & PostgreSQL REST API to Heroku
Learn how to create a local REST API with Node using an Express server and PostgreSQL database in this tutorial by Tania Rascia.
Read it![C540_youtubeembed](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/08/C540_youtubeembed.jpg?x86293)
Lazy load embedded YouTube videos
Arthur Corenzan shows a smart way to embed a YouTube video using the srcdoc
attribute. Remy Sharp also adds IE11 support to this solution.
![C540_extracss](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/08/C540_extracss.jpg?x86293)
Extra.css
A CSS Houdini library giving some cool features to your site (turn on Experimental Web Platform features or use Chrome Canary to see the effects). By Una Kravets.
Check it out![C540_tipscss](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/08/C540_tipscss.jpg?x86293)
Design Principles for Developers: Processes and CSS Tips for Better Web Design
Andrew Spencer practical guide with helpful tips for creating better web experiences.
Read it![C540_layout](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/08/C540_layout.jpg?x86293)
Inspired Design Decisions: Ernest Journal
In this third instalment of Inspired Design Decisions, Andy Clarke will teach you how to use frameworks to create layouts as engaging as in the well-known Ernest Journal.
Read it![C540_harryroberts](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/08/C540_harryroberts.jpg?x86293)
Time to First Byte: What It Is and Why It Matters
Learn all about the "Time to First Byte" (TTFB) metric in this article by Harry Roberts.
Read it![C540_generativenumber](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/08/C540_generativenumber.jpg?x86293)
Procedurally Generated CSS Numbers
An awesome demo made by Adam Kuhn.
Check it out![C540_async](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/08/C540_async.jpg?x86293)
Async Generator Functions in JavaScript
Valeri Karpov explains what async generator functions are and shows some practical examples.
Read it![C540_scrollintoview](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/08/C540_scrollintoview.jpg?x86293)
Quick tip: using scrollIntoView() to show added elements to a container with overflow
A great tip by Christian Heilmann on using scrollIntoView
.
![C540_vanillajs](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/08/C540_vanillajs.jpg?x86293)
Building an extensible app or library with vanilla JS
Chris Ferdinandi shares some insights on building a modular and extensible vanilla JavaScipt application.
Read it![C540_dash](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/08/C540_dash.jpg?x86293)
Dashblock
Turn any website into an API with this machine learning powered tool.
Check it out![C540_inter](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/08/C540_inter.jpg?x86293)
The birth of Inter
Learn how the new open-source typeface used by GitHub and Mozilla came to be in this article by Carmel DeAmicis.
Read it![C540_displacement](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/08/C540_displacement.jpg?x86293)
ThreeJS Hover Zoom Channel Displacement
An amazing channel displacement demo by TheFrost.
Check it out
react-three-fiber/three.js train app
Paul Henschel's interesting experiment based on a SwiftUI train app. Read more about it in this tweet.
Check it out![C540_gitrevise](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/08/C540_gitrevise.jpg?x86293)
Introducing git-revise
Nika Layzell introduces git-revise, a new tool to overcome the downsides of git rebase -i
.
![C540_wordpress](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/08/C540_wordpress.jpg?x86293)
Crash Course: Headless WordPress with WPGraphQL, ACF, and React
A crash course where you'll learn the basics of how to get a simple headless WordPress setup with WPGraphQL and React.
Watch it![C540_metaprogramming](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/08/C540_metaprogramming.jpg?x86293)
Metaprogramming in JavaScript with jscodeshift
Kacper Kula's article on how to analyze and modify your programs using Facebook's jscodeshift.
Read it![C540_jam](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/08/C540_jam.jpg?x86293)
JAMstack Templates: How to Launch Fast, CMS-Powered Static Sites
Francois Lanthier Nadeau shares the results of a JAMstack site challenge with lots of insights.
Read it![C540_switch](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/08/C540_switch.jpg?x86293)
Stop Misusing Toggle Switches
Some useful advice on when to use toggle switches and when to avoid them.
Read it![C540_circle](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/08/C540_circle.jpg?x86293)
Circles #3457
A mesmerizing animated circles demo by Dan Wilson.
Check it out![C540_dotnet](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/08/C540_dotnet.jpg?x86293)
Uno Platform
In case you missed it: Uno let's you build mobile, desktop and WebAssembly apps with C# and XAML.
Check it out