[unable to retrieve full-text content] Here are the top 10 common mistakes to watch out for when creating user journeys: 1. Not defining clear objectives Creating a user journey without a clear goal is like setting out on a trip without a destination. It’s crucial to know what you’re trying to understand or achieve with… Continue reading Top 10 Mistakes When Creating User Journey Maps
The GenAI Compass: a UX framework to design generative AI experiences
[unable to retrieve full-text content] Patterns for implementing human-centric design thinking and UX to GenAI Generative AI is reshaping the landscape of design, ushering us into an era where deeply individualized user experiences become the norm. Personalization reaches beyond the tailored, transcending into the realm of the deeply individualized, fostering one-on-one connections at scale — true hyper-personalization. I’m… Continue reading The GenAI Compass: a UX framework to design generative AI experiences
How to Add Sun Rays in Photoshop
Today we will be learning how to add sun rays in Photoshop! This effect is both quick and easy. And the best part? You’ll end up with your very own custom sun rays Photoshop brush. Let’s get started! Prefer video tutorials instead? Check out this new video from the Envato Tuts+ YouTube channel: How to… Continue reading How to Add Sun Rays in Photoshop
On-Scroll Expanding Image Animation within Typography
An animation experiment where we expand an image within some typographic element on scroll. Today I’d like to share a little effect with you that got inspired by this video of a billboard ad: A video expands and pushes some text away. I thought this would be fun to experiment with and try out different… Continue reading On-Scroll Expanding Image Animation within Typography
Best Shopify Themes for Selling Trending eCommerce Products
What Types of Products To Sell When it comes to selling products through a Shopify store, choosing the right type of products is crucial for success. Thre are plenty of products that you can sell successfully. However, not all products have the same potential for profitability and popularity. To help you navigate this landscape, we’ve… Continue reading Best Shopify Themes for Selling Trending eCommerce Products
7 Lessons Web Designers Can Learn from Mobile App Developers
When working as a web designer, it’s totally expected that you might develop tunnel vision after some time. That is, you only listen to other web designers for tips and tricks of the trade. But you can seriously up your game by peeking into the toolbox of mobile app developers. You see, it’s not just… Continue reading 7 Lessons Web Designers Can Learn from Mobile App Developers
How to Make a Wind Effect in Photoshop
Today we will be looking at how to make a wind effect in Photoshop. This technique is quick, easy, and uses a better alternative to the traditional Motion Blur filter. It’s a great Photoshop weather effect to have in your back pocket, so let’s get started! If you enjoy video content, then don’t miss this… Continue reading How to Make a Wind Effect in Photoshop
Unleashing the power of Pixar’s storytelling in product design
The struggle is real, we simply can’t escape companies constantly bombarding us with digital experiences everywhere on the internet via websites and apps on our phones, watches, computers, VR headsets — download this! sign up here! join for free! At last count, there are approximately 1.13 billion websites and 9 million mobile apps in existence! Credit: Gaurav There… Continue reading Unleashing the power of Pixar’s storytelling in product design
Market Yourself as a Creative Professional: Do’s & Don’ts of How to Market Yourself (2024)
People market ideas, food, movies, clothing, and even websites. Why not market yourself? As a creative professional, you’ve got skills, abilities, strengths, personality, and plenty of upsides. Make sure they’re known. In this post, I’ll dive into how to market yourself as a creative professional. How to market yourself in 2024 (Image: Envato Elements) But… Continue reading Market Yourself as a Creative Professional: Do’s & Don’ts of How to Market Yourself (2024)
How to Create an “AI Quotes Generator” With OpenAI and JavaScript
In this tutorial, we’ll learn how to create an “AI Quotes Generator” app with JavaScript. This app will demonstrate how to fetch data from the OpenAI API and generate engaging quotes for different categories or custom moods. HTML Structure The HTML structure will consist of the following elements: A button at the top right… Continue reading How to Create an “AI Quotes Generator” With OpenAI and JavaScript
How to Create an “AI Quotes Generator” With OpenAI and JavaScript
In this tutorial, we’ll learn how to create an “AI Quotes Generator” app with JavaScript. This app will demonstrate how to fetch data from the OpenAI API and generate engaging quotes for different categories or custom moods. HTML Structure The HTML structure will consist of the following elements: A button at the top right will… Continue reading How to Create an “AI Quotes Generator” With OpenAI and JavaScript
How to Align Column Rows with CSS Subgrid — SitePoint
In this quick tip, we’ll look at how to use the subgrid feature of CSS Grid to align the content of boxes that sit side by side. Note: before delving into subgrid, it’s important to understand the basics of Grid layout. If you’re new to Grid, or you need a refresher, check out our beginner’s… Continue reading How to Align Column Rows with CSS Subgrid — SitePoint
How to Align Column Rows with CSS Subgrid — SitePoint
In this quick tip, we’ll look at how to use the subgrid feature of CSS Grid to align the content of boxes that sit side by side. Note: before delving into subgrid, it’s important to understand the basics of Grid layout. If you’re new to Grid, or you need a refresher, check out our beginner’s… Continue reading How to Align Column Rows with CSS Subgrid — SitePoint
T-Shirt Design Trends for 2024
Wondering what T-shirt designs are trending in 2024? There are three big trends happening, and they all have one thing in common: maximalism! After a decade or more of minimalism ruling all aspects of design, we’re entering a new era of indulgent maximalism. More is more, and more is better right now. Let’s look at… Continue reading T-Shirt Design Trends for 2024
How to Plan Your First Successful Website
Development By Simon Sterne 3 days ago Planning a new website can be exciting and — if you’re anything like me — a little daunting. Whether you’re an experienced freelancer, a team of hardened developers, or a small business owner, a well-structured plan is critical for success. In this post, I’ll give you the benefit… Continue reading How to Plan Your First Successful Website
10 New AI Tools to Increase Your Creativity in 2024
Curious about how AI can enhance your creative process while navigating its potential pitfalls? Wondering which AI design tools are making waves in 2024? There are many great creative AI tools that you can use in your projects today. AI design tools have quickly become a staple for artists and designers. These generative AI tools harness… Continue reading 10 New AI Tools to Increase Your Creativity in 2024
12 Figma tips to work more efficiently
We all know Figma makes regular updates to their features that can be new and awesome, like previewing typography, or it can be a modification that may change an established workflow, like the infamous local variables. So as someone who uses Figma almost every work day, minus some meeting-heavy days, learning to apply new features… Continue reading 12 Figma tips to work more efficiently
How to Retrieve the IDs, Titles, and URLs of the Core WordPress/WooCommerce Pages
As WordPress developers, many times we want to grab different info (ID, title, URL) for standard WordPress/WooCommerce pages like the Blog and My Account pages. Surprisingly, all this useful stuff is stored in the *_options table, and we can access it using the get_option() function. There’s also the wp_load_alloptions() that we can use to print… Continue reading How to Retrieve the IDs, Titles, and URLs of the Core WordPress/WooCommerce Pages
How to Create a Beyoncé “Cowboy Carter” Ribbon in Illustrator
Cowboy Carter, also known as Act II, is the second installment of Beyoncé’s three-act project conceived during the last few years. Since all Beyoncé album covers have something to deliver visually, the latest release features an image of a saddle with a sash that says “Cowboy Carter” in a country & western font, and also… Continue reading How to Create a Beyoncé “Cowboy Carter” Ribbon in Illustrator
Creating an Interactive 3D Bulge Text Effect with React Three Fiber
In this tutorial, we’ll explore how to generate a engaging bulge effect on text using React Three Fiber. For the past few weeks, I’ve been experimenting with mixing 3D and 2D to create compelling effects. Today, I’ll guide you through replicating this bulge effect on text. To streamline the process and maintain a structured approach… Continue reading Creating an Interactive 3D Bulge Text Effect with React Three Fiber
The power of beauty in communicating complex ideas
Can we defend pursuing beauty when communicating science or innovation? When creating visuals to explain complex ideas, cutting edge innovations or new scientific research we often focus on the images’ ability to carry information. But data visualization, infographics or even schematics have a hidden power we rarely discuss: beauty. Obviously not all images are beautiful. As… Continue reading The power of beauty in communicating complex ideas
40+ Best Signature Fonts | Envato Tuts+
Looking for a good signature font? Check out this list of authentic signature fonts from Envato Elements. For one low monthly fee, this subscription-based marketplace offers tons of fonts, logos, graphic templates, add-ons, and more. Best Signature Fonts From Envato Elements 1. Hagia Cursive Signature Font (TTF, OTF) When you need a cool signature font… Continue reading 40+ Best Signature Fonts | Envato Tuts+
Why UI designers should understand Flexbox and CSS Grid
CSS for UI Designer Or bye bye, 12-column grid layout Most designers are familiar with responsive design, a column-based layout approach with fixed breakpoints to cover all screen sizes. However, we can move beyond the rigid structure with modern CSS layouts, crafting flexible and dynamic designs that seamlessly adjust to different screen sizes. Designers and developers having different… Continue reading Why UI designers should understand Flexbox and CSS Grid
How to Add Fonts to Figma in 3 Steps
Don’t limit your design options to preset fonts! Learn how to add fonts to Figma to create unique designs. Learn how to add fonts to Figma to create unique web designs. Choosing the right font for our design can be a game changer. Good typography not only makes your message readable, but it can define… Continue reading How to Add Fonts to Figma in 3 Steps