Color Inputs: A Deep Dive into Cross-Browser Differences
12.7.2019
In this article, we'll be taking a look at the structure inside <input type='color'> elements, browser inconsistencies, why they look a certain way in a certain browser, and how to dig into it. Having a good understanding of this input allows us to evaluate whether a certain cross-browser...
JavaScript Ternary Operators
12.7.2019
Ternary operators allow us to really quickly write shorter **if
Dynamic Imports and F# Pipes Officially Land in Babel 7.5
12.7.2019
A few days ago, the Babel team release two new feature proposals among all the awesome features we are looking forward to at the next major release. Over time, they have added a lot new things adde
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