How to Change the Color of Clothing in Photoshop

If you want to learn how to change the color of clothes in Photoshop, in this tutorial I’ll show you a very simple method that works for all colors—even for changing a black shirt into a white shirt! What You’ll Learn in This Photoshop Tutorial How to change the color of clothes in Photoshop … Continue reading How to Change the Color of Clothing in Photoshop

4g CO2 per email—really?

Disentangling a well-known “fact” about emails. There’s a lot of “received wisdom” kicking about on the internet — ideas and “facts” which are essentially presented without question on the basis of “ he said it, so it must be true”. This afflicts many fields, and sustainability is no exception. One common example is that “sending an email generates… Continue reading 4g CO2 per email—really?

Measuring Empathy for Accessibility

After my previous blog on the Two Pillars of Accessibility, I was asked on LinkedIn from a peer in the accessibility field how a program could measure and report the empathy pillar of an accessibility program i.e. how much does your company care about accessibility. Measuring the impact of accessibility is relatively easy — you can track… Continue reading Measuring Empathy for Accessibility

How to create responsive cards with the help of auto-layout in Figma?

Auto Layout is one of the most powerful features of Figma and today we will be creating a card design inside Figma using Auto-Layout which will be fully responsive, i.e would respond to the screen size. demonstrates the responsive design of the card Before we get started, there are 3 main things we are talking about in… Continue reading How to create responsive cards with the help of auto-layout in Figma?

Stealing like an artist — design heuristics in creative ideation

Stealing like an artist — design heuristics in creative ideation Mental shortcuts and cognitive frameworks aren’t only useful in everyday judgments and problem-solving. When faced with creative challenges, we can also tap into our “design brain” to channel previously encountered ideas into our own work. At their core, design heuristics are the combination, exploration, or transformation of often already… Continue reading Stealing like an artist — design heuristics in creative ideation

Gestalt psicology for dataviz

Understanding why specific data visualization techniques work better than others may not be so simple. Visual Pattern — Credits: Omar Flores on Unsplash We easily perceive a design that catches our attention, or elements that are out of place, but then we hardly know how to identify and evaluate them accurately, almost as if their effect acts at the… Continue reading Gestalt psicology for dataviz

Make Smooth Transitions with Easing in Figma and After Effects

I love creating smooth transitions in Figma, both for concepts and final designs. But for extra finesse and control over easing types, you should export from Figma into Adobe After Effects and finish the job there—let me show you! Smooth(er) Transitions in Figma and Adobe After Effects Smooth transitions in apps and websites are where… Continue reading Make Smooth Transitions with Easing in Figma and After Effects

How to Implement Infinite Scrolling With JavaScript

What is Infinite Scrolling? Infinite scrolling is a feature used to dynamically load more content on a page once a user scrolls to the end of the page. The concept of infinite scrolling is used to load data from a server in a way that feels “seamless” to a user but doesn’t overload the server… Continue reading How to Implement Infinite Scrolling With JavaScript

How to Auto Align in Photoshop

Today, we’ll be looking at how to use the auto align tools in Photoshop, as well as guides and snapping! Photoshops auto align tools are simple but powerful, and they’ll keep you from sending out a design with the always annoying uncentred text or misaligned words.  If you’re looking to speed up your workflow, try… Continue reading How to Auto Align in Photoshop

How to Kern a Font in Cricut Design Space

In this tutorial, you’ll learn how to kern in Cricut Design Space. You may be asking yourself, “What is a kerned font in Cricut?” Often, fonts have incorrect or uneven spacing when you type a word out, and these fonts don’t have kerning, so we have to do it manually.  I will cover everything you… Continue reading How to Kern a Font in Cricut Design Space

How to Create a Brochure Mockup in Photoshop

If you’re looking to present your latest design project or establish a portfolio of your work, a good square trifold brochure mockup is a fantastic start! You’ll learn everything you need to know in this easy-to-follow square brochure mockup tutorial and will walk away with design skills that you can apply straight away. In this… Continue reading How to Create a Brochure Mockup in Photoshop

Decolonizing typography: creating a font for Afrikan writing systems

The driving force behind my relentless mission to create digital fonts for Afrikan writing systems, one letter at a time. In this case study I’ll walk you through the process of designing a font for the Bassa Vah Alphabet. The name ‘Bassa’ and a Bassa proverb. Background Bassa language is spoken by about 600 000 Bassa… Continue reading Decolonizing typography: creating a font for Afrikan writing systems

15+ Best Shopify Themes for Selling Coffee and Tea

The tea and coffee market is booming. Expected to be worth US$135.9 Billion by 2027 and growing at a CAGR of 2.3% over 2020-2027, it’s a great time to be investing in the industry. With Shopify templates, all you need to do is choose which template is your cup of tea, edit it to make… Continue reading 15+ Best Shopify Themes for Selling Coffee and Tea

20 Best eCommerce Plugins for WordPress

WordPress does not come with built-in eCommerce capabilities. But it allows you to add eCommerce functionality so you can sell tangible products, digital products, or any kind of services and receive money for them on your website. To make this possible, there are a huge number of eCommerce plugins, both free and premium, that you… Continue reading 20 Best eCommerce Plugins for WordPress

How to Customize Contact Form 7 for WordPress: Checkboxes and Radio Buttons

In the past, we’ve discussed different customizations of the WordPress Contact Form 7 (CF7) plugin. Today, we’ll learn how to build custom checkboxes and radio buttons with this plugin. Sound like a good exercise? Here are two animated images that show how these form elements will look after our custom styling: And here is a… Continue reading How to Customize Contact Form 7 for WordPress: Checkboxes and Radio Buttons

How to Remove Green Screen in Photoshop

Today we will be looking at how to remove green screen in Photoshop! Using only built-in auto-select tools and a few adjustment layers, you can perform a quick and simple background swap on any green screen photo. In a hurry? Swap backgrounds, automate your workflow, and chroma key in Photoshop using one of the thousands… Continue reading How to Remove Green Screen in Photoshop

How to Build a Responsive Slider With Swiper.js

* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} Have you ever built an advanced slider for a project? If so, you might have taken advantage of any one of a number of JavaScript carousels. In the past, I’ve covered two of them: slick and Owl. Today, I’ll introduce another well-known one: Swiper. Ready to learn… Continue reading How to Build a Responsive Slider With Swiper.js

Fixing Problems With Borders in Dark Mode (Email Design)

* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} Borders aren’t always treated the same as other elements when it comes to emails in Dark Mode. In this article I’ll take you through what is happening to your borders, as well as how fix any problems you’re having with them. Top Email Templates on Envato Elements… Continue reading Fixing Problems With Borders in Dark Mode (Email Design)

How to Create a Trendy Neon and Oil Spill Rainbow Poster

What You’ll Be Creating * { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} In this tutorial, you’ll learn how to make a Y2K style poster with an oil spill rainbow background that will make you want to step out of the box. We’ve said it over and over again—trends are made to come back. The Y2K… Continue reading How to Create a Trendy Neon and Oil Spill Rainbow Poster

How to Create a HubSpot Email Signature

* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} HubSpot is an invaluable marketing and managing assistant that you can use to improve your online business. It helps you analyze your website’s performance, manage your contacts, send marketing emails, boost sales, and more. In this tutorial I’ll explain how you can set your HubSpot email signature,… Continue reading How to Create a HubSpot Email Signature

How to Add Fonts to Sketchbook Pro

* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} If you want to learn how to add fonts to Sketchbook Pro, in this short tutorial I’ll show you how to do it on two systems: Windows and Mac. You’re just a few steps away from expanding the Sketchbook Pro font library with some amazing fonts! And… Continue reading How to Add Fonts to Sketchbook Pro

How to Create a Digital Clock Text Effect

What You’ll Be Creating * { box-sizing: border-box; } body {margin: 0;} In the following tutorial, you will learn how to create a digital clock text effect in Adobe Illustrator. For this tutorial, you will need this digital clock font, so check out Envato Elements where you can find other designs and fonts that look… Continue reading How to Create a Digital Clock Text Effect

3 Essential Design Trends, October 2021

Design trends on top of design trends. This theme of this month’s collection is trends that seem to build on each other. These examples use multiple trends listed here: hero typography, round buttons, and big branding. Here’s what’s trending in design this month… 1. Hero Typography Big, bold, and even unusual typography choices are the… Continue reading 3 Essential Design Trends, October 2021

How to Create Mobile App Animations With SVGator

Designing animations by coding is both a complex and time-consuming undertaking that can hinder creativity. This is why designers are looking for a no-code solution to create scalable animations for mobile apps. Finding a way to easily create and export these types of engaging branding assets can also make the designer-to-developer handoff a frustration-free exchange.… Continue reading How to Create Mobile App Animations With SVGator