Developing a Typography Boilerplate
Building a boilerplate that focuses on typography is an easy way to style the majority of a website or application’s content with relatively little effort, leading to a better final product.
CSS
38 Results
Headings for Developers
Developers can create accessible and maintainable websites by separating style from structure when implementing heading systems.
See Everything In
UnConference: Beyond the React-ion
The modern web landscape is evolving fast. React continues to dominate, but is it always the right choice? The Sparkbox team recently hosted an UnConference to talk about web standards, progressive enhancement, and React’s role in the modern web ecosystem.
See Everything In
We Challenge You to Write CSS This Year!
It’s a new year and a new CodePen challenge. A great way to flex your CSS muscles!
See Everything In
Supporting High Contrast Mode and the Importance of System Color Pairs
Sparkbox developer Josh Winn shares some great ideas about developing support for Windows High Contrast and forced colors mode.
See Everything In
Accounting for Internationalization with CSS and HTML
If you start thinking about a global audience sooner, you can avoid having to refactor later.
See Everything In
Making and Breaking Lazy Loading: Adding Lazy Loading to an Ecommerce Site
During a recent engagement with an ecommerce client, lazy loading—meant to improve site performance—broke and wound up having the opposite effect. Here’s why it happened and how we fixed it.
See Everything In
Bridging the React Native Knowledge Gap with CSS
With just a few tools and some quick setup, you can flatten the React Native learning curve and start leveraging your experience as a web developer. This guide will show you what you need (and why you’d want) to style React Native apps with CSS syntax, classes, and stylesheets.
See Everything In
Reduced Motion Queries
Drawing inspiration from their previous work as an educator, one Sparkboxer learned how to make a “prefers reduced motion” media query. Learn how this CSS rule searches an end user’s accessibility configuration and introduces unique settings that can reduce—but not always eliminate—motion.
See Everything In
Building an Eleventy Starter Template: CSS
In the last article of our Eleventy Starter Repo series, we taught you how to build an HTML page. Today, you’ll learn how to create flexible CSS support for your template using SCSS.
See Everything In
