Adventures in CSS Semi-Transparency Land

March 9th, 2020

Recently, I was asked to make some tweaks to a landing page and, among the things I found in the code, there were two semitransparent overlays — both with the same RGB values for the background-color — on top of an image. Something like this: <img src=’myImage.jpg’/> <div class=’over1′></div> <div class=’over2′></div> There was no purpose…

How can we make it better?

March 9th, 2020

The web has completely changed since its birth, 25 years ago. It has changed from a small niche group of users to a global user base in just a few years. Out have sprung the giants of Tech and the tools to produce and manage ever more content online. Over that time the ecosphere of…

How a Local Guide helps women achieve financial freedom

March 9th, 2020

Three years ago, my world changed completely. Three different surgeries after a road accident left me bedridden and confined to one room for a year and a half. I wondered if I would ever fully recover. I wondered if my career would suffer. I wondered if I would be able to do what I loved—traveling,…

Career development for journalists-turned-parents in Korea

March 8th, 2020

Managing work and home life is never an easy task, and parents around the world would agree that it doesn’t get any simpler with children. Now couple that with a career in journalism: if parenting is a full-time job, the news never stops either. For reporters in Korea, the pursuit of worabael, or “work-life balance,”…

(Her)story in the making: our International Women’s Day Doodle

March 7th, 2020

Coming from a family of strong women, I grew up taking independence for granted. My grandmother always emphasized the power we had as women to take care of ourselves, pursue our dreams, and thrive. All three of her daughters went on to earn university degrees in subjects they were passionate about and then to work…

Google Fonts + Variable Fonts

March 7th, 2020

I see Google Fonts rolled out a new design (Tweet). Compared to the last big redesign, this feels much more iterative. I can barely tell the difference really, except it’s blue instead of red and this one pretty rad checkbox: Show only variable fonts. An option to only show variable fonts is a pretty bold…

What to Use Instead of Number Inputs

March 6th, 2020

You might reach for <input type=”number> when you’re, you know, trying to collect a number in a form. But it’s got all sorts of issues. For one, sometimes what you want kinda looks like a number, but isn’t one (like how a credit card number has spaces), because it’s really just a string of numbers….

Currying in CSS

March 6th, 2020

Funny timing on this I was just looking at the website for Utopia (which is a responsive type project which I hate to admit I don’t fully understand) and I came across some CSS they show off that looked like this: :root { –fluid-max-negative: (1 / var(–fluid-max-ratio) / var(–fluid-max-ratio)); –fluid-min-negative: (1 / var(–fluid-min-ratio) / var(–fluid-min-ratio));…

People of WordPress: Mary Job

March 6th, 2020

You’ve probably heard that WordPress is open-source software, and may know that it’s created and run by volunteers. WordPress enthusiasts share many examples of how WordPress changed people’s lives for the better. This monthly series shares some of those lesser-known, amazing stories.  How it all began Mary Job at WordCamp Kampala 2020 Mary remembers when…

Animating CSS Width and Height Without the Squish Effect

March 5th, 2020

The first rule of animating on the web: don’t animate width and height. It forces the browser to recalculate a bunch of stuff and it’s slow (or “expensive” as they say). If you can get away with it, animating any transform property is faster (and “cheaper”). Butttt, transform can be tricky. Check out how complex…