Every now and then, you will have to show an alert box to your users to let them know about an error or notification. The problem with the default alert boxes provided by browsers is that they are not very attractive. When you are creating a website with great color combinations and fancy animation to… Continue reading Creating Pretty Popup Messages Using SweetAlert2
Category: Tutorials
You learn something everyday if you pay attention
Creating a Future-Proof Responsive Email Without Media Queries
What You’ll Be Creating Using this method you can create an email that has responsiveness baked in to the layout, without any need for CSS or media queries in the <head>, so that even in the worst case scenario of email rendering, your layout will remain intact. Is Developing HTML Email Still Hard? HTML email has… Continue reading Creating a Future-Proof Responsive Email Without Media Queries
34 Best Slab Serif Fonts (Ready to Download Now)
If you’re looking for stylish, eye-catching fonts, then a slab serif typeface might be just what you’re looking for. What is the slab serif font classification? Stay tuned and we’ll break down what makes this classification such a well-loved addition to any designer’s font collection. We’ll also check out a collection of inspiring slab serif font examples… Continue reading 34 Best Slab Serif Fonts (Ready to Download Now)
How to Make a Good Thumbnail for YouTube (With YouTube Thumbnail Ideas)
Your YouTube thumbnail is often the first thing a potential viewer sees when browsing YouTube, so it’s critical that it grabs their attention and tells them exactly what they’ll get when they watch your video. Just one of the many terrific YouTube thumbnail templates you can find at Placeit.net If you want to know everything… Continue reading How to Make a Good Thumbnail for YouTube (With YouTube Thumbnail Ideas)
What Is Expressive Typography?
In this tutorial, we’ll look at how to express emotion through typography by exploring the premise of expressive typography. These techniques can help you make stronger font choices and more communicative design choices, too. We’ll take a look at some expressive typography examples and explore how you can use these concepts in your own work. Soap Bubbles Photoshop… Continue reading What Is Expressive Typography?
25 Best Modern Logos With Simple Designs (Creative Examples for 2021)
If you’re looking for modern logo ideas, there’s no better place to find the best simple logo inspiration than by looking to current logo trends. Here’s One of Our Cool Logo Designs From Envato Elements Today we’ll take a look at five of the hottest trends in best modern logo styles and show you a… Continue reading 25 Best Modern Logos With Simple Designs (Creative Examples for 2021)
How to Make a Minecraft Twitch Overlay
What You’ll Be Creating In this tutorial, we’re going to make a Minecraft Twitch overlay template. We’ll use screenshots from the game to create a custom stream overlay that you can use on Twitch or any other platform you prefer. You will need Minecraft, Adobe Photoshop, and streaming software of your choice. The result is a Minecraft… Continue reading How to Make a Minecraft Twitch Overlay
30 Best Printable Digital Scrapbook Paper (New for 2021!)
Looking for an exciting collection of scrapbook paper for your latest project? Just one of the 30 best digital scrapbook papers available at Envato Elements Today I’ll show you 30 of the coolest printable scrapbook papers available in 2021. Whether you’re into traditional scrapbooking and looking to download and print new and exciting papers or want… Continue reading 30 Best Printable Digital Scrapbook Paper (New for 2021!)
How to Make a Brochure
Brochures may be one of the oldest marketing tools, but they’re a tried and tested technique that all sorts of businesses use to reach potential customers. A poorly designed brochure might be tossed in the trash, but a creative and beautiful one will be kept and pored over and can directly lead to sales for… Continue reading How to Make a Brochure
What Fonts Are Trending Now and Font Trends for 2021
With the end of the year fast approaching, it’s time for some fresh font trends. Next year looks set to be an eclectic and eccentric melting pot of type trends, with kinetic typography, distorted fonts, and Alpine display styles being just a few of the diverse and exciting font categories set to make their mark… Continue reading What Fonts Are Trending Now and Font Trends for 2021
The Rise of the Sans Serif
In this article, we’ll take a look at the history of sans serif typefaces. You’ll learn what makes them great and discover some wonderful options to consider for your next project. In the last few years, there has been a big shift in branding. Many high-profile companies have redesigned their logos and replaced classical serifs… Continue reading The Rise of the Sans Serif
How to Use Figma’s New Auto Layout Features
In this video I’ll show you how Figma’s new and improved Auto Layout features make designing responsive components and layouts easier than ever! Figma’s original Auto Layout features were introduced in December 2019–and now, almost a year later, Auto Layout has been completely reimagined, rebuilt and is (in my opinion) much better. Watch the Video… Continue reading How to Use Figma’s New Auto Layout Features
Uploading Files With AJAX
I can’t seem to reach the end of the fun stuff you can do with web technologies. Today, I’m going to show you how to upload files via AJAX. First, we’ll see how to upload files using vanilla JavaScript. And later on, I’ll show how you could use the DropzoneJS library to implement drag-and-drop file uploads. Looking… Continue reading Uploading Files With AJAX
Common React Native App Layouts: Login Page
In this series, you’ll learn how to use React Native to create page layouts commonly used in mobile apps. The layouts you’ll be creating won’t be functional—instead, the main focus of this series is to get your hands dirty in laying out content in your React Native apps. If you’re new to laying out React… Continue reading Common React Native App Layouts: Login Page
13 Cost, Quote, and Estimate Calculators for WooCommerce for 2021
Do you want to make it easier for customers to get a quote or an estimate? Adding quote or estimate calculator plugins to your website helps customers make quick decisions and brings you fast business. WordPress calculator plugins make it easy to create quote and estimate forms so visitors can get instant cost estimates. That… Continue reading 13 Cost, Quote, and Estimate Calculators for WooCommerce for 2021
20+ Best Custom Twitch Emotes (Using a Twitch Emote Maker)
Want to give your viewers an incentive to subscribe to your Twitch channel? Offer them your own custom Twitch emotes. Don’t know how to make Twitch emotes? One of the many awesome Twitch emotes you can find at Placeit Well, that’s what this article is all about. Here, you’ll not only learn how to make… Continue reading 20+ Best Custom Twitch Emotes (Using a Twitch Emote Maker)
How to Use PHP in HTML
In this article, I’ll show you how to use PHP code in your HTML pages. It’s aimed at PHP beginners who are trying to strengthen their grip on the world’s most popular server-side scripting language. Again, PHP is a server-side scripting language. That means a PHP script is executed on the server, the output is… Continue reading How to Use PHP in HTML
35 Best Minimalist Fonts (Clean Modern Fonts to Download Now)
When you’re working on a minimalist design, you need just the right font to complement your work and bring all the elements together. That’s why we’ve created this list of the 35 best minimalist fonts you can find at Envato Elements and GraphicRiver. Unlimited Font Downloads at Envato Elements Envato Elements offers a stunning collection of the best minimalist… Continue reading 35 Best Minimalist Fonts (Clean Modern Fonts to Download Now)
How to Use Map, Filter and Reduce in JavaScript
Functional programming has been making quite a splash in the development world these days. And for good reason: Functional techniques can help you write more declarative code that is easier to understand at a glance, refactor, and test. One of the cornerstones of functional programming is its special use of lists and list operations. And… Continue reading How to Use Map, Filter and Reduce in JavaScript
CSS Charts: How to Create an Organizational Chart
In previous tutorials we’ve learned how to create different types of charts including bar charts, thermometer charts, and donut charts. Today we’ll continue this journey by building a CSS-only organizational chart. Ready to test your CSS skills? The Organizational Chart We’re Building Here’s the CSS chart we’ll be creating: It consists of four levels and… Continue reading CSS Charts: How to Create an Organizational Chart
Create a PHP Login Form
A user login and registration system is super helpful when we want to store information about the users of our website. This applies to everything from educational websites which might store course progress and marks to e-commerce websites which will store information about customers’ past purchases. In this tutorial, I’ll teach you how to create… Continue reading Create a PHP Login Form
How to Use ARIA Roles, Properties, and States in HTML
In this beginner’s accessibility tutorial we’re going to learn what ARIA is, why it is necessary to write our HTML with ARIA in mind, what ARIA roles, properties, and states are, and (very importantly) the 5 rules of ARIA use. What is ARIA? ARIA stands for Accessible Rich Internet Applications and it was created by the World… Continue reading How to Use ARIA Roles, Properties, and States in HTML
34 Best Modern Sans Serif Fonts (Ready to Download Now)
Looking for modern sans serif fonts for your next design project? Whether you fancy thin modern fonts or modern bold fonts, this list is full of some of the best modern fonts to download now. Download modern sans serif fonts, like this sans serif font family on Envato Elements. Sans serif fonts have only continued to grow in… Continue reading 34 Best Modern Sans Serif Fonts (Ready to Download Now)
How to Paint Watercolor Flowers in Clip Studio Paint
What You’ll Be Creating If you want to learn how to paint watercolor flowers digitally, in this tutorial I’ll show you how to make a watercolor effect in Clip Studio Paint. I’ll show you what brushes to use, how to shade the flowers, how to create a watercolor edge, and how to finish it all… Continue reading How to Paint Watercolor Flowers in Clip Studio Paint