![C540_paint](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/08/C540_paint.jpg)
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.
![C540_designdomain](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/08/C540_designdomain.jpg)
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.
![C540_heroku](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/08/C540_heroku.jpg)
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.
![C540_youtubeembed](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/08/C540_youtubeembed.jpg)
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://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/08/C540_extracss.jpg)
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.
![C540_tipscss](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/08/C540_tipscss.jpg)
Design Principles for Developers: Processes and CSS Tips for Better Web Design
Andrew Spencer practical guide with helpful tips for creating better web experiences.
![C540_layout](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/08/C540_layout.jpg)
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.
![C540_harryroberts](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/08/C540_harryroberts.jpg)
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.
![C540_generativenumber](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/08/C540_generativenumber.jpg)
Procedurally Generated CSS Numbers
An awesome demo made by Adam Kuhn.
![C540_async](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/08/C540_async.jpg)
Async Generator Functions in JavaScript
Valeri Karpov explains what async generator functions are and shows some practical examples.
![C540_scrollintoview](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/08/C540_scrollintoview.jpg)
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://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/08/C540_vanillajs.jpg)
Building an extensible app or library with vanilla JS
Chris Ferdinandi shares some insights on building a modular and extensible vanilla JavaScipt application.
![C540_dash](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/08/C540_dash.jpg)
Dashblock
Turn any website into an API with this machine learning powered tool.
![C540_inter](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/08/C540_inter.jpg)
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.
![C540_displacement](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/08/C540_displacement.jpg)
ThreeJS Hover Zoom Channel Displacement
An amazing channel displacement demo by TheFrost.
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.
![C540_gitrevise](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/08/C540_gitrevise.jpg)
Introducing git-revise
Nika Layzell introduces git-revise, a new tool to overcome the downsides of git rebase -i
.
![C540_wordpress](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/08/C540_wordpress.jpg)
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.
![C540_metaprogramming](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/08/C540_metaprogramming.jpg)
Metaprogramming in JavaScript with jscodeshift
Kacper Kula’s article on how to analyze and modify your programs using Facebook’s jscodeshift.
![C540_jam](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/08/C540_jam.jpg)
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.
![C540_switch](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/08/C540_switch.jpg)
Stop Misusing Toggle Switches
Some useful advice on when to use toggle switches and when to avoid them.
![C540_circle](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/08/C540_circle.jpg)
Circles #3457
A mesmerizing animated circles demo by Dan Wilson.
![C540_dotnet](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2019/08/C540_dotnet.jpg)
Uno Platform
In case you missed it: Uno let’s you build mobile, desktop and WebAssembly apps with C# and XAML.
Collective #540 was written by Pedro Botelho and published on Codrops.