Tutorials

15 Best Lingerie, Swimwear, and Bikini Shopify Themes 2022

Creating an online store is an excellent way to reach more customers. And what better platform to create an online store with than Shopify? Shopify is easy to use and allows you to build an online store quickly — without any coding. What’s more, there are numerous Shopify themes available for online stores that have… Continue reading 15 Best Lingerie, Swimwear, and Bikini Shopify Themes 2022

Best UX Research Repositories for 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;} Trying to make sure your product, app, website, and/or designs meet the needs of your target audience is of course essential to success. These days, there are loads of tools to help you test your assumptions against your users to see which elements are working and which… Continue reading Best UX Research Repositories for 2022

Smart Sizing in CSS With Container Query Units

by Adi PurdilaFeb 12, 2022 Read Time:1 minLanguages:English Adi Purdila is a web design instructor for Tuts+. With over 100 courses and 200 tutorials published to date, Adi’s goal is to help students become better web designers and developers by creating content that’s easy to follow and offers great value. Being self-taught himself, Adi… Continue reading Smart Sizing in CSS With Container Query Units

How to Remove Green Screen in Photoshop

Today we will be looking at how to remove green screen in Photoshop! Using only built-in auto-select tools and a few adjustment layers, you can perform a quick and simple background swap on any green screen photo. In a hurry? Swap backgrounds, automate your workflow, and chroma key in Photoshop using one of the thousands… Continue reading How to Remove Green Screen in Photoshop

42 Best Graffiti Tattoo Fonts (Lettering Fonts to Download)

If you’re looking for a font to make your tattoo really pop, try a graffiti tattoo font. Today we will look at the best graffiti tattoo lettering found at Envato Elements and GraphicRiver. Unlimited Graffiti Tattoo Fonts at Envato Elements For premium graffiti tattoo fonts, look no further than Envato Elements. Elements offers thousands… Continue reading 42 Best Graffiti Tattoo Fonts (Lettering Fonts to Download)

How to Create a WooCommerce Product Table for Free

* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} People set up an eCommerce store in the hope of selling as many of their products as possible. This requires a lot of work on your part—from choosing the right platform to promoting your store. Simply creating a store will not automatically bring in sales. You will… Continue reading How to Create a WooCommerce Product Table for Free

45+ Best Stationery Mockup Templates (Branding Mockups)

Looking for gorgeous stationery mockups to show off your latest designs? Check out these 45+ stationery mockup templates from Envato Elements and Placeit. You’re bound to find just what you need. Unlimited Stationery Mockup Downloads at Envato Elements When you need a stationery branding mockup, head over to Envato Elements. It offers thousands of premium… Continue reading 45+ Best Stationery Mockup Templates (Branding Mockups)

How to Conform to WCAG (Web Content Accessibility Guidelines) in 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;} WCAG (the Web Content Accessibility Guidelines) make the web a more accessible place for everyone. They’re written for web content, not email content, but as the two have a lot in common, conforming to WCAG lays a good foundation for applying accessibility to email. So, how do… Continue reading How to Conform to WCAG (Web Content Accessibility Guidelines) in Email

17 Fonts Similar to Oswald

* { 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 in love with Oswald’s clean, modern style? Are you wondering what font is similar to Oswald that you can use in your next project? Try Bamba Grotesk if you’re looking for the font most similar to Oswald. Today, we’re going to look at the history… Continue reading 17 Fonts Similar to Oswald

How to Use assert() 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;} In this article, I’ll teach you about the assert() function in PHP. I will teach you what exactly it is, how it works, and the right context to use it in your code. Along the way, I’ll use simple example code snippets that will help you to… Continue reading How to Use assert() in PHP

Add Days to a Date With PHP DateInterval

* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} PHP has a lot of methods and functions to help you manipulate dates in a variety of ways. In this quick tip, I will show you how to add days to a date in PHP using the DateInterval class. We will begin with an overview of DateInterval… Continue reading Add Days to a Date With PHP DateInterval

Pop and Shift Arrays With PHP: When to Use Each One

* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} PHP has a lot of built-in array functions to help with many common tasks. The presence of so many functions, though, can also be a bit overwhelming because sometimes you have to keep the slight differences between these functions in mind. It is also possible to use… Continue reading Pop and Shift Arrays With PHP: When to Use Each One

Read a CSV to Array 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;} In this post, I’ll show you how to use PHP’s built-in functions to read and print the contents of a CSV file and convert it into an array. We’ll use fopen() and fgetcsv() to read the contents of a CSV file, then we’ll convert it into an… Continue reading Read a CSV to Array in PHP

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?

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