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

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

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 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

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

How to Create an Expanding Search Input with HTML, CSS, and JavaScript

As a designer, you can enhance the user experience of a website or mobile application by adding subtle animations to its components. One such component is a search input box. This tutorial will cover how to create an expanding search input; one which expands when a user clicks on a search icon. You’ll find this… Continue reading How to Create an Expanding Search Input with HTML, CSS, and JavaScript

Create a Currency Converter with HTML, CSS, and Vanilla JavaScript

Let’s create a fully functional currency converter application using HTML, CSS, and vanilla JavaScript. By the end of this tutorial, we will have a responsive currency app that fetches real-time data with the Exchange Rate API and presents it in a user-friendly interface. HTML Structure Our currency application will have a simple interface containing :… Continue reading Create a Currency Converter with HTML, CSS, and Vanilla JavaScript

How to Create 5 Space Effects in Photoshop

In today’s tutorial, we’ll learn how to create five different spaced-themed Photoshop effects. We’ll cover how to create a galaxy in Photoshop, as well as several different Photoshop sci-fi brushes, an alien spaceship, and an entire planet. Let’s get started!  What You’ll Learn in This Photoshop Tutorial How to create a planet in Photoshop … Continue reading How to Create 5 Space Effects in Photoshop

All the Zelda Logos & How to Create the Triforce Logo

Whether you prefer the Zelda Ocarina of Time logo, the Twilight Princess logo, or the Majora’s Mask logo, which are all unique and beautiful, this tutorial is a great opportunity to learn new techniques whilst creating your own Zelda logo, Triforce! Before jumping in, we’ll briefly learn more about this iconic game series and discuss… Continue reading All the Zelda Logos & How to Create the Triforce Logo

Using Figma variables for breakpoints

The hunt to find more use cases for local variables. At this point in 2023, almost all UX UI designers who use Figma should know about one of Figma’s biggest features of this year, local variables. Something I have continued to struggle with since its initial launch this past summer is how to actually apply… Continue reading Using Figma variables for breakpoints

How to Add Audio to PowerPoint (Free PowerPoint Template Included)

Want to get your audience to listen? Audio is a powerful attention-getter for your presentation. You can use it to share quotes, play background music, include other voices in your presentation, and more. Get this free PowerPoint template from Envato Elements to learn how to add sound to PowerPoint. (Background image from Envato Elements) The… Continue reading How to Add Audio to PowerPoint (Free PowerPoint Template Included)

How To Create a WordPress Child Theme

By building a child theme you’ll preserve all your custom styles and functions through every theme update, ensuring your site retains its unique charm. Create a child theme on your WordPress website by setting up a new directory and then adding a style.css file to hold your custom designs.  Then, with a bit of coding… Continue reading How To Create a WordPress Child Theme

How to Make a Neon Text Effect in Affinity Designer

Are you interested in a simple and editable neon text effect that you can apply to other fonts and icons, including the Beat Saber logo? Stay tuned until the end to find it! If you don’t have the time to learn how to make a neon sign text effect, you can always try Envato Elements,… Continue reading How to Make a Neon Text Effect in Affinity Designer

6 Smartphone Overhead Tripods for Perfect Top-Down Videos

If you’re into food blogging or product photography, capturing the perfect shot often means shooting from above. Overhead photography brings focus to your subject by eliminating extra dimensions. But, snapping those perfect 90-degree overhead shots isn’t always straightforward, especially when using a smartphone. To nail those top-down photos, you need a reliable overhead tripod. While… Continue reading 6 Smartphone Overhead Tripods for Perfect Top-Down Videos

Name/Role/Value – Whose Role Is It Anyway?

Welcome to the next edition of my Design Strategy blog series. Today, I’m sharing a client story with the hope that y’all will focus on thinking about WHY you should do things differently so that your program can rapidly mature and scale quickly. I will once again skip the “how-to” article formula and dry laundry… Continue reading Name/Role/Value – Whose Role Is It Anyway?

Create growth experiments to persuade teams to invest in user-requested features

How to persuade teams to invest in new features requested by users Kai Wong · Follow Published in UX Collective · 7 min read · 10 hours ago — Share Art by midjourney I learned to appreciate Growth Experiments when I convinced my team to finally build a new feature users constantly requested. In an… Continue reading Create growth experiments to persuade teams to invest in user-requested features

2 Ways to Create and Display Footer Widgets in WordPress

Here’s our initial static demo that we’re going to convert into a WordPress theme (the colors have been changed for the WordPress version): Make a Plan For this demonstration, we’ll create a new simple custom WordPress theme (Playground). Its file structure will look like this: The theme structure We’ll host it on a GitHub… Continue reading 2 Ways to Create and Display Footer Widgets in WordPress

How to Create a Multilingual Website: A Step-by-Step Guide

The importance of multilingualism on the web can’t be overstated. As businesses aim to reach wider audiences across the globe, having a website that speaks the language of your visitors isn’t just nice-to-have anymore—it’s a necessity. For that reason we’ve created this guide to walk you through the process of creating your own multilingual website,… Continue reading How to Create a Multilingual Website: A Step-by-Step Guide

How to Create and Upload a PNG Logo in WordPress

Struggling to create a PNG logo for your WordPress site? Not sure how to upload your PNG logo to WordPress? You can easily create a logo in the popular design software Adobe Illustrator and Canva. Creating and adding a logo may seem difficult, but it’s much easier than you think. This step-by-step guide will break… Continue reading How to Create and Upload a PNG Logo in WordPress

How to Build Your Own AI With ChatGPT API

OpenAI, the team behind ChatGPT, recently expanded upon their API and added ChatGPT. This means that you can call their API, get responses directly from ChatGPT, and include the responses in your own application. The API lets you integrate artificial intelligence into your own application. You can use it to build a question and answer… Continue reading How to Build Your Own AI With ChatGPT API

How to Create the Mandalorian Inspired Photo Effect

If you’re a fan of the Star Wars universe, you cannot miss this tutorial! We’ll transform a generic helmet into a Mandalorian-inspired helmet. We’ll also create a dramatic sky-to-space effect using just one setting and create a sci-fi cinematic teal-orange color grade.  Prefer to watch a video? Then don’t miss this new video from the… Continue reading How to Create the Mandalorian Inspired Photo Effect

How to Create a Double Exposure Effect in Affinity Photo

In this tutorial, we will be learning how to create a double exposure in Affinity Photo. We’ll just need two photos and a few layer masks and adjustments for it to all come together in only a few steps. And thanks to being able to nest and create multiple masks, creating a double exposure in… Continue reading How to Create a Double Exposure Effect in Affinity Photo