Unfortunately, always displaying an alert takes up much-needed screen real estate. We can resolve this by making it dismissible. Today, we’ll build one from scratch using localStorage and JavaScript. What We’re Creating The example in this case is a primitive portfolio-like website with a footer, navigation, and content area. At the top of the viewport,… Continue reading Create a Dismissible Alert With JavaScript (and localStorage)
Category: Tutorials
You learn something everyday if you pay attention
15 Top Schedule Planners in Figma & Adobe XD to Download in 2022
Are you a designer creating apps or task management platforms? Helping your clients to keep a realistic schedule planner can change the way they manage their time. Create your own using a schedule planner template for Figma or Adobe XD. This is a great schedule planner template for Figma and Adobe XD. A well designed… Continue reading 15 Top Schedule Planners in Figma & Adobe XD to Download in 2022
20+ Best Dashboard UI Kits for Figma 2022
Whether you’re a professional designer or simply like to dabble, Figma is a fantastic platform for creating websites and apps for a wide variety of purposes. Where this tool really shines is in creating dashboards and user-interfaces for said websites and apps. With that in mind, we’ve taken the time to put together a collection… Continue reading 20+ Best Dashboard UI Kits for Figma 2022
15+ Best Figma Templates for UI and Web Designers
When creating a website or app, it’s essential to have a bunch of resources on hand to play with. That is, you don’t want to recycle the same old designs over and over again. Nor do you want to create the same designs everyone else is making – because they’re all working with the same… Continue reading 15+ Best Figma Templates for UI and Web Designers
A Beginner’s Guide to the Character Panel in Illustrator
In the following tutorial, you’ll learn everything you need to know about Adobe Illustrator’s Character panel. You can read this detailed written guide, and additionally, you can follow this new video from the Envato Tuts+ YouTube channel: What You’ll Learn in This Character Panel Illustrator Tutorial How to open the Character panel in Illustrator … Continue reading A Beginner’s Guide to the Character Panel in Illustrator
10 Best Real Estate Listing Plugins for WordPress
Are you having trouble finding a high quality real estate listing plugin for WordPress? Do you need a full-featured real estate plugin that helps make your real estate transactions more efficient? WPL Pro Real Estate is one of the many high quality MLS WordPress plugins on CodeCanyon Create a robust database of properties for your… Continue reading 10 Best Real Estate Listing Plugins for WordPress
How to Update UIkit Components
Here’s the demo page that we’re going to create to demonstrate things: Be sure to scroll down the page to notice how specific elements become sticky. As with other UIkit tutorials, familiarity with this framework will be beneficial to follow along. The Demo Project Our page will consist of the following sections: The header… Continue reading How to Update UIkit Components
Projectopia WordPress Project Management Plugin Review
Want to streamline how you manage client projects? Successfully delivering projects on time is all about being organized and cutting out obstacles to efficiency. For this to happen, everyone involved must be on the same page. Here is where Projectopia comes in handy! Projectopia is one of the best project management plugin for small businesses and freelancers who… Continue reading Projectopia WordPress Project Management Plugin Review
10 Best Exit Intent Popup Plugins for WordPress
Are you having trouble keeping visitors on your website? Do you want to boost your conversions and sales? ConvertPlus is one of the many high quality exit-intent WordPress plugins on CodeCanyon. Keep website visitors on your website and grow your business with exit intent WordPress plugins. These plugins will quickly improve your retention, sales, or… Continue reading 10 Best Exit Intent Popup Plugins for WordPress
Everything You Need to Know About Book Design
Are you interested in book design but don’t know where to start? You’ve landed in the right place. If you’re a book lover and you’ve always wondered how to design a book, here you’ll find a collection of resources and tutorials that will point you in the right direction. We’ll cover what book design is,… Continue reading Everything You Need to Know About Book Design
Make Smooth Transitions with Easing in Figma and After Effects
I love creating smooth transitions in Figma, both for concepts and final designs. But for extra finesse and control over easing types, you should export from Figma into Adobe After Effects and finish the job there—let me show you! Smooth(er) Transitions in Figma and Adobe After Effects Smooth transitions in apps and websites are where… Continue reading Make Smooth Transitions with Easing in Figma and After Effects
15 Fonts Similar to Lato (& Pairing Examples!)
What makes the Lato typeface such a popular font for designers? In this article, we will learn a little about Lato and its font history and introduce you to some Lato font alternatives, as well as a selection of font pairing choices. Check out Arthura, an alternative font choice to Lato from Envato Elements History… Continue reading 15 Fonts Similar to Lato (& Pairing Examples!)
10+ Best HTML Templates for NFT Websites 2022
Everything related to cryptocurrency and NFTs are extremely popular right now, which has motivated a lot of people to jump into the industry quickly. Because of this, the desire to make a website for promoting or selling NFTs is strong. Perhaps you want to make your own NFT marketplace? Or maybe you simply wish to… Continue reading 10+ Best HTML Templates for NFT Websites 2022
How to Implement Infinite Scrolling With JavaScript
What is Infinite Scrolling? Infinite scrolling is a feature used to dynamically load more content on a page once a user scrolls to the end of the page. The concept of infinite scrolling is used to load data from a server in a way that feels “seamless” to a user but doesn’t overload the server… Continue reading How to Implement Infinite Scrolling With JavaScript
What is a Font?
What is the definition of a font? What is the difference between a font and a typeface? These are some of the questions we will be seeking to answer today before sharing our top ten favourite examples of fonts from Envato Elements. What Is a Font? A font is a set of text characters, numbers,… Continue reading What is a Font?
How to Let Users Dynamically Change the Number of Posts per Page in WordPress
Consider the following scenario: you have a WordPress blog with hundreds of posts. On your blog archive page, six posts appear at a time. Of course, there’s pagination for moving between older and newer posts. But what if you want to give users the option to choose the number of posts they want to display… Continue reading How to Let Users Dynamically Change the Number of Posts per Page in WordPress
How to Use Procreate
The Procreate app has been taking the design world by storm. In this comprehensive guide, you’ll learn how to use Procreate to produce beautiful digital artwork and graphic design. We’ll go through a brief introduction to Procreate, and then we’ll look at Procreate brushes and where to download fonts for Procreate. And along the way,… Continue reading How to Use Procreate
Flyer Templates
Welcome to this comprehensive guide to flyer templates. We’ll look at what flyers are, why to use them, and how to create them. And we’ll also look at plenty of flyer design inspiration. Let’s get started! What Is a Flyer? At its most basic level, a flyer is a small sheet of paper containing printed… Continue reading Flyer Templates
Script & Handwritten Fonts
Script and handwritten fonts are a great way of giving your designs a strong personality. A playful script font is great for informal projects with a fun, energetic vibe, while a formal calligraphy font is great if you’re going for elegance and class. In this guide, you’ll learn what script and handwritten fonts are and… Continue reading Script & Handwritten Fonts
Guide to Serif Fonts
Welcome to the ultimate guide to serif fonts! Whether you’re new to the subject or a bit more experienced, this guide will help you out. We’ll start by explaining what a serif font is and when you’d want to use one, and then we’ll look at some different types of serif fonts and introduce you… Continue reading Guide to Serif Fonts
Brochure Templates
What is a brochure? Wondering how to make a brochure or where to find the best brochure templates? You’ll learn the answers to all those questions in this comprehensive guide. Let’s get started! What Is a Brochure? When a company wants to advertise its products and services, print brochures are a great option. They give… Continue reading Brochure Templates
Create a Simple Math CAPTCHA for Your Forms With PHP and JavaScript
In this new tutorial we’ll discuss a straightforward approach for reducing spam from form submissions. This technique will use PHP and JavaScript to block form submission until the user provides the correct answer to a simple math CAPTCHA. Here’s a quick video that demonstrates the expected functionality: It’s important to note that this is just… Continue reading Create a Simple Math CAPTCHA for Your Forms With PHP and JavaScript
How to Paint Watercolor in Procreate
This Procreate watercolor tutorial will teach you how to create a vibrant yet soft digital watercolor portrait in Procreate from scratch. We’ll explore different drawing techniques and textures to achieve an authentic watercolor look. Also, you’ll learn how to make your portrait expressive using colors and lines. Creating a watercolor portrait in Procreate is a… Continue reading How to Paint Watercolor in Procreate
16 Fonts Similar to Cern
Cern is a sans serif typeface you cannot miss. If you are looking for fonts similar to Cern to use in your next design project, then you’ve come to the right place. In this article, we will introduce you to some fonts like the Cern typeface, which will be a great addition to your font… Continue reading 16 Fonts Similar to Cern