Ahmad Shadeed covers the CSS fit-content sizing keyword. It’s useful! It just doesn’t come up super often. I find myself using min-content a lot more, like when setting up the height of a grid-template-row. The fit-content keyword is actually closely related to min-content and max-content — it just has a Read more…
I enjoy articles like Hartley Charlton’s “Microsoft Edge Looks Set to Overtake Safari as World’s Second Most Popular Desktop Browser.” It’s juicy! We know these massive players in the browser market care very much about their market share, so when one passes another it’s news. Like an Olympic speed skater Read more…
Premium design resources can be really expensive. Fonts in particular are often the most costly tool a designer needs, so when a massive saving like this comes along it’s hard to let it pass by! This brand new bundle contains 16 hand-picked typefaces, containing loads of individual fonts, chosen specifically Read more…
Access All Areas members have a fantastic new collection of textures to download this week, courtesy of Illus.trate. These Refracted Ray Gradients are colourful abstract graphics with grainy details. 20 high-resolution 300ppi textures are included, each with a unique spectrum of colours. They are ideal for use as backgrounds to Read more…
In today’s tutorial I’m going to show you how to create a colourful text effect with several stacked text elements that are progressively spaced further apart and transition through the colour spectrum to produce a rainbow effect. It reminds me of the kind of retro design you might see on Read more…
In today’s Adobe Illustrator tutorial I’m going to show you my process of converting a rough sketch into a vector illustration by turning one of my old doodles into a cute yeti cartoon character. By tracing the initial sketch with as many basic shapes as possible, we can achieve a Read more…
We’ve discussed a lot about the internals of using CSS in this ongoing series on web components, but there are a few special pseudo-elements and pseudo-classes that, like good friends, willingly smell your possibly halitotic breath before you go talk to that potential love interest. You know, they help you Read more…
A fun deep dive from Zach. Do you have an opinion on which you should use? 1) https://website.com/foo/ 2) https://websites.com/foo The first option has a “trailing slash.” The second does not. I’ve always preferred this thinking: you use a trailing slash if that page has child pages (as in, it Read more…
In my recent article about CSS underline bugs in Chrome, I discussed text-decoration-thickness and text-underline-offset, two relatively new and widely-supported CSS properties that give us more control over the styling of underlines. Let me demonstrate the usefulness of text-decoration-thickness on a simple example. The Ubuntu web font has a fairly Read more…
If you’re looking for a primer on CSS specificity, we’ve got that. And if you’re trying to get ahead of the game, you should be aware of CSS Cascade Layers as well. One of the ways to help get a grasp of CSS specificity is thinking terms of “what beats Read more…
