Tutorials

10 Best Cross-Browser Testing Tools for Testing Websites in 2022

* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} If you’ve recently designed or redesigned your website, you’re probably planning for a big launch. But before you launch or relaunch your website, it’s important to test your website across various browsers. Now, this may sound intimidating, given how many browsers there are on the market. The… Continue reading 10 Best Cross-Browser Testing Tools for Testing Websites in 2022

20 Best Sans Serif and Serif Font Combinations (Sophisticated Font Pairings)

* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} Looking for new sans serif and serif fonts combinations? In this article, you’ll find the best font family combinations. Fonts are a key component for communicating a message. Serif and sans serif fonts are the most well-known groups of typefaces. Learn how to combine serif and sans… Continue reading 20 Best Sans Serif and Serif Font Combinations (Sophisticated Font Pairings)

How to Build a Responsive Slider With Swiper.js

* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} Have you ever built an advanced slider for a project? If so, you might have taken advantage of any one of a number of JavaScript carousels. In the past, I’ve covered two of them: slick and Owl. Today, I’ll introduce another well-known one: Swiper. Ready to learn… Continue reading How to Build a Responsive Slider With Swiper.js

16 Fonts Similar to Eurostile

* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} Wondering what fonts are similar to Eurostile LT Std? We have a great list of substitutions for the popular science fiction font. Eurostile has been known for its popular uses: technology-based branding and science fiction artwork. Watch any TV show and movie from the 60s and 70s,… Continue reading 16 Fonts Similar to Eurostile

20 Best Script Font Pairings (Fonts That Pair Well With Script)

* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} Wondering which fonts pair well with script? Read on to find some awesome handwritten font combinations. Handwritten font combinations are a huge trend. They are versatile and can go from elegant to super casual. We’ve chosen a few script fonts from Envato Elements’ big library and found… Continue reading 20 Best Script Font Pairings (Fonts That Pair Well With Script)

Fixing Problems With Borders in Dark Mode (Email Design)

* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} Borders aren’t always treated the same as other elements when it comes to emails in Dark Mode. In this article I’ll take you through what is happening to your borders, as well as how fix any problems you’re having with them. Top Email Templates on Envato Elements… Continue reading Fixing Problems With Borders in Dark Mode (Email Design)

How to Create a Trendy Neon and Oil Spill Rainbow Poster

What You’ll Be Creating * { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} In this tutorial, you’ll learn how to make a Y2K style poster with an oil spill rainbow background that will make you want to step out of the box. We’ve said it over and over again—trends are made to come back. The Y2K… Continue reading How to Create a Trendy Neon and Oil Spill Rainbow Poster

What is HTML Email?

* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} In this quick explainer, I’ll clear up any doubts or questions you have about HTML emails, how to create them, and how to send them. What is HTML Email? Your email program or service can send and receive emails in two formats; plain text and HTML. Plain… Continue reading What is HTML Email?

The 9 different types of graphic design

A big field with many different creative niches: that’s what graphic design really is. It’s important to know the types of graphic designers out there as we aren’t all the same. Each has a specialized skill set that can help customers achieve their goals. We’ll take a look at the different types of graphic design… Continue reading The 9 different types of graphic design

How to Import Brushes Into Sketchbook Pro

What You’ll Be Creating * { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} If you want to add new brushes for Sketchbook Pro, you need just a few steps! In this short tutorial I’ll show you how to import brushes into Sketchbook Pro using my own custom Sketchbook brush pack. Disclaimer: this method works only for… Continue reading How to Import Brushes Into Sketchbook Pro

PHP Type Casting: A Complete Guide

* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} When you are writing a program, you will need to create and manipulate multiple variables. These variables might store the same or different types of data. For example, some of them could have an integer value while others could be a string or float. Different programming languages… Continue reading PHP Type Casting: A Complete Guide

Functional Programming in PHP With Lambda Functions

* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} One of the nice things about programming is that the same problem can be solved using multiple methods. This allows people to show their creativity and come up with incredibly efficient and unique solutions. Examples of this can be seen in action when you look for programs… Continue reading Functional Programming in PHP With Lambda Functions

Most Elegant Luxury Fonts (Stylish Classy Fonts to Download)

If you’re curious about what fonts yell luxury, check out this collection of the best elegant fonts available from Envato Elements. 1. Rollgates Luxury Font (OTF, TTF) Rollgates Luxury Font Rollgates Luxury font is classic, elegant, and modern. The medium contrast between the thick and thin strokes accentuates the richness that it represents. Use this… Continue reading Most Elegant Luxury Fonts (Stylish Classy Fonts to Download)

How to Build a UIkit Lightbox With Dot Navigation

* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} Have you ever worked with the UIkit front-end framework? Its current version at the time of writing is 3.9.4, and in the next few months, YOOtheme (the team behind it) plan to release v4. This isn’t the first time I’ve written about UIkit; some years ago, while still… Continue reading How to Build a UIkit Lightbox With Dot Navigation

How to Curve Text in Procreate

What You’ll Be Creating * { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} In this tutorial, you’ll learn how to curve text in Procreate. I’ll explain everything in so much detail that everyone can curve text in Procreate, even those who have just opened Procreate for the first time. What You Will Learn in This Procreate… Continue reading How to Curve Text in Procreate

How to Make a Risograph Texture Effect

What You’ll Be Creating * { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} Today we will be learning how to make risograph effects in Photoshop using just two gradient maps and one layer mode, along with a couple of layer styles. Add a riso print texture to finish everything off, and you have the perfect 90s… Continue reading How to Make a Risograph Texture Effect

Understanding Static Functions and Static Classes in PHP

* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} Static functions and static classes can be easily accessed without necessarily creating an instance of that class. This helps keep your code clean and organized. In this post, you’ll learn about the static keyword and how it is applied on functions and classes to make them static.… Continue reading Understanding Static Functions and Static Classes in PHP

15 of the best WordPress plugins for your website (free and paid)

With tens of thousands of free and premium WordPress plugins available, it can be hard to know which ones to use on your website. You might also be wondering which ones you actually need since there’s a plugin for everything (as well as for tons of scenarios and functionality you might never have imagined). Jump… Continue reading 15 of the best WordPress plugins for your website (free and paid)

How to Create a HubSpot Email Signature

* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} HubSpot is an invaluable marketing and managing assistant that you can use to improve your online business. It helps you analyze your website’s performance, manage your contacts, send marketing emails, boost sales, and more. In this tutorial I’ll explain how you can set your HubSpot email signature,… Continue reading How to Create a HubSpot Email Signature

45 Best Bakery Templates (Brochures, Flyers, Logos, and More)

If you’re opening a bakery, you’re going to need loads of resources like brochures, flyers, and menus to promote your business successfully. You can find a wonderful collection of bakery brochure ideas at Envato Elements. Today we will showcase 45 of the best templates you can find there. Unlimited Bakery Template Downloads at Envato Elements… Continue reading 45 Best Bakery Templates (Brochures, Flyers, Logos, and More)

How to Add Fonts to Sketchbook Pro

* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} If you want to learn how to add fonts to Sketchbook Pro, in this short tutorial I’ll show you how to do it on two systems: Windows and Mac. You’re just a few steps away from expanding the Sketchbook Pro font library with some amazing fonts! And… Continue reading How to Add Fonts to Sketchbook Pro

The A-Z of Adobe Lightroom Classic for Photography

Adobe’s Lightroom Classic is an immensely powerful tool for photographers to cull, edit, and share their photos. In this tutorial, we’re going to look at all kinds of little tips and tricks that will help you get the most out of this photo-editing application. You can also learn the basics of the Lightroom photo editor… Continue reading The A-Z of Adobe Lightroom Classic for Photography

How to Create a Monogram Pattern

What You’ll Be Creating * { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} In the following tutorial, you will learn how to create a monogram in Illustrator using basic vector shapes. Once you’ve finished creating it, you will learn how to use it to create monogram background patterns. If you don’t have the time to learn… Continue reading How to Create a Monogram Pattern

Animal Logo Design: Animal Symbolism in Branding (With Examples)

* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} In this article, we touch on the different animal symbolisms and why brands opt to use animal-themed logos. Animal symbolism is based on each animal’s traits and stories from different cultures. It’s easy for people to form an emotional bond with a living thing. Animal logos are… Continue reading Animal Logo Design: Animal Symbolism in Branding (With Examples)