Tutorials

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

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)

Webflow SEO: Best Practices for Optimizing Your Site

Webflow is, for many, the best no-code tool for building websites. But it’s also a platform that brings the power of SEO into the hands of designers and developers alike. With its robust features, from SSL certificates to custom page slugs and beyond, Webflow equips you to push your site up the search rankings. But… Continue reading Webflow SEO: Best Practices for Optimizing Your Site

10 Wonderfully Retro Web Design Trends Making a Comeback

Flares. Mullets. VHS. You may remember them the first time around (and hoped you’d seen the back of them), but they’re officially back! And whatever your views are on the matter, the same can be said for web design trends. Yes, we now have so much more technology at our fingertips than we did back… Continue reading 10 Wonderfully Retro Web Design Trends Making a Comeback

How to Draw a Dolphin in Illustrator

Dolphins are intelligent and complex creatures. They use sounds, gestures, and unique signature whistles to communicate and identify each other, making them intriguing and beautiful subjects for drawing. Whether you’re interested in dolphins or simply want to improve your Illustrator skills with beginner-friendly tutorials, this guide to drawing a dolphin is perfect for you. Feel… Continue reading How to Draw a Dolphin in Illustrator

The Best WooCommerce WordPress Block Plugins

Struggling to enhance your WooCommerce store’s appeal and functionality? Ever explored how block plugins could transform your store’s design and user experience? In this article, we’ll cover the role of block plugins in WooCommerce, criteria for choosing the best ones, and introduces top recommended WooCommerce block plugins. There are tons of high quality WooCommerce WP… Continue reading The Best WooCommerce WordPress Block Plugins

What is Envato AI ImageGen?

Envato AI ImageGen is the first feature available on Envato Labs, the testing ground for new AI features that are being created for Envato Elements subscribers. (Hint: be on the lookout for more features soon!) ImageGen is Envato’s new text-to-image generator designed to help Envato Elements subscribers generate unique, high-quality images for their projects using… Continue reading What is Envato AI ImageGen?

Learn These Viewport-Relative CSS Units (100vh, 100dvh, 100lvh, 100svh)

In this tutorial, we’ll cover the challenges when working with the classic 100vh unit for making full-screen sections and discuss some great alternative CSS units. Hero or full-screen sections are an integral part of UI design. They exist in different kinds of websites, from landing pages to portfolio websites, and aim to grab visitors’ attention… Continue reading Learn These Viewport-Relative CSS Units (100vh, 100dvh, 100lvh, 100svh)

Learn These Viewport-Relative CSS Units (100vh, 100dvh, 100lvh, 100svh)

All About the Star Wars Fonts (Including the Mandalorian Font and Beyond)

A long time ago, in a movie studio quite far away, George Lucas and his team produced the first Star Wars movie in 1977. Today, with a slew of popular movies and TV series having been produced across almost half a century, Star Wars typography has become iconic. Today we’re taking an X-wing-fighter ride through… Continue reading All About the Star Wars Fonts (Including the Mandalorian Font and Beyond)

How to Build a Design System Repository

Design systems can actively make life easier for designers and developers alike. They’re like your favorite recipe book, but instead of lasagna and chocolate chip cookies, it’s packed with color palettes, typography, and UI components that everyone on the team can whip up into stunning interfaces. Having everything related to design in one place —… Continue reading How to Build a Design System Repository