A Guide to Accessible Interactive Components using React Libraries

May 29, 2020 Content Warning: This blog post contains gifs. I’ve wanted to write this blog post ever since I wrote a11y and JS – A Seemingly Unconventional Romance. I love JavaScript, and my job is to code in React. I often observe folks (rightly) critique that React Apps are inaccessible. According to the WebAIM… Continue reading A Guide to Accessible Interactive Components using React Libraries

20 Unmissable Websites, May 2020

The world is a strange place at the moment, but design moves on apace, and sites are still being launched. Every month we post a roundup of the freshest sites we’ve come across in the previous four weeks. This month we’ve included some exciting portfolio sites, a strong selection of health and beauty sites, and… Continue reading 20 Unmissable Websites, May 2020

Email Personalization: Your Secret To Better Engagement

One of the struggles that marketers face is how to send the right message at exactly the right time to target people in a way that will appeal to them. To solve the problem, businesses need to get themselves acquainted with new technologies and the power of personalization. In the past few years, digital marketing… Continue reading Email Personalization: Your Secret To Better Engagement

Launching a Small Business? Here Are The Tools You Need to Succeed!

Believe it or not, 69% of businesses get their start in someone’s home. Although a website isn’t required to make a business successful, having one certainly helps increase your visibility and profitability. With this said, creating a website can seem like an overwhelming task, especially if you have no experience. Luckily, we have compiled a list… Continue reading Launching a Small Business? Here Are The Tools You Need to Succeed!

How Many Types of X Acronym Are There? And Does It Matter?

One of the problems with coining a term like “user experience” or its acronym counterpart “UX” is that it opens up the floodgates for other trendy experience-related acronyms to enter the web design lexicon. CX, DX, EX, HX, JX, PX, UX, (U)XD… Is all of this really necessary though? While I don’t think you need… Continue reading How Many Types of X Acronym Are There? And Does It Matter?

6 Tips for Writing Content Regularly

Okay, you need three to five new ideas for articles, all on the same general topic. Go… Now here’s where we separate the people who have to come up with regular content all the time from the people who don’t. The people who have things they want to write about but can never get around… Continue reading 6 Tips for Writing Content Regularly

How to Recover SEO Ranking and Traffic After Website Restructure?

So, you’ve completed a major overhaul of your website and are now finally satisfied with the way it looks? Great! However, introducing new pages, making significant changes and all that kind of stuff can have a significant impact on your SEO ranking. And not in a good way, unfortunately. You can expect your ranking and… Continue reading How to Recover SEO Ranking and Traffic After Website Restructure?

3 Essential Design Trends, December 2019

This month’s collection of design trends is a gift to behold. Each of the trends are highly usable options that are versatile, giving you plenty of room to play and make them your own. That’s the best kind of trend, right? Here’s what’s trending in design this month. Whimsical Illustrations It seems like whimsical illustrations… Continue reading 3 Essential Design Trends, December 2019

Keyword Research 101: Everything You Need To Know

Keywords are essentially the bridge between a website and a search engine. They are what helps a search engine identify what your site is about, and how relevant it is when a certain term or phrase is searched for by the user. A search engine keeps a database of websites which they have filed away… Continue reading Keyword Research 101: Everything You Need To Know

Top-10 Websites With Interesting Design to Take Inspiration From

If you find it difficult to find inspiration or want to learn something new, improve your already acquired skills, share your achievements or sell your own masterpieces, we suggest you to get acquainted with the 10 most interesting sites for typical creative personalities. Finding inspiration is not easy. But the good news is that the… Continue reading Top-10 Websites With Interesting Design to Take Inspiration From

Demystifying CSS Pseudo-Classes (:nth-child vs. :nth-of-type)

Styles are applied to a web page using CSS selectors; selectors which make it possible for you to target a specific element or sets of elements. Usually, when you are starting with CSS, you’ll make use of element selectors before pivoting to use classes and IDs. As powerful as these selectors are, they can be… Continue reading Demystifying CSS Pseudo-Classes (:nth-child vs. :nth-of-type)

7 CSS Units You Might Not Know About

Learn CSS: The Complete Guide We’ve built a complete guide to help you learn CSS, whether you’re just getting started with the basics or you want to explore more advanced CSS. New CSS Techniques It’s easy to get stuck working with the CSS techniques we know well, but doing so puts us at a disadvantage… Continue reading 7 CSS Units You Might Not Know About

How to Make Instagram Stories in Seconds Without Photoshop

What You’ll Be Creating Need to create beautiful looking Instagram stories, but don’t have the required tools to start doing so? Well, what if I told you that there’s an easy way you can change that, using Placeit’s online Instagram Story Templates. Believe it or not, you can actually use templates for Instagram stories, such… Continue reading How to Make Instagram Stories in Seconds Without Photoshop

Build a Tabbed Product Archive for Your WooCommerce Store

In this tutorial you will learn how to make your WooCommerce store a little more stylish by organizing the product archive with tabs. We’ll create tabs with a multi-column layout, a multi-row carousel, and a grid layout. What We’re Going to Build Over the coming steps we will create a WordPress plugin, inside which we … Continue reading Build a Tabbed Product Archive for Your WooCommerce Store

Designing With Data: How to Improve UX Using Customer Data

Do you always follow your gut when making decisions for your website? Designing your website often starts with what you feel will make a website look good. However, you’ll most likely be changing your plans when the results of your efforts come in. But this is okay because tracking and measuring your site’s performance from… Continue reading Designing With Data: How to Improve UX Using Customer Data

How to Make a Photoshop Vignette Effect Action

What You’ll Be Creating In this beginner’s tutorial, we’ll take a look at some Photoshop action basics and create a customizable vignette action—ready to use and adapt in any way you like! So grab your favorite photograph, and let’s get creating! What You’ll Need You’ll need the following assets in order to complete this project:… Continue reading How to Make a Photoshop Vignette Effect Action

How Prevalent is Dark UX?

Iconic comedy duo Mitchell and Webb once asked a very important question: “Are we the baddies?” Given that, at the time, they were dressed in Nazi uniforms with skulls on their hats, and looked like rejected villains from a Wolfenstein game, the answer was something of a foregone conclusion. But what about us? No, no… Continue reading How Prevalent is Dark UX?

5 Human Things UX Designers Can Learn From Conversational Design

It seems like magic: you talk to the phone, and it talks back. And if you’re lucky, it says something useful. You type into the chat box, and if the bot is good, you find out what you need to know. [Cue: shocked-looking stock photo models.] The current marketing term for it is “conversational design”,… Continue reading 5 Human Things UX Designers Can Learn From Conversational Design

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)

20 Best New Portfolios, July 2019

And now it’s July. I’d just like to tell my American and Canadian friends to hydrate properly, and the hangover should be gone by October, just in time for the sugar crash. While you recover, we’ve got more portfolios. Lots of good, grid-based stuff this month. And lots of dark layouts. It’s like all the… Continue reading 20 Best New Portfolios, July 2019

Best Affiliate WooCommerce Plugins Compared

WooCommerce and WordPress are powerful combination for online commerce. Together they run 37% of eCommerce business online. Leveraging these two is the perfect combination for selling physical products, digital goods, and services online.  But having the most awesome WooCommerce storefront and the best products are just a tiny part of what you need for online… Continue reading Best Affiliate WooCommerce Plugins Compared

Kerning, Leading, Tracking, and Everything You Need to Know About Text Spacing

The space between letters is just as important for legibility as the text itself. If your website is hard to read, don’t just consider the typeface: consider the white space as well. With kerning, leading, tracking, and other spacing tools, you can make your text more readable without a major design overhaul using these text… Continue reading Kerning, Leading, Tracking, and Everything You Need to Know About Text Spacing

Create a Custom Shipping Method for WooCommerce

What You’ll Be Creating WooCommerce is great. For a free e-commerce solution, it has an incredibly useful set of features. But sometimes you need something extra. One occasion when I often find WooCommerce doesn’t give me everything I need is when it comes to setting up custom shipping methods. Out of the box, WooCommerce lets… Continue reading Create a Custom Shipping Method for WooCommerce

Using the New WordPress Default Theme

Twenty Nineteen is the latest WordPress default theme currently available and was included with the WordPress 5.0 release. It’s already proving pretty popular with over 800,000 active installations to date. It’s also also available to WordPress.com users too which bumps up the user base even more. It’s described as a minimal and non-generic theme with simple but sophisticated… Continue reading Using the New WordPress Default Theme