Show your Twitter post with this awesome Twitter image Post PSD Mockup. This mockup will look great on any type of design. Post image and logo image can be replaced with a smart object. Text can be easily replaced
Show your LinkedIn Post with this awesome LinkedIn Post PSD Mockup. This mockup will look great on any type of design. Post image and logo image can be replaced with a smart object. Text can be easily replaced.
Ahmad Shadeed got an early jump on container queries and has a growing collection of examples based on everyday patterns. And, if you missed it, his latest post on container queries does a wonderful job covering how they work since landing in Chrome 105 this month (we’ll see them in Read more…
In today’s Photoshop tutorial I’m going to show you how to create a bright, illuminated neon sign effect. I’ve created many tutorials in the past that provide you with a combination of Photoshop layer styles to produce a colourful glowing effect, but today we’re going to take it to the Read more…
Designers can never have enough fonts! If you’ve ever splashed out on premium fonts before you’ll know just how much better in quality they tend to be than the run of the mill freebies you find on the web. The trouble is pro-grade fonts are usually so high in price Read more…
Access All Areas members have a wonderful collection of Lightroom Presets to download this week, courtesy of PSD Stack. These Airy Wedding presets give your photos a bright, clean and soft look that is ideal for creating timeless photos of unforgettable moments. 8 effects are supplied in a variety of Read more…
In today’s Adobe Photoshop tutorial I’m going to show you how to create an abstract piece of retro-futuristic artwork known as a Polyscape. It’s a combination of polygon shapes and landscape or cityscape photographs, and sometimes even pictures of outer-space! These photos are then cut and pasted into a digital Read more…
Whenever we build simple or complex layouts using CSS Grid, we’re usually positioning items with line numbers. Grid layouts contain grid lines that are automatically indexed with positive and negative line numbers (that is unless we explicitly name them). Positioning items with line numbers is a fine way to lay Read more…
We can make variables in CSS pretty easily: :root { –scale: 1; } And we can declare them on any element: .thing { transform: scale(var(–scale)); } Even better for an example like this is applying the variable on a user interaction, say :hover: :root { –scale: 1; } .thing { Read more…
If a utility class only does one thing, chances are you don’t want it to be overridden by any styles coming from elsewhere. One approach is to use !important to be 100% certain the style will be applied, regardless of specificity conflicts. The Tailwind config file has an !important option Read more…
