The AI that we are experiencing shows boundless possibilities. As designer roles evolve, repetitive tasks are being covered by Figma AI plugins. Let’s look at some updates to add to your workflow. Noah Levin (VP of Design in Figma), presenting Figma AI updates and prototypes In June 2023, Noah Levin Vice, President of Product Design… Continue reading 4 Figma AI Updates to Elevate Your Design Workflow
Category: Tutorials
You learn something everyday if you pay attention
Create Step-by-Step SVG Sprites in WordPress
* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;}#iy7g{background-color:rgb(243, 245, 246);} In previous tutorials, I’ve shown you how to create and work with inline SVG Sprites. Today, I’ll cover two ways to work with SVG Sprites in a WordPress theme: including an SVG in the document and using an external SVG file. Building an Admin Dashboard… Continue reading Create Step-by-Step SVG Sprites in WordPress
What is a modal? And how to build a CSS-only Modal
CSS has come a long way from its humble beginnings of basic styling. Thanks to the use of pseudo-classes, we’re now able to style elements based on certain behaviour. In this tutorial, we’ll be using the :target pseudo-class to build a modal element. What is a modal? A modal is an element displayed on top… Continue reading What is a modal? And how to build a CSS-only Modal
How to Reduce Grain in Photoshop
In this tutorial, we will walk you through how to remove grain from a photo in Photoshop. Image noise, or ‘grain’, can sometimes detract from the overall quality of your pictures, particularly in low-light conditions. However, with Photoshop’s advanced tools, it’s possible to significantly reduce this grain, resulting in cleaner, sharper images. Whether you’re a… Continue reading How to Reduce Grain in Photoshop
Still Don’t Understand GDPR Compliance?
GDPR isn’t a new concept anymore, but it can still be a lot of work to implement. Let’s explore the current best practices for abiding by these laws and regulations. Best Practices for GDPR Compliance Compliance with GDPR will take a minute to get put in place. So, take the following best practices one at… Continue reading Still Don’t Understand GDPR Compliance?
Your WordPress Theme Needs a Social Media Shortcode
Every site comes with social media profile links. Depending on its layout, these appear in different locations like header, footer, and sidebars. In this tutorial, we’ll learn how to create a WordPress social media shortcode that you can reuse in your themes. To configure the social links, we’ll extend the WordPress Customizer. Extend the WordPress… Continue reading Your WordPress Theme Needs a Social Media Shortcode
How to Add Pages in InDesign
Learn how to add pages in InDesign in this easy-to-follow guide. Whether you’re figuring out how to add a new page in InDesign or how to add many pages, this walkthrough will show you what to do. How to Add a Page in InDesign Step 1 Before we can dig into how to add pages… Continue reading How to Add Pages in InDesign
How to Open a PDF in InDesign
Can you open a PDF in InDesign? Yes! In this article, we’ll show you how to open a PDF in InDesign. Even better, we’ll walk through how to import a PDF into InDesign simply and easily. 1. How to Open a PDF File in Adobe InDesign Step 1 First, there are a few things you… Continue reading How to Open a PDF in InDesign
Easy Slider (Carousel With Pure CSS)
A carousel is a great example of a possible CSS-only interactive feature. While carousels (aka sliders) are usually built with JavaScript, if we remove the complex features, they’re simply scrollable elements with an overflow; exactly what CSS is made for. You might be thinking “CSS is used for styling while JavaScript is used for interactivity,… Continue reading Easy Slider (Carousel With Pure CSS)
Easy Slider (Carousel With Pure CSS)
A carousel is a great example of a possible CSS-only interactive feature. While carousels (aka sliders) are usually built with JavaScript, if we remove the complex features, they’re simply scrollable elements with an overflow; exactly what CSS is made for. You might be thinking “CSS is used for styling while JavaScript is used for interactivity,… Continue reading Easy Slider (Carousel With Pure CSS)
10 Best Free Video Editing Software for Beginners & Pros 2023
Video editing skills have become increasingly important in today’s digital age, allowing you to produce professional videos for platforms such as YouTube and TikTok. Whether you are a beginner looking to explore the world of video editing or a seasoned pro seeking budget-friendly options, there are numerous free tools available to suit your needs. In… Continue reading 10 Best Free Video Editing Software for Beginners & Pros 2023
20+ Beauty and Cosmetics HTML Templates
* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} Are you looking for a professional-looking website templates? Do you need to build or update your Beauty and Cosmetics website? Here’s a list of premium Beauty and Cosmetic HTML templates from Envato Elements and ThemeForest: Best HTML Templates for Beauty and Cosmetics Websites Viasun – Creative Cosmetic Store… Continue reading 20+ Beauty and Cosmetics HTML Templates
Why is my WordPress Website Stuck in Maintenance Mode?
Most websites require regular updates and up-keep to stay in good shape and keep performing optimally. Sites developed using WordPress are no different. In this tutorial, you will learn what maintenance mode is in WordPress and how you can get your site out of maintenance mode. We will also learn how to put a site… Continue reading Why is my WordPress Website Stuck in Maintenance Mode?
How to Blur in Photoshop
Blurring images in Photoshop is a great way to soften a picture, creating a stylized yet professional effect. It’s a commonly used tool for giving photos a dreamy or vintage look—but it’s also perfect for helping to focus a viewer’s attention on a certain subject. In this tutorial, you’ll learn how to blur a picture… Continue reading How to Blur in Photoshop
5 Best FREE WordPress Slider Plugins
Are you confused about picking the best slider plugin for your WordPress website? This article will help you out by providing a brief overview of some of the most popular options available. Sliders or carousels can be a useful addition to your website. They serve a lot of purposes such as showcasing featured content and… Continue reading 5 Best FREE WordPress Slider Plugins
20+ Best HTML Landing Page Templates
* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} Premium HTML Landing Page Templates Are you looking for an HTML template for your website? Envato Elements and ThemeForest feature tons of premium HTML Landing Page templates to get started fast! coloriT – Colorful Single Page HTML Template This landing page template is set up with built-in… Continue reading 20+ Best HTML Landing Page Templates
What is the Best Font for Your Brand?
“What is the best font?” It’s a question I often find myself asking with only seconds to spare. I’ll be putting the finishing touches on a graphic design project, animating the title of a video, or getting ready to press publish on a new blog and wonder, “What’s a good font I can use… right now?”… Continue reading What is the Best Font for Your Brand?
How to Invert Colors in Photoshop
In this quick tip, we’ll be discovering how to invert colors in Photoshop. Learning how to use Photoshop to invert colors is surprisingly helpful for a load of different photo effects and has some very practical uses as well. As always, there is more than one way to achieve the same result, so let’s take… Continue reading How to Invert Colors in Photoshop
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
Learn JavaScript Dates | Envato Tuts+
Dates and times run our daily lives. JavaScript has a built-in Date object which allows you to track and show the date and time in the user’s current time zone. This guide brings together tutorials that will teach you how to work with dates and times in JavaScript. JavaScript From Scratch Envato Tuts+ has some… Continue reading Learn JavaScript Dates | Envato Tuts+
How to Password Protect a Page in WordPress?
Are you worried about keeping your WordPress pages secure from unwanted visitors? Do you want to password protect your WordPress site webpages? Read on! By installing a WordPress plugin, you can password protect all of your webpages. Statistics show that nearly 70% of websites are prone to vulnerabilities, including data theft. This article will provide… Continue reading How to Password Protect a Page in WordPress?
Webflow to WordPress Migration: A Step-by-Step Guide
Transitioning from Webflow to WordPress can seem daunting, but it doesn’t have to be. In this step-by-step guide, we’ll walk you through the process of migrating your website with ease. Jump to sections in this tutorial: Why Migrate from Webflow to WordPress? Webflow and WordPress have their own differences, but migrating from Webflow to WordPress… Continue reading Webflow to WordPress Migration: A Step-by-Step Guide
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
The Ultimate Guide To WordPress Maintenance Mode: What You Need To Know
WordPress maintenance mode is a handy tool that makes behind-the-scenes website updates simple and helps strengthen your marketing efforts. This guide will explore everything about the WordPress maintenance mode, from setting it up to troubleshooting common issues. Importance of Maintenance Mode Maintenance mode functions as a safety net for your WordPress website. It creates an… Continue reading The Ultimate Guide To WordPress Maintenance Mode: What You Need To Know