~frontendfocus | Bookmarks (12)

clear filters

frontendmasters.com ×

DevTools Tips & Tricks

frontendmasters.com

Some DevTools Tips and Tricks — Most devs barely scratch the surface of what DevTools can...
Some DevTools Tips and Tricks — Most devs barely scratch the surface of what DevTools can accomplish, says the author, who shares ten tips here.
2
Things That Can Break aspect-ratio in CSS

frontendmasters.com

Things That Can Break aspect-ratio in CSS — Three things that may break, or cause unexpected...
Things That Can Break aspect-ratio in CSS — Three things that may break, or cause unexpected results, when using the aspect-ratio property.
1
Gap is the new Margin

frontendmasters.com

Gap is the New Margin — Chris highlights how the use of the margin property is...
Gap is the New Margin — Chris highlights how the use of the margin property is now on the decline, slowly.
1
Understanding Interaction to Next Paint (INP)

frontendmasters.com

Understanding Interaction to Next Paint (INP) — INP provides a much better representation of real-world performance...
Understanding Interaction to Next Paint (INP) — INP provides a much better representation of real-world performance by taking every part of an interaction and rendered response into account. It’s now a core web vital metric, so here’s what you need to know.
1
The View Transitions API

frontendmasters.com

The View Transitions API — Want to scratch the surface of what the View Transitions API...
The View Transitions API — Want to scratch the surface of what the View Transitions API can do and start creating some ‘native-feeling’ experiences on the web? Cassidy takes a look.
1
What You Need to Know about Modern CSS (Spring 2024 Edition)

frontendmasters.com

What You Need to Know About Modern CSS — A bookmarkable guide with a list of...
What You Need to Know About Modern CSS — A bookmarkable guide with a list of all the new additions to CSS (think nesting, view transitions, :has(), etc). This is very handy, as there’s an explainer, demo, code example, and quick bit of detail as to why you should care about each entry.
2
Advance Your JavaScript Skills with Practical Web Projects

frontendmasters.com

Practice Your JavaScript through Vanilla JS Projects — Join Anjana Vakil for this extensive video course...
Practice Your JavaScript through Vanilla JS Projects — Join Anjana Vakil for this extensive video course on vanilla JavaScript projects. Tackle real-world tasks and learn how to use asynchronous JS, Browser APIs, the DOM, Node.js, GitHub Actions, and more.
2
Capo.js: A five minute web performance boost

frontendmasters.com

Capo.js: A Five Minute Web Performance Boost? — Dave quips that this tool can offer a...
Capo.js: A Five Minute Web Performance Boost? — Dave quips that this tool can offer a five minute web performance win that’s “sure to get you a promotion” 😉. The tool in question? It’s Capo.js — designed to help you get the elements in your <head> in order, hopefully resulting in perf gains.
1
Tailwind CSS Course | Build Maintainable User Interfaces with Tailwind

frontendmasters.com

Tailwind CSS: Write Efficient, Utility-First CSS — Join Steve Kinney for this detailed video course exploring...
Tailwind CSS: Write Efficient, Utility-First CSS — Join Steve Kinney for this detailed video course exploring Tailwind CSS. You'll build real-world components like modals, forms, and page layouts — becoming proficient in creating stunning, responsive, and maintainable UI.
2
The Color Input & The Color Picker

frontendmasters.com

The Color Input and Color Picker — HTML has a color input that is supported across...
The Color Input and Color Picker — HTML has a color input that is supported across the board, but browsers can and do have different approaches to what happens when the input is used. Chris takes a look at the differences.
1
Highlight Text When a User Scrolls Down to That Piece of Text

frontendmasters.com

Highlight Text When a User Scrolls Down to That Piece of Text — Here’s how to...
Highlight Text When a User Scrolls Down to That Piece of Text — Here’s how to create a neat animated text highlight effect that triggers based on a scroll-driven CSS class. No JavaScript required.
1
The Popular Vote of Interop 2024 – Frontend Masters Boost

frontendmasters.com

The Popular Vote of Interop 2024 — We will soon be learning what the focus for...
The Popular Vote of Interop 2024 — We will soon be learning what the focus for Interop will be in 2024, but ahead of that Chris attempts to tally up what proposals might be front and centre in terms of attention (from a total of 103!) — including scroll-driven animations, JPEG XL, and more.
1

~frontendfocus | Bookmarks (12)

Domains