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 Trim Strings in PHP

There are a lot of times when we want to work with strings but they are padded with unwanted characters either at the beginning or the end. PHP has defined specific functions that we can use to trim such strings easily. In this quick tip, we will discuss to common string trimming situations that you… Continue reading How to Trim Strings in PHP

4 Strategies to Boost Your Website’s Conversion Rates

Picture this scenario. The top end of your marketing funnel is starting to run like a well-oiled machine. Each month, more and more visitors are streaming to your site via your increasingly effective email campaigns, Facebook ads, and content marketing strategy. Much to your consternation, though, this increase in traffic doesn’t translate to a proportionate… Continue reading 4 Strategies to Boost Your Website’s Conversion Rates

Remove the Search Input Clear(x) Icon

I really appreciate the amount of different <input> elements we’ve received over the past decade. These elements don’t just bring a new semantic advantage, but also provide UI helpers, which in many cases are useful. In a recent case, I found a UI element not useful: the x (clear) icon in <input type=”search” /> elements.… Continue reading Remove the Search Input Clear(x) Icon

What Is a Slug in WordPress?

What You’ll Be Creating Slugs. Slimy little critters that have a nasty habit of getting into your vegetable garden… Or maybe not! In this post, we’re talking about a different kind of slug, and that’s the slug that forms part of the address (or URL) of the individual pages and posts in your WordPress website.… Continue reading What Is a Slug in WordPress?

How to Remove “Powered by WordPress” From the Footer

So you’ve spent days, weeks or perhaps even months perfecting your WordPress website, and you’re excited to finally publish it—and then you notice the Proudly Powered By WordPress disclaimer in your website’s footer. WordPress may be one of the world’s most popular content management systems, but chances are you’ll want people to view your website… Continue reading How to Remove “Powered by WordPress” From the Footer

How to Add Plugins to WordPress

So you’ve just created your first WordPress website—now what? One of the best things about the WordPress platform is that you have access to thousands of free and premium plugins. Plugins allow you to enhance any out-of-the-box WordPress website with a wide range of advanced, powerful, and even niche features. With the right plugin, you… Continue reading How to Add Plugins to WordPress

How to Add Plugins to WordPress

So you’ve just created your first WordPress website—now what? One of the best things about the WordPress platform is that you have access to thousands of free and premium plugins. Plugins allow you to enhance any out-of-the-box WordPress website with a wide range of advanced, powerful, and even niche features. With the right plugin, you… Continue reading How to Add Plugins to WordPress

How to Create a Nature Photography Gallery With a WordPress Grid Plugin

Today’s internet culture is driven by images and videos. Studies have proven that adding visual content to your website will attract and hold the attention of your audience longer than if you did not have any visual content. This makes it necessary for you to prioritize images and videos on your website.  When it comes… Continue reading How to Create a Nature Photography Gallery With a WordPress Grid Plugin

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

How to Easily Edit and Improve Photos for a Website

April 30, 2019 by Spyrestudios Adding photos to your website can definitely make it more appealing and help you to draw in and engage more visitors. But regardless of whether you’re using stock photography or snapping shots of your own, the one thing you need to be able to do is edit and improve the… Continue reading How to Easily Edit and Improve Photos for a Website

50 Best Design and Illustration Tutorials & Articles of 2018!

It’s that time of year again… we’re going to dive into the best design and illustration tutorials and articles of the past year!  Before we jump into it, let’s look at what we’ve been up to on Envato Tuts+ as a whole: On Envato Tuts+, as mentioned in the Envato Year in Review 2018, we… Continue reading 50 Best Design and Illustration Tutorials & Articles of 2018!

5 Most Clever WordPress Tweaks to Improve Your Site (Without Plugins)

WordPress is one of the best CMS out there for a number of reasons. Aside from being flexible and highly customizable, you can supercharge it using powerful plugins. Regardless of your goals for your website, you can be sure there’s a plugin for that. However, it’s always better to forego plugins and hard-code them into… Continue reading 5 Most Clever WordPress Tweaks to Improve Your Site (Without Plugins)

How to Create a Glowing, Fireflies Photo Manipulation in Adobe Photoshop

What You’ll Be Creating Have you ever caught fireflies on a warm summer night? When I was a kid we used to call them “lightning bugs.” I was always fascinated by how they would shine and glow against the sky, and loved releasing them back into the night. So in this tutorial, I’ll show you… Continue reading How to Create a Glowing, Fireflies Photo Manipulation in Adobe Photoshop

Testing Components in React Using Jest: The Basics

What You’ll Be Creating Testing code is a confusing practice for many developers. That’s understandable because writing tests requires more effort, time, and the ability to foresee possible use cases. Startups and developers working on smaller projects usually favor ignoring tests altogether because of the lack of resources and manpower.  However, there are a couple… Continue reading Testing Components in React Using Jest: The Basics

How to Design a Landing Page That Converts

Every e-commerce website is designed to have one primary goal: to convert visitors. Conversion can range from a completed sale to registering a membership, or filling out a subscription form. Whatever it is, an effectively designed website must be able to convince users to achieve that primary goal. In light of various research and experiments,… Continue reading How to Design a Landing Page That Converts

How to Hide WordPress Admin Toolbar From Your WordPress Site

A large number of websites are powered by WordPress and there are tons of different plugins and themes being developed for this powerful content management system. But just like everything it also has some defects that we’d like to change. The WordPress toolbar is one such design element that some users prefer to have in… Continue reading How to Hide WordPress Admin Toolbar From Your WordPress Site

How to Create a Layered Floral Typography Text Effect in Adobe Photoshop

What You’ll Be Creating Floral typography is a design trend that combines nice floral elements with bold typography, to create some elegant designs. This tutorial will show you how to use a flower stock image, with a simple text, and a couple of layer styles, filters, textures, and adjustments to create your own floral typography… Continue reading How to Create a Layered Floral Typography Text Effect in Adobe Photoshop

Less Is More – Minimalist And Simple Web Design

Image source: Vadim Grin[2] Exposed to lots of senseless content on the internet, we grow more sensitive to mess and distractions. We come across useless texts, we receive a pile of magazine spam, ads or business commercials, and we have serious difficulties in determining what is really worth our attention. Responsiveness Image source: Erikas Mališauskas[3]… Continue reading Less Is More – Minimalist And Simple Web Design

Designing an iOS App in Sketch

In this 3 part tutorial (I wanted to break it into more digestible chunks) we’ll be creating screens for a fictional, ‘Pay It Forward’ iOS App called ‘Piece’. Before we start the tutorial, there’s a few things you’ll need: Once you have the items installed, let’s go ahead and create some awesome… Welcome Screen Let’s… Continue reading Designing an iOS App in Sketch