Category: Tutorials

You learn something everyday if you pay attention

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)

Published
Categorized as Tutorials

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

How to Create a 2D Digital Clock with HTML, CSS, and Vanilla JavaScript

Wouldn’t it be fun to create your own beautiful Digital Clock with basic web technologies? This tutorial will cover how to create a faux-3D digital Clock with HTML, CSS, and Vanilla JavaScript.  Let’s get started! HTML Structure The HTML structure will consist of a rectangular container with a time display inside. The time display will… Continue reading How to Create a 2D Digital Clock with HTML, CSS, and Vanilla JavaScript

Best Personal Trainer Flyers (Ideas and Tips)

If you’re a personal trainer looking for high-quality templates to create your own flyers, check out this list of premium personal training flyer templates from Envato Elements and Placeit.   What Should Be Included in a Personal Training Flyer If you’re wondering what should be included in a personal training flyer, here are a few… Continue reading Best Personal Trainer Flyers (Ideas and Tips)

Published
Categorized as Tutorials

Fonts That Look Like Embroidery, Stitches and Fabric

Is there a font that looks like embroidery? Of course there is. You can find plenty of fonts that look like embroidery, as well as stitch and fabric fonts, at Envato Elements.  For one low monthly fee, this subscription-based marketplace offers tons of fonts, graphic templates, logos, add-ons, and more. Let’s take a look at… Continue reading Fonts That Look Like Embroidery, Stitches and Fabric

Embed Step-by-Step Chart.js Charts in WordPress

But, as I understand that not all of your projects require this specific layout, we’ll first explore how to create a simple dynamic WordPress chart. And most importantly, without using a single WordPress chart plugin! This tutorial expects that you are familiar with WordPress theme development and ideally with the Advanced Custom Fields (ACF) WordPress… Continue reading Embed Step-by-Step Chart.js Charts in WordPress

Learn How to Use SmartArt in MS Word

Are you looking for a way to make your Word documents more visual? Try adding SmartArt graphics for the perfect visual touch. This SmartArt graphic is waiting for text to be added. Use SmartArt in Word to communicate your idea with graphics. SmartArt comes with Microsoft Word. SmartArt can save you time when adding high-quality… Continue reading Learn How to Use SmartArt in MS Word

The Power of Album Cover Art: From the Earliest to the Most Controversial

Purple Rain and 2014 Forest Hills Drive are two albums that have some of the best album art of all time. In this article, I will share examples of album covers that caused controversy and discuss how the first ever album cover art was created. 1. The World’s First Album Cover Art A 23-year-old newly… Continue reading The Power of Album Cover Art: From the Earliest to the Most Controversial

Learn How to Build a Career as a Freelance Presentation Designer

What Is a Freelance Presentation Designer? What is a PPT designer, and what does it mean to be a freelance PowerPoint designer? Freelance presentation designers may offer their services for hire. They might also build presentation products for sale.  Many freelance PPT designers have left behind full-time presentation designer jobs. It’s common to “hang up… Continue reading Learn How to Build a Career as a Freelance Presentation Designer

4 Ways You Can Test Your Design System in Figma

Consistency is key for a successful UX design system. Learn about different ways to test your design system in Figma. Keeping consistency and efficiency across design projects is essential. A good UX design system must include all the elements that make up your brand’s visual and functional identity. As you may already know, one of… Continue reading 4 Ways You Can Test Your Design System in Figma

Create a Rotating Text Animation Effect With CSS Variables and JavaScript

In this new tutorial, we’ll learn how to create a rotating text animation effect using CSS variables and JavaScript. Although we can certainly build a simple text-changing animation in pure CSS, we’ll put in the loop JavaScript to make things more maintainable and effective.  Basic Text Rotating Animation We’ll define a h1 element where we’ll… Continue reading Create a Rotating Text Animation Effect With CSS Variables and JavaScript

How to Draw the Ghostbusters Logo

What You’ll Learn in This Illustrator Tutorial How to draw the Ghostbusters logo using the Pen Tool and Shape Tool What is the Ghostbusters font and how to incorporate it into the logo design How to illuminate the text with a glow just like the original Ghostbusters logo Some trivia about the… Continue reading How to Draw the Ghostbusters Logo

How to Make an Event Program in InDesign

Learn how to create a memorable event program with this Adobe InDesign tutorial. Throughout this tutorial, you’ll learn what to have in an event program template and how to make an awards event program template.  What You Will Learn in This Event Program Template Tutorial What to have in an event program template How… Continue reading How to Make an Event Program in InDesign

How to Create a Trendy Pixelated Effect in Photoshop

What You’ll Learn in This Photoshop Tutorial How to pixelate an image in Photoshop How to add a pixelated effect in Photoshop How to make pixel art in Photoshop How to create a pixel art oil painting effect How to make oil pixel art What You’ll Need To recreate the… Continue reading How to Create a Trendy Pixelated Effect in Photoshop

10 Fonts That Look Like Water

Need a font that looks like water splashes, water dripping, or other cool water effects? Check out these wavy, drippy, splashy water fonts from Envato Elements.  For one low monthly fee, this subscription-based marketplace offers tons of fonts, logos, graphic templates, add-ons, and more. Fonts That Look Like Water 1. Bryzhi Water Letters Font (OTF,… Continue reading 10 Fonts That Look Like Water

Published
Categorized as Tutorials

A Guide to Monthly Retainer Agreements for Web Designers

In this post, we’re going to explore how monthly retainer agreements work for web designers, the benefits, the challenges, as well as tips for helping you sell them to your clients. There are so many great things about being self-employed. But something I hear often is how much time designers end up spending on administrative… Continue reading A Guide to Monthly Retainer Agreements for Web Designers

7 Ways Inclusion Can Impact Productivity and Creativity

Did you know that inclusion can impact your team’s productivity and creativity?  Let’s go over some data-driven facts about inclusion in the workplace. Discover how it can positively impact your business!   Promoting an inclusive work environment can allow employees to thrive. Image source: Envato Elements Generating an inclusive work environment can allow everyone to thrive.… Continue reading 7 Ways Inclusion Can Impact Productivity and Creativity

10 Epic Photo Manipulation Tips and Tricks in Photoshop

Today, we’re going to dive into ten creative photo manipulation tips and tricks for Photoshop.  We’ll cover everything from extracting hair to painting blood, and we’ll explore a wide range of captivating photo effects, valuable tips, and versatile techniques. Whether you’re a digital artist, photo editor, or creative compositor, these are tools you’ll definitely want… Continue reading 10 Epic Photo Manipulation Tips and Tricks in Photoshop

How to Create the Sonic the Hedgehog Logo in Illustrator

Learn how to make the famous Sonic the Hedgehog logo from scratch with minimal font adjustments and a few simple appearances. This Sonic text effect is easy to achieve, and you can apply this style to create other bold logos in your projects. If you don’t have the time to learn how to draw Sonic… Continue reading How to Create the Sonic the Hedgehog Logo in Illustrator