Menu

CSS

Having a Little Fun With Custom Focus Styles

December 2nd, 2019

Every front-end developer has dealt or will deal with this scenario: your boss, client or designer thinks the outline applied by browsers on focused elements does not match the UI and asks you to remove it. Or you might even be looking to remove it yourself. So you do a little research and find out…

Simplified Fluid Typography

November 29th, 2019

Fluid typography is the idea that font-size (and perhaps other attributes of type, like line-height) change depending on the screen size (or perhaps container queries if we had them). The core trickery comes from viewport units. You can literally set type in viewport units (e.g. font-size: 4vw), but the fluctuations in size are so extreme…

The Power (and Fun) of Scope with CSS Custom Properties

November 27th, 2019

You’re probably already at least a little familiar with CSS variables. If not, here’s a two-second overview: they are really called custom properties, you set them in declaration blocks like –size: 1em and use them as values like font-size: var(–size);, they differ from preprocessor variables (e.g. they cascade), and here’s a guide with way more…

iOS 13 Broke the Classic Pure CSS Parallax Technique

November 27th, 2019

I know. You hate parallax. Do you know what we should hate more? When things that used to work on the web stop working without any clear warning or idea why. Way back in 2014, Keith Clark blogged an exceptionally clever CSS trick where you essentially use a CSS transform to scale an element down…

Playing Sounds with CSS

November 25th, 2019

CSS is the domain of styling, layout, and presentation. It is full of colors, sizes, and animations. But did you know that it could also control when a sound plays on a web page? This article is about a little trick to pull that off. It’s actually a strict implementation of the HTML and CSS,…

We are Programmers

November 22nd, 2019

Building websites is programming. Writing HTML and CSS is programming. I am a programmer, and if you’re here, chances are you’re a programmer, too. The thing is, the details in programming layout with CSS are different, for example, than the details in programming API endpoints with Ruby. Or machine learning with Python. Or programming a…

The New Good Ol’ Days

November 22nd, 2019

Eighteen years into this game, I love to reminisce back to the good ol’ days of the early to mid-2000s when there was an explosion of creativity on the web. It felt fresh and unbridled, with boundaries expected to be pushed at every turn, and they were. This was mainly down to one thing, the…

Everything and Nothing

November 22nd, 2019

I’ve been thinking about the question for a solid month now. What about building websites has you interested this year? The question pervaded my solitary thoughts and played in the background during my conversations. I’d love to just tell you the answer I’ve come to, but the more interesting part was my thought journey in…

Embrace the Political

November 21st, 2019

The tech industry has long held the belief that technology is apolitical. People are flawed, but the machines? They are neutral. They are pure. This is ridiculous, of course. People make the machines. We write the algorithms that can’t recognize dark skin tones. We decide to downplay or ignore harassment on our platforms. There are…

Create Amazingly Stable Tests Your Way — Coded and Code-Less

November 21st, 2019

Testim’s end-to-end test automation delivers the speed and stability of AI-based codeless tests, with the power of code. You get the flexibility to record or code tests, run on third-party grids, fit your workflow and tools including CI, Git and more. Join the Dev Kit beta to start writing stable tests in code. About Testim…