Tag: left

25 Best Christmas T-Shirt Designs (Using a T-Shirt Design Maker)

Christmas may only come once a year, but boy does it make a big splash when it does. If you want to get in on the action with your own Christmas T-shirt designs, check out the Placeit T-shirt design maker and these 25 best T-shirt designs. Just one of the 25 best T-shirt designs from Placeit Design Your… Continue reading 25 Best Christmas T-Shirt Designs (Using a T-Shirt Design Maker)

How to Use the Slider Revolution Plugin for WordPress

In this post, we’re going to review the Slider Revolution Responsive WordPress plugin, which allows you to create rich and dynamic content on your WordPress websites. And not just sliders: it allows you to build carousels, content modules, and full-fledged websites by using the rich built-in editor! Nowadays, sliders and carousels are important building blocks… Continue reading How to Use the Slider Revolution Plugin for WordPress

How to Add the Sticky HTML5 WordPress Music Player to Your Site

There are a lot of reasons why you might want to add a music or audio player to your WordPress website. You can use it to allow users to play the audio version of the article they are reading or you can use it to simply add some nice background music to the website. If… Continue reading How to Add the Sticky HTML5 WordPress Music Player to Your Site

How to Create a Typographic Album Cover

What You’ll Be Creating In this article, we’ll analyze some album cover design examples that have an emphasis on typography. Then, we’ll take some of these album cover ideas and experiment with them in a sample typographic album cover. Whether your focus is on CD album covers, a cover for your podcast, or creating and… Continue reading How to Create a Typographic Album Cover

Fifteen Ways To Create A Flawless Photo

Photography is rare among the fine arts, since it has remained relevant even throughout our advancement into the digital age, due to our love of beautiful photos. But how should you approach creating a ‘perfect’ photo? Here are fifteen possible ways to release your inner master photographer. Rule Of Thirds First of all, keep in… Continue reading Fifteen Ways To Create A Flawless Photo

Mega Menus, Sticky Menus and More

Of things that users expect when they are on a website, navigation menus are the most important. It’s hard to imagine a website without them.  A website menu is made up of a collection of links. These links are road signs that make it possible to navigate and interact with a website. They guide users… Continue reading Mega Menus, Sticky Menus and More

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

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

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

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

10 Web Design Principles Every Designer Should Know

There are several things that determine how the web design will be seen on a website. These things include the form and appearance, function of the website, as well as the information presented in it. Every designer has to know how to combine these things to create a quality website. By failing any of them,… Continue reading 10 Web Design Principles Every Designer Should Know

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

How to Embed PDF Files on Your WordPress Site With a Free Plugin

Today, we’ll explore the PDF Poster plugin for WordPress which allows you to embed PDF files on your WordPress site. I’ll demonstrate how you can use this plugin on your own site to embed PDF files. As a site owner, sometimes you’ll need to embed and display PDF documents on your website. It could be… Continue reading How to Embed PDF Files on Your WordPress Site With a Free Plugin

5 Tips for Controlling Focus

You’re going to have build your site in such a way that the eye is naturally drawn from one step to the next. My sister used to accomplish controlling my focus by sternly, but calmly, telling me to “Get back to your schoolwork” anywhere from fifteen to forty times in a single day. But your… Continue reading 5 Tips for Controlling Focus

Build an Advanced Responsive Menu Inspired by Netflix

The other day I visited the Netflix Jobs website from my phone and had a look at its off-canvas menu. I really liked the staggering animations that fired every time you hit it. So I thought it might be a good exercise to take this menu as inspiration and show you how to build a similar responsive… Continue reading Build an Advanced Responsive Menu Inspired by Netflix

How to Create a Church Newsletter Template in InDesign

What You’ll Be Creating In this tutorial, you’ll learn how to create a four-page newsletter template. We’ll put this template together in no time, and you’ll be able to reuse it for your future projects.  Newsletter templates are great to communicate with your community and update them of… Continue reading How to Create a Church Newsletter Template in InDesign

3 Essential Design Trends, July 2019

This month we’re taking a close look at above-the-scroll presentation. It’s the first thing you see, and the first impression a user has when they type in your URL. So, it’s a logical place to spot trends in website design. Here’s what’s trending in design this month. 1. Text That’s Almost Hard to Read With… Continue reading 3 Essential Design Trends, July 2019

How to Link Your WordPress Site with Your MailChimp Mailing List and Get More Signups

What You’ll Be Creating There are a variety of ways of keeping in touch with people who visit your websites. You can encourage them to become subscribers by adding a Subscribe widget. You can use the Jetpack plugin to make it easier for existing WordPress.com users to keep up to date. Or you can encourage… Continue reading How to Link Your WordPress Site with Your MailChimp Mailing List and Get More Signups

How to Code a Landing Page in Your WordPress Theme

What You’ll Be Creating If you’ve bought anything on the internet, you’ve probably come across a landing page. They’re a highly effective way of maximizing conversions from a website. But just what is a landing page, and how do you create one for your WordPress site?  In this tutorial, I’ll demonstrate what makes a landing… Continue reading How to Code a Landing Page in Your WordPress Theme

Best Free WordPress Plugins for Optimizing Website Performance

Did you know that search engines like Google give preference to fast-loading websites in their rankings? Visitors are also less likely to abandon your site if it loads quickly. Everyone expects a website to load as quickly as possible—if it doesn’t, they will likely abandon it and visit the competitor instead. This means that a… Continue reading Best Free WordPress Plugins for Optimizing Website Performance

Build a Static Portfolio With Advanced CSS Bar Chart

In a previous post, I showed you how to build a beautiful fullscreen portfolio page. During that tutorial we also learned how to create a responsive CSS column chart. In this tutorial we’ll build another attractive static portfolio page, this time featuring a pure CSS bar chart without using any external JavaScript library, SVG, or the canvas… Continue reading Build a Static Portfolio With Advanced CSS Bar Chart

How to Add a Free WordPress Music Player to Your Site

Any website which lets users discover, buy, share, or download music or other sound effects should always have an audio player. Every user would like to preview the audio or music to determine if they want to purchase or share it or not. Giving users the option to play this audio from the webpage itself,… Continue reading How to Add a Free WordPress Music Player to Your Site

How to Create a Vector Infographic Template in Illustrator

What You’ll Be Creating In the following steps, you will learn how to create an infographic template in Adobe Illustrator. For starters, you will learn how to set up a simple grid. Using basic tools and taking full advantage of the grid and snap to grid features, you will learn how to create the infographic… Continue reading How to Create a Vector Infographic Template in Illustrator