Category: Tutorials

You learn something everyday if you pay attention

Solving Problems With CSS Grid: The Gantt Chart

We recently published a tutorial explaining how to build a JavaScript-driven Gantt Chart. I think it’s the perfect case study for CSS Grid, so in this tutorial we’ll see how well suited CSS Grid Layout is for building a flexible Gantt Chart. Our CSS Grid Gantt Chart Here’s what we’re building. It uses CSS Grid… Continue reading Solving Problems With CSS Grid: The Gantt Chart

How to Make an InDesign Catalog Template

What You’ll Be Creating In this tutorial, you’ll learn how to create an InDesign catalog template for showcasing products. This simple and stylish design could also be adapted as a lookbook for fashion retailers or a brochure template.  Consisting of a front cover and three inside spreads, this versatile catalog template can be easily extended… Continue reading How to Make an InDesign Catalog Template

How to Create a Web Booking Form With the Smart Forms Script

Booking forms can serve a lot of purposes on a website. You can use them to allow your visitors to book a hotel room or tickets to a popular event. They can also be used for other things like booking appointments with clients. They are a great way for people to simply give you all… Continue reading How to Create a Web Booking Form With the Smart Forms Script

Create a Drag-and-Drop Contact Form With the FormCraft 3 WordPress Plugin

Whether you are running an online store, marketplace, or blog on your WordPress website, you will need a few essential elements displayed. One of these is a contact form.  Without a contact form on your website, your website visitors will have no way of contacting you with their questions and comments. The absence of this… Continue reading Create a Drag-and-Drop Contact Form With the FormCraft 3 WordPress Plugin

How to Pick a WordPress Form Builder Plugin

If you own a WordPress site, you probably find forms to be indispensable for creating a satisfying user experience and increasing your conversion rates.  You need forms for clients to get in touch with you easily, answer simple survey questions, leave feedback, write testimonials, and so on. But you don’t need to have coding experience to… Continue reading How to Pick a WordPress Form Builder Plugin

International Artist Feature: Algeria

Welcome back to our International Artist Series. Today, we’re catching up with three amazing artists from the North African country of Algeria. I asked each artist how their region and culture influenced their work, and they delivered great responses. Soudassi 6 Our first feature belongs to Soudassi 6, a talented designer and artist… Continue reading International Artist Feature: Algeria

How to Make a Website for a Restaurant With WordPress (Quickly)

Running a successful restaurant is no small feat. But, in order to be successful, you need a constant stream of patrons who will visit your venue on a regular basis.  The best way to ensure this is to create a website for your restaurant. By doing so you will be able to share your menu,… Continue reading How to Make a Website for a Restaurant With WordPress (Quickly)

Set up a Secure, Performant WooCommerce Site with Kinsta

WordPress is one of the most versatile, powerful systems available to build websites with. Despite starting out as a blogging platform it’s now equally capable for creating online stores as are platforms dedicated solely to e-commerce. However, its power and versatility come with a catch: if you are completely managing everything to do with your WordPress… Continue reading Set up a Secure, Performant WooCommerce Site with Kinsta

Faster Web Apps With the Svelte Framework (New Course)

Svelte is a new approach to building user interfaces. Learn to build user interfaces more efficiently in our new course, Faster Web Apps With the Svelte Framework. What You’ll Learn Traditional frameworks like React and Vue do the bulk of their work in the browser, but Svelte shifts that work to build-time and drastically improves… Continue reading Faster Web Apps With the Svelte Framework (New Course)

How Page Builder Plugins Make It Easy to Create a WordPress Website

Page builder plugins make it easier for both novices and experienced developers to build websites faster. With a page builder, you don’t need to know how to code—you can build your site with drag and drop.  There are many free and premium WordPress page builders in the market. In this post, I’ll show you the… Continue reading How Page Builder Plugins Make It Easy to Create a WordPress Website

How to Make a Galaxy YouTube Banner (With a YouTube Banner Creator)

What You’ll Be Creating So you’ve decided to start your own YouTube channel, but don’t actually have the required tools or skills to design the actual banner? Well, if that’s the case, don’t worry since I’m going to show you how you can easily make a galaxy YouTube banner using Placeit’s YouTube Banner Maker. From… Continue reading How to Make a Galaxy YouTube Banner (With a YouTube Banner Creator)

Answers From a Panel Discussion

A few months ago I ran a panel discussion for the Swedish organisation DataTjej that included four panelists, plus an audience of forty women and non-binary people to dig deeper into the potential of role models. The discussion gave us a huge amount of insights and showed that everyone can work together to overcome the… Continue reading Answers From a Panel Discussion

How to Create a WordPress Gallery Using the Justified Image Grid Plugin

Displaying photos and videos on your website are essential for your website’s success.  Photos and videos on a website can increase engagement by over 65% and encourage visitors to spend a longer period of time on your site. By increasing engagement and keeping your target audience on your website, you will have a much better… Continue reading How to Create a WordPress Gallery Using the Justified Image Grid Plugin

How to Find the Best WordPress Gallery Plugins for Images or Video

How you present your visual content is key to the success of your website or online store. When visual content is done beautifully it encourages visitors to stay longer on your website. It also improves your SEO ranking and make your website easier to find in search results.  However, creating a beautiful gallery for your… Continue reading How to Find the Best WordPress Gallery Plugins for Images or Video

How to Create a Landing Page in WordPress Quickly

While a website is a great way for your business to get noticed, a WordPress landing page is an even better way to promote a specific offer. When you create a landing page in WordPress, you can easily focus all your marketing efforts on one offer, marketing campaign, product or service, drive signups to that… Continue reading How to Create a Landing Page in WordPress Quickly

Use a Tattoo Font to Add a Realistic Tattoo to a Photo in Photoshop

What You’ll Be Creating A tattoo font is the easiest way to create a stylish tattoo in no time. In this tutorial, I’ll show you how to add a realistic tattoo in Photoshop using a tattoo font. We’re going to add some text effects to the font, warp it, and apply photo effects of texture… Continue reading Use a Tattoo Font to Add a Realistic Tattoo to a Photo in Photoshop

Create an Interactive World Map With a WordPress Plugin

There are many options to choose from when you are looking to add a map to your WordPress website. There are even free options for plugins that use Google Maps.  However, the problem with many of the existing WordPress map plugins and free options is the lack of customization available to you.  In order to… Continue reading Create an Interactive World Map With a WordPress Plugin

New Course on Custom Post Types and Taxonomies in WordPress

In our new course, Custom Post Types and Taxonomies: WordPress Content Architecture, you’ll learn how to put custom post types and taxonomies to work to organize your content in WordPress. Follow along, and you’ll practice how to create custom post types and taxonomies and how to display them on your site.  What You’ll Learn WordPress… Continue reading New Course on Custom Post Types and Taxonomies in WordPress

How to Create a ‘Stranger Things’ Inspired Text Effect in Adobe Photoshop

What You’ll Be Creating This very quick tutorial will show you an easy way to create a text effect inspired by the ‘Stranger Things’ series, using only layer styles and some simple adjustments. Let’s get started! This text effect was inspired by the many Layer Styles available on Envato Market. You can get a very similar… Continue reading How to Create a ‘Stranger Things’ Inspired Text Effect in Adobe Photoshop

17+ Best Full-Screen WordPress Themes for 2019 Websites

If you’re a designer, photographer, artist, or any other creative professional, you’ll have realized the importance of having a beautiful portfolio site. When you display your projects in an organized and attractive way, you are more likely to appeal to clients or get a job at the company of your dreams. Anyone who visits your… Continue reading 17+ Best Full-Screen WordPress Themes for 2019 Websites

How to Create a React Native Calendar Component

React Native is a cross-platform mobile app development framework with a gentle learning curve and lots of built-in components. Because it has a very active developer community, there are also hundreds of open source third-party component libraries available for it, allowing you to create both Android and iOS apps focusing only on the apps’ core… Continue reading How to Create a React Native Calendar Component

20 Best Construction Company WordPress Themes for Building Websites

If you want to land more clients for your construction company, you need a website that can showcase the range of services you offer and convince potential clients that you have the skills and know-how to deliver on their expectations. One of the easiest ways to create a beautiful website is to use WordPress. More… Continue reading 20 Best Construction Company WordPress Themes for Building Websites

How to Create an Animated Polaroid Effect Photoshop Template

What You’ll Be Creating In this tutorial, we’ll not only create a polaroid effect Photoshop template using photo filters and shapes, but we’ll also create animated photo effects with standard Photoshop tools. I created Animated Polaroid Slideshow Instagram Stories Template using the same methods for my GraphicRiver portfolio. Tutorial Assets The following assets were used during the… Continue reading How to Create an Animated Polaroid Effect Photoshop Template