Category: Tutorials

You learn something everyday if you pay attention

How to Customize Contact Form 7 for WordPress: Checkboxes and Radio Buttons

In the past, we’ve discussed different customizations of the WordPress Contact Form 7 (CF7) plugin. Today, we’ll learn how to build custom checkboxes and radio buttons with this plugin. Sound like a good exercise? Here are two animated images that show how these form elements will look after our custom styling: And here is a… Continue reading How to Customize Contact Form 7 for WordPress: Checkboxes and Radio Buttons

Using a WooCommerce Related Products Plugin

When you run an online store, there’s no such thing as selling too many products. Just because the customer has found what they’re looking for, doesn’t mean you can’t convince them to throw a few more items into their cart. If you’ve ever spent any time on sites such as Amazon, then chances are you’re… Continue reading Using a WooCommerce Related Products Plugin

How to Set Up WooCommerce Product Options

When it comes to online shopping, one size doesn’t always fit all.  Clothing stores are an obvious example. However, there are countless other eCommerce sites that sell variable products. The same laptop may be available in various screen sizes, or with different amounts of storage.  Even if you’re running a takeaway restaurant, a customer may… Continue reading How to Set Up WooCommerce Product Options

Customize a WooCommerce Product Page 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;} Creating a fully functioning eCommerce store requires you to take care of a lot of big and small things. Any website that you create to sell products will have different types of pages to address different needs. Dedicated product pages are one such example. A product page… Continue reading Customize a WooCommerce Product Page for Free

15+ Best Lingerie, Swimwear, and Bikini Shopify Themes 2024

Starting a bikini, swimwear, or lingerie shop? There’s no need to build a website design from scratch. Using a versatile apparel Shopify template can help you put together an incredible bikini online shop. To help you out, here, we’ve compiled more than 15 of our current favorite Shopify lingerie themes and bikini templates that offer… Continue reading 15+ Best Lingerie, Swimwear, and Bikini Shopify Themes 2024

Published
Categorized as 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

Published
Categorized as Tutorials

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