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?
Tag: left
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
3 Essential Design Trends, September 2021
Do you ever get bored with design projects? Feel like you keep designing the same things on repeat? This collection of trends – from fun angles to illustrations where you wouldn’t expect them to cool three-dimensional concepts – is sure to help you think a little more out of the box. It might be just… Continue reading 3 Essential Design Trends, September 2021
How to Make your First App in Java
Are you a budding developer who knows the basics of Java and wants to make their first app using Android Studio? With PlayStore currently hosting 2.89 million Android apps and growing every minute, it is a great decision to learn and eventually master Android apps development. Get Started With Android Studio To make an android… Continue reading How to Make your First App in Java
10 Website Design Must-Haves For Any Small Business
0 Shares Having a website is essential for small businesses. It helps build an online presence and expand your reach. However, to maximize the website’s potential, website owners need to understand must-have web elements. If your website misses important features, you may lose out on potential customers and revenue. It’s also worth mentioning that not… Continue reading 10 Website Design Must-Haves For Any Small Business