Weekly Platform News: HTML Inspection in Search Console, Global Scope of Scripts, Babel env Adds defaults Query
11.7.2019
In this week's look around the world of web platform news, Google Search Console makes it easier to view crawled markup, we learn that custom properties aren't computing hogs, variables defined at the top-level in JavaScript are global to other page scripts, and Babel env now supports the defaults...
Collective #531
11.7.2019
CSS Lists, Markers, And Counters * Atomize * SEO Mythbusting * Texel * Animating with Clip-Path
Collective #531 was written by Pedro Botelho and published on Codrops
Protecting Vue Routes with Navigation Guards
11.7.2019
Authentication is a necessary part of every web application. It is a handy means by which we can personalize experiences and load content specific to a user — like a logged in state. It can also be used to evaluate permissions, and prevent otherwise private information from being accessed...
Frontend Masters: The New, Complete Intro to React Course… Now with Hooks!
11.7.2019
(This is a sponsored post.)
Much more than an intro, you’ll build a real-world app with the latest features in React including 🎣 hooks, effects, context, and portals.
We also have a complete React learning path for you to explore React even deeper!
Direct Link to Article —...
Revive: A Free Tool that Analyzes Your Traffic and Finds the Content You Should Update
11.7.2019
I started Scotch as a web development tutorial blog. Over the years, I've learned far more than I expected. It was no longer just about web development
The Fight Against Layout Jank
11.7.2019
A web page isn't locked in stone just because it has rendered visually. Media assets, like images, can come in and cause the layout to shift based on their size, which typically isn't known in fluid layouts until they do render. Or fonts can load and reflow layout. Or XHRs can bring in more content...
Types or Tests: Why Not Both?
10.7.2019
Every now and then, a debate flares up about the value of typed JavaScript. "Just write more tests!" yell some opponents. "Replace unit tests with types!" scream others. Both are right in some ways, and wrong in others. Twitter affords little room for nuance. But in the space of this article we...
VS Code Screencast Mode
10.7.2019
VS Code has many great tools hidden deep within its settings. One of those tools is screencast mode.
Screencast mode will display keyboard presses.
You can
How to Add Smooth Scrolling with Inner Image Animations to a Web Page
10.7.2019
A tutorial on how to add a smooth scrolling effect to a website and also animate the images that enter the viewport.
How to Add Smooth Scrolling with Inner Image Animations to a Web Page was written by Mary Lou and published on Codrops
Introducing Netlify Analytics
10.7.2019
You work a while on a side project. You think it's pretty cool! You decide to release it into the world. And then… it goes well. Or it doesn’t go well. Wait, is that right? You forgot to add analytics — it just didn’t cross your mind at the time. Now you’re pretty curious how many people have...
A Guide to HTML5 Semantics for Better SEO
10.7.2019
The concept of semantics originates from the field of linguistics. It literally means the “study of meaning”. So, semantics is the discipline of finding connections between different signifiers such...
The post A Guide to HTML5 Semantics for Better SEO appeared first on Onextrapixel
Developing a robust font loading strategy for CSS-Tricks
10.7.2019
Zach Leatherman worked closely with Chris to figure out the font loading strategy for this very website you're reading. Zach walks us through the design in this write-up and shares techniques that can be applied to other projects.
Spoiler alert: Font loading is a complex and important part of...