Let’s talk about those little boxes, buttons, and dropdowns that we encounter all over the web: form controls or input fields. From signing up to a newsletter to completing an online purchase, these elements are the unsung heroes of user interaction. In this article, we’re diving into the world of form controls from a UX… Continue reading A Quick Guide to UI Patterns for Form Controls
Category: Tutorials
You learn something everyday if you pay attention
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
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
Best Streetwear Shopify Themes for Fashion Stores
* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} Staff Pick Ap Suppre Ideal for street style fashion. Includes homepage demos, header styles, product pages, and multiple inner pages. Enhanced mobile shopping experience. Staff Pick Colorblock Colorful, attractive theme for a vibrant street fashion wear website. Atypical typography and customizable blocks of color to create trendy… Continue reading Best Streetwear Shopify Themes for Fashion Stores
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
2 Ways to Make Half-Colored Background Page Sections
In this quick tutorial, you’ll learn two ways to split a page section’s background into two colors. Consider the following layouts built with Bootstrap: Page layout 1 Page layout 2 Here, we have three sections: The first and third sections include a heading and some dummy text. The second section contains three cards.… Continue reading 2 Ways to Make Half-Colored Background Page Sections
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 will… 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… Continue reading How to Create an “AI Quotes Generator” With OpenAI and JavaScript
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
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
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 Convert a Stroke to a Shape in Affinity Designer
Learn how to expand simple strokes, multiple strokes, or text outlines into shapes that you can further modify and distort as you need. Once you’ve learned how to convert a stroke to a shape in Affinity Designer, you can head over to Envato Elements, where you can get unlimited downloads of stock videos, music, graphics,… Continue reading How to Convert a Stroke to a Shape in Affinity Designer
What Font Does Chanel Use?
What font does the Chanel logo use? Today, we take a look at the brand’s iconic logo, and then we’ll share some great alternatives to the Chanel logo font that you can download from Envato Elements. Chanel is easily one of the most recognisable fashion brands in the world. Today, we’ll look at this incredibly… Continue reading What Font Does Chanel Use?
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
How to Create a Coffee Cup Mockup
There’s nothing like a fresh cup of coffee in the morning. Learn how to create a coffee cup mockup in Adobe Photoshop. During this tutorial, you will discover how to create a smart object for your coffee logo and apply effects to generate a realistic cup mockup. What You’ll Learn in This Coffee Cup Mockup… Continue reading How to Create a Coffee Cup Mockup
Tips on How to Design Fiction Book Covers (Ideas & Examples)
Looking for book cover design ideas? You’ve come to the right place. Today, we’ll share some terrific book cover examples and tips on how to make your cover stand out from the pack. How to Design a Book Cover 1. Convey the mood of your book with your cover design. Your reader should know whether your… Continue reading Tips on How to Design Fiction Book Covers (Ideas & Examples)
What Font Does Fortnite Use?
What font does Fortnite use? Discover the answer in this introduction to the Fortnite logo and typography. We’ll also look at some great alternatives to Fortnite fonts that you can download from Envato Elements. What Is the Fortnite Font Name? The Fortnite logo is created using a modified version of Burbank Big Condensed Black, which… Continue reading What Font Does Fortnite Use?
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+
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
How to Create a Layered Text Effect in Affinity Designer
If you love all sorts of Affinity Designer warp text effects, distorted text effects, or text effects in general, then follow this tutorial and improve your skills while learning to create a retro layered text effect that’s fully editable. Affinity Designer is good at creating an editable text effect, and it might impress you too… Continue reading How to Create a Layered Text Effect in Affinity Designer
What is the Maximalism Graphic Design Trend?
Maximalism in graphic design has evolved over the decades. A style that often comes off as a trend has long endured the battle against minimalist design. In this article, we take a look at the effect it’s had on other design trends and styles and give tips to help you create your own maximalist designs. … Continue reading What is the Maximalism Graphic Design Trend?
Best WordPress Block Plugins to Extend WordPress (Paid and Free)
There are tons of high quality free and paid WP block plugins that you can download today. WordPress continues to be a leading content management system, powering a significant portion of the web. A key feature that enhances WordPress’ functionality and user experience is its block editor, Gutenberg. Introduced to make content creation intuitive and… Continue reading Best WordPress Block Plugins to Extend WordPress (Paid and Free)