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?

WordPress Product Founders on What They’d Do Differently

Incredible as it sounds, WordPress was initially released back in 2003. And it has evolved quite a bit during that time. It has become a mature, if ever-changing, platform for building websites. Its massive theme and plugin ecosystem have also seen its share of changes. We’ve witnessed solo entrepreneurs launching products, nurturing their growth, and… Continue reading WordPress Product Founders on What They’d Do Differently

Understanding accessibility makes you a better [insert your name here]

Accessibility isn’t something that you can “add in at the end”. It’s not the icing on a cake, it’s the eggs that make the cake. Understanding what accessibility is, how you can create accessible digital experiences, and the fact that it impacts each of us in different ways, is an essential part of being a… Continue reading Understanding accessibility makes you a better [insert your name here]

Everything You Need to Know About Book Design

Are you interested in book design but don’t know where to start? You’ve landed in the right place. If you’re a book lover and you’ve always wondered how to design a book, here you’ll find a collection of resources and tutorials that will point you in the right direction. We’ll cover what book design is,… Continue reading Everything You Need to Know About Book Design

Breaking UX preconceived notions

Breaking UX Preconceived Notions If you’re a UI/UX designer, Product Designer, or work as someone who has some influence in creating the user experience in your products, I think we all can agree on one thing. That’s what makes a good UX is quite subjective. There are a lot of different aspects that could result… Continue reading Breaking UX preconceived notions

What is a Font?

What is the definition of a font? What is the difference between a font and a typeface?  These are some of the questions we will be seeking to answer today before sharing our top ten favourite examples of fonts from Envato Elements.  What Is a Font? A font is a set of text characters, numbers,… Continue reading What is a Font?

Script & Handwritten Fonts

Script and handwritten fonts are a great way of giving your designs a strong personality. A playful script font is great for informal projects with a fun, energetic vibe, while a formal calligraphy font is great if you’re going for elegance and class. In this guide, you’ll learn what script and handwritten fonts are and… Continue reading Script & Handwritten Fonts

Guide to Serif Fonts

Welcome to the ultimate guide to serif fonts! Whether you’re new to the subject or a bit more experienced, this guide will help you out. We’ll start by explaining what a serif font is and when you’d want to use one, and then we’ll look at some different types of serif fonts and introduce you… Continue reading Guide to Serif Fonts

Why component properties will save your design system

Figma dropped some huge new features this month and you need to embrace them A design toolkit is only as good as the tools in it. New Figma features just gave your tools a lot more power. Photo by Cesar Carlevarino Aragon on Unsplash Figma has had a big year. Sure, it surpassed 4 million users and… Continue reading Why component properties will save your design system

10 Reasons You Should Upgrade to Elementor Pro

Elementor is a powerful website builder plugin that anyone can use to build attractive, responsive websites without writing a single line of code. There’s a reason why the free Elementor plugin has over 5 million active installations and an average 4.5-star rating.  Like many freemium WordPress plugins, you can get by with the free version… Continue reading 10 Reasons You Should Upgrade to Elementor Pro

12 Best WordPress File Managers

Are you looking for a file manager to help manage your files and folders for your WordPress website?  When running a WordPress website, you continously will add files and media. Eventually you’ll end up with thousands of images and other files. However, the built-in WordPress media manager is poorly equipped to organize these files in… Continue reading 12 Best WordPress File Managers

2 Ways to Protect Your HTML Email Links (and Prevent SPAM)

In this tutorial we’ll describe two straightforward techniques for protecting HTML email links from being scraped by spammers. Although these techniques cannot guarantee full success, they’ll give you an extra layer of protection. Email Templates on Envato Elements Before we dive in, don’t forget that you can download unlimited email templates with your Envato Elements… Continue reading 2 Ways to Protect Your HTML Email Links (and Prevent SPAM)

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

WooCommerce Shortcodes Cheatsheet

WordPress added support for shortcodes around 15 years ago. You can use shortcodes to easily add complicated functionality to your website which otherwise would have required you to write a lot of code yourself. Basically, shortcodes are short text snippets whose behavior depends on some more complicated code written in the back end. While WordPress… Continue reading WooCommerce Shortcodes Cheatsheet

How to Create Metal Textures in Photoshop

What You’ll Be Creating In the following tutorial, I’m going to teach you how to create a metal pattern in Photoshop. You’ll create five different textures with Photoshop filters, gradients, and Blending Modes. You’ll get a cool metal pattern in Photoshop to use in your photo manipulations and digital paintings. Looking to brush up on… Continue reading How to Create Metal Textures in Photoshop

8 Best Free and Open-Source JavaScript Image Editors

The internet is filled with countless images uploaded by users. This is especially true for social media websites—and it is very rare for people to post original unedited images anywhere. It is also common to need to post images with a specific size or format. While there are a lot of full-fledged image editing apps… Continue reading 8 Best Free and Open-Source JavaScript Image Editors

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 Make a Chain Brush in Photoshop

In this tutorial, you will learn how to make a chain brush in Photoshop. I will explain everything in so much detail that everyone can create the brush, even those who have just opened Photoshop for the first time. Do you want to save time with a ready-made brush? Check out this Chain Brush Photoshop… Continue reading How to Make a Chain Brush in Photoshop

How to automate competitor’s reviews collection to find great insights

In this article, I will show how to build a database of competitors reviews that will update itself automatically and how to get insights for your product development Imagine, that you are building a new product or feature. If it’s something new, you will go to potential customers and ask about how they solve this… Continue reading How to automate competitor’s reviews collection to find great insights

How to Set Up WooCommerce Product Options

When it comes to online shopping, one size doesn’t always fit all.  Clothing stores are an obvious example. However, there are countless other eCommerce sites that sell variable products. The same laptop may be available in various screen sizes, or with different amounts of storage.  Even if you’re running a takeaway restaurant, a customer may… Continue reading How to Set Up WooCommerce Product Options

Persona permutations, name signs, iPhone and Hick’s law, typography tips

Weekly curated resources for designers — thinkers and makers. “This book is incredibly popular, so I guess this article won’t be. But let me tell you why, after reading this book, not once, but twice, I’m shocked it’s still appearing in (almost) every designer’s reading list. Here’s the story of a book that didn’t age well.” Why designers should… Continue reading Persona permutations, name signs, iPhone and Hick’s law, typography tips

Pop and Shift Arrays With PHP: When to Use Each One

* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} PHP has a lot of built-in array functions to help with many common tasks. The presence of so many functions, though, can also be a bit overwhelming because sometimes you have to keep the slight differences between these functions in mind. It is also possible to use… Continue reading Pop and Shift Arrays With PHP: When to Use Each One

10 Best Cross-Browser Testing Tools for Testing Websites in 2022

* { 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’ve recently designed or redesigned your website, you’re probably planning for a big launch. But before you launch or relaunch your website, it’s important to test your website across various browsers.  Now, this may sound intimidating, given how many browsers there are on the market. The… Continue reading 10 Best Cross-Browser Testing Tools for Testing Websites in 2022

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)