When working with CSS Grid, the first thing to do is to set display: grid on the element that we want to be become a grid container. Then we explicitly define the grid using a combination of grid-template-columns, grid-template-rows, and grid-template-areas. And from there, the next step is to place Read more…
In today’s Adobe Photoshop tutorial I’m going to show you how to create a lovely gold text effect. It’s made using a combination of Photoshop layer styles, plus a couple of my own secret ingredients that really brings the effect to life with a nice shiny finish. What really makes Read more…
Discover a range of lesser-known fonts that have been hand-picked as the best typefaces from previous font Design Cuts bundles, making this a greatest hits collection! This bundle includes clean sans-serifs, elegant serifs, creative brush scripts and stunning display fonts to create a versatile library of styles that will suit Read more…
Access All Areas members have a great collection of assets to download this week, courtesy of Hannah Bacon. The Lush Tropical Branding Kit provides all the elements you need to create a complete brand identity, including illustrations, logos, patterns, colour palettes and business card templates, all with a modern tropical Read more…
In today’s Photoshop tutorial I’m going to show you some simple steps to create an animal fur text effect. The process makes use of a real animal fur texture for maximum realism. In my example, I’m using Leopard spots to create the wording ‘Wild Cats’, but a variety of results Read more…
Chris calls scroll shadows one his favorite CSS-Tricks of all time. Lea Verou popularized the pure CSS approach using four layered background gradients with some clever background-attachment magic. The result is a slick scrolling interaction that gives users a hint that additional content is available in a scrollable container. CodePen Read more…
URL Shorteners are tools we use to make links shorter than they actually are. With a URL Shortener, you can transform a long link (maybe for a registration form or article) into a shorter version. Behind the scenes, the long and short versions of a given link have been stored Read more…
It’s not everyday that HTML headings are the topic de jour, but my folder of saved links is accumulating articles about the recently merged removal of the document outline algorithm in the WHATWG Living Standard. First off, you should know that the algorithm never really existed. Sure, it was in Read more…
Michelle Barker with my favorite sorta blog post: short, practical, and leaves you with a valuable nugget for your time. Here, she gets into logical property shorthands in CSS, particularly those that set lengths just on a single axis, say only the block (vertical) axis or just the inline (horizontal) Read more…
I think it’s super timely that Jim Nielsen wrote about his office space the other day. My family recently re-rooted in Colorado and I was up late last night setting up my desk and everything around it. So late, in fact, that reading these words now bites me: My workspace Read more…
