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?

Exploring 3D Effects with 2D Optical Illusions

Today we will explore how to create an engaging animation using simple CSS and an animation library, like GSAP, to achieve a 3D effect through basic optical illusions. While many of these animations can be crafted using plain CSS, I prefer utilizing JavaScript (GSAP) for its efficiency, allowing me to produce the desired effects swiftly… Continue reading Exploring 3D Effects with 2D Optical Illusions

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

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

UX leadership is failing, multi-brand design systems, proxies in UX

Weekly curated resources for designers — thinkers and makers. “What is the effect of constant exposure to information on our attention? Who benefits from a dramatic change in our attention, and when and why has this happened? One hypothesis is that companies have created an ecosystem to encourage continual consumption of information, and they profit from our addiction… Continue reading UX leadership is failing, multi-brand design systems, proxies in UX

Deque’s fourth annual axe-con does it again with nearly 30k digital accessibility champions in attendance

Axe-con is a digital accessibility conference that took place virtually February 20-22, 2024. Over 75 experts from companies such as Adobe, ADP, Amazon, GitHub, Hilton, HSBC, PNC, Proctor and Gamble, Ubisoft, and more shared their expertise on what it takes to build and expand upon digital accessibility efforts in this rapidly expanding space. During the… Continue reading Deque’s fourth annual axe-con does it again with nearly 30k digital accessibility champions in attendance

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

Company culture is more than just office perks

How product culture and company culture are intrinsically related. Image by Creative Lab @ scop.io “Company culture is the backbone of any successful organization.”—Gary Vaynerchuk A goal is something to aim at Company culture is a powerful hiring magnet and a common discussion topic both in- and outside of companies. It starts with providing good environment and… Continue reading Company culture is more than just office perks

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

15 Great Tools & Resources for Designers & Agencies in 2024

Posted · Category: Design, Tools It’s 2024 and the number of web design resources and tools on the market seems overwhelming. That’s good news since you need the right tools and resources to come up with competitive designs. The bad news is, rather than sifting through thousands of products to get the ones that best… Continue reading 15 Great Tools & Resources for Designers & Agencies in 2024

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