Weekly Platform News: Layout Shifts, Stalled High-Bitrate Videos, Screenshots in Firefox
26.9.2019
In this week's roundup: fighting shifty layouts, some videos might be a bit stalled, and a new way to take screenshots in Firefox.
Let's get into the news!
Identifying the causes of layout shifts during page load
You can now use WebPageTest to capture any layout shifts that occur on your website...
Collective #552
26.9.2019
Into the web multiverse * Productdesign.tips * unity-webgl-responsive * 3D planets with Three.js
Collective #552 was written by Pedro Botelho and published on Codrops
Meeting GraphQL at a Cocktail Mixer
26.9.2019
GraphQL and REST are two specifications used when building APIs for websites to use. REST defines a series of unique identifiers (URLs) that applications use to request and send data. GraphQL defines a query language that allows client applications to specify precisely the data they need from...
Paperform
26.9.2019
Buy or build is a classic debate in technology. Building things yourself might feel less expensive because there is no line item on your credit card bill, but has cost in the form of time. Buying things, believe it or not, is usually less expensive when it comes to technology that isn't your core...
Mouse Flowmap Deformation with OGL
25.9.2019
A set of WebGL demos using OGL that show an interactive fluid distortion hover effect.
Mouse Flowmap Deformation with OGL was written by Robin Delaporte and published on Codrops
A Dark Mode Toggle with React and ThemeProvider
25.9.2019
I like when websites have a dark mode option. Dark mode makes web pages easier for me to read and helps my eyes feel more relaxed. Many websites, including YouTube and Twitter, have implemented it already, and we’re starting to see it trickle onto many other sites as well.
In this tutorial, we’re...
Thinking in React Hooks
25.9.2019
Amelia Wattenberger has written this wonderful and interactive piece about React Hooks and details how they can clean up code and remove all those troubling lifecycle events:
React introduced hooks one year ago, and they've been a game-changer for a lot of developers. There are tons of how-to...
Easy Google Search Result API with Zenserp (Sponsored)
25.9.2019
No matter how much experience I gain in this industry, one task I continue to fail at is building an accurate, flexible, and maintainable scraper for site search. As soon as sites change their HTML structure, my scrape is borked. When looking to build my own search results page, I looked around...
Filtering Data Client-Side: Comparing CSS, jQuery, and React
24.9.2019
Say you have a list of 100 names:
<ul>
<li>Randy Hilpert</li>
<li>Peggie Jacobi</li>
<li>Ethelyn Nolan Sr.</li>
<!-- and then some -->
</ul>
...or file names, or phone numbers, or whatever. And you want to filter them...
An Explanation of How the Intersection Observer Watches
24.9.2019
There have been several excellent articles exploring how to use this API, including choices from authors such as Phil Hawksworth, Preethi, and Mateusz Rybczonek, just to name a few. But I’m aiming to do something a bit different here. I had an opportunity earlier in the year to present the VueJS...
Browser Engine Diversity
24.9.2019
We lost Opera when they went Chrome in 2013. Same deal with Edge when it also went Chrome earlier this year. Mike Taylor called these changes a "Decreasingly Diverse Browser Engine World" in a talk I'd like to see.
So all we've got left is Chrome-stuff, Firefox-stuff, and Safari-stuff. Chrome...
Get Geographic Information from an IP Address for Free
24.9.2019
Say you need to know what country someone visiting your website is from, because you have an internationalized site and display different things based on that country. You could ask the user. You might want to have that functionality anyway to make sure your visitors have control, but surely they...