Blog Post Articles
The Classic Border Radius Advice, Plus an Unusual Trick
When you nest elements with border-radius, the inner element needs less radius than the outer element.
This is some classic advice on this, and a future-looking fix.
Actually Learn Git (and Podcast Interview with ThePrimeagen)
Git is one of the most important tools to any software engineer. It can also be one of the biggest headaches when attempting a complex merge or unwinding a tangled mess of commits. But what if you didn’t need to rage-quit and start over with git reset –hard? Well, ThePrimeagen is here to teach you Everything […]
Using CSS Scroll-Driven Animations for Section-Based Scroll Progress Indicators
A scroll progress indicator is a pretty straightforward thing to build with a scroll()-style scroll-driven animation. But here, we’ll build indicators for each section of a page using the view() style.
Five Basic Things About JavaScript That Will Help Non JavaScript-Focused Web Designers
Let’s say you don’t know JavaScript. You’re a web designer and you’re focused largely on UI and UX. Let’s look at some things you could learn in a day that will give you that bang for the buck.
Using the Popover API for HTML Tooltips
We can *mostly* use HTML alone for this API. But here, we’ll use CSS to style the “links” within paragraphs and a JS library to position them, in lieu of CSS anchoring.
“Multiplexed” Fonts Have a Cool Superpower
Just to cut to the chase, the superpower is being able to adjust their weight (or at least one of their attributes, or as variable fonts call them, an “axis”) without changing the space they occupy. This means that interactive effect and animations can be done without worry for awkward reflow situations and performance problems. […]
The Vue Ecosystem in 2024
Vue has become one of the top JavaScript frameworks for building and maintaining web apps. It is a popular pick for many developers because of its philosophy of creating an approachable, performant, and versatile approach to building scalable apps.
Let’s look at some of the popular tools and libraries used by the community today.
Popover API is Here
This API, which you can use entirely in HTML, allows you to open an element on top of *everything* despite where it lives in the DOM and without any particular styling.
Go on AWS Course (and Podcast Interview with Melkey)
You may have noticed that the FrontendMasters.com website is fast. We use Go on the backend and a small amount of vanilla JavaScript where it’s needed on the front-end. Our CTO chose Go because of its speed and simplicity. What’s not as simple is the AWS infrastructure behind the scenes. Sure, this diagram looks simple […]