Ensuring negative numbers are available for everyone

This post is co-authored by Michael Fairchild and Jeremy Katherman. That little minus sign before a number is very important. It can mean the difference between having money in your bank account or paying overdraft fees. It can be the difference between a deposit or a withdrawal. Negative numbers can be indicated in several ways,… Continue reading Ensuring negative numbers are available for everyone

What’s the difference between design values and principles?

Collectively, design values and principles are the guiding beliefs and priorities that shape the design process for any design team, product or designer. But what should they be, and what’s the difference between them? Photo by Tyler Lastovich on Unsplash We’re all different, and whether we’re aware of it or not we’re all likely to have our… Continue reading What’s the difference between design values and principles?

Using the Popover API: Native Modals for the Web

Popovers, a collective term for what you might know as “tooltips”, “overlays”,  “modals” or “dialogs”, offer a powerful way to display additional information or actions within a web application. In this tutorial, you’ll learn how to use the new Popover API, a versatile new tool for creating dynamic and customizable popovers. We’ll walk through the basics… Continue reading Using the Popover API: Native Modals for the Web

Starting design work in a spreadsheet

In the early phases of a project a spreadsheet can be a more useful design tool than Figma. If you’re redesigning an existing website there are huge benefits in getting to know the content you’ll be working with. The earlier in the project the better. A little upfront investigation will help you make informed design decisions.… Continue reading Starting design work in a spreadsheet

How high-fidelity prototypes can enhance user testing

During the usability testing phase, gathering as much information as possible about how users understand designs/product is essential. The objectives of usability testing often differ across studies. They typically uncover product or service design issues, discover opportunities for enhancement, and gain insight into the target user’s behaviour and preferences [1]. Tools like Figma and Sketch… Continue reading How high-fidelity prototypes can enhance user testing

What if AI tools paid artists?

Exploring solutions and challenges for the controversial debate about AI art Salvador DALL•E (Source: Year 2049) It’s been less than a year since DALLE•2 was released and blew our minds away with the variety of art it could generate from a simple yet descriptive prompt. Other tools like Midjourney and Stable Diffusion quickly followed. The initial stages… Continue reading What if AI tools paid artists?

5 Web Design Trends You Need to Be Aware of in 2023

Posted · Category: Best Collections, Design The beginning of a new year is typically a time when we plan to find ways to make life a little better. The same applies to web designers who look for new and better ways to make their designs more engaging and productive. In this post we will look… Continue reading 5 Web Design Trends You Need to Be Aware of in 2023

The Ultimate Guide to Typography

Are you interested in typography? This complete course covers everything from typography history to the difference between typefaces and fonts, typeface classification, how to choose a font, and more! Watch the Ultimate Guide to Typography Course What You’ll Learn What is the history of typography? What is the difference between a typeface and a… Continue reading The Ultimate Guide to Typography

The Complete React Developer Course

React is the most popular framework for building user interfaces. In this course you will learn the fundamental concepts you need to start building applications with React. 1. What You Will Learn in This Free React Course You’ll start of with the basics of React—coding your first components: using React with vanilla JavaScript the basics of… Continue reading The Complete React Developer Course

Are Modals In Web Design A UX Disaster?

Modals, a nifty little feature that allows you to display different messages at the top of your website, have been touted as extremely useful. Some even claim that they are helpful enough to completely replace the banner ads we all hate so much. But are modals in web design a UX disaster? If you are… Continue reading Are Modals In Web Design A UX Disaster?

10+ Best HTML Templates for NFT Websites 2022

Everything related to cryptocurrency and NFTs are extremely popular right now, which has motivated a lot of people to jump into the industry quickly. Because of this, the desire to make a website for promoting or selling NFTs is strong. Perhaps you want to make your own NFT marketplace? Or maybe you simply wish to… Continue reading 10+ Best HTML Templates for NFT Websites 2022

Why designers don’t use your design system

Improve the adoption of your design system through components flexibility Thumbnail of Cosmos Design System ❤ This is not a recipe for success or a know-it-all article. Here I’m focusing on the most constant and significant challenge when building design systems — reaching a balance and compromising between flexibility and rigidity of components standards. The components in the… Continue reading Why designers don’t use your design system

How to Paint Watercolor in Procreate

This Procreate watercolor tutorial will teach you how to create a vibrant yet soft digital watercolor portrait in Procreate from scratch.  We’ll explore different drawing techniques and textures to achieve an authentic watercolor look. Also, you’ll learn how to make your portrait expressive using colors and lines. Creating a watercolor portrait in Procreate is a… Continue reading How to Paint Watercolor in Procreate

How to Auto Align in Photoshop

Today, we’ll be looking at how to use the auto align tools in Photoshop, as well as guides and snapping! Photoshops auto align tools are simple but powerful, and they’ll keep you from sending out a design with the always annoying uncentred text or misaligned words.  If you’re looking to speed up your workflow, try… Continue reading How to Auto Align in Photoshop

12 Best WordPress File Managers

Are you looking for a file manager to help manage your files and folders for your WordPress website?  When running a WordPress website, you continously will add files and media. Eventually you’ll end up with thousands of images and other files. However, the built-in WordPress media manager is poorly equipped to organize these files in… Continue reading 12 Best WordPress File Managers

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 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

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

Understanding Static Functions and Static Classes 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;} Static functions and static classes can be easily accessed without necessarily creating an instance of that class. This helps keep your code clean and organized. In this post, you’ll learn about the static keyword and how it is applied on functions and classes to make them static.… Continue reading Understanding Static Functions and Static Classes in PHP

How to Create a Monogram Pattern

What You’ll Be Creating * { 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 the following tutorial, you will learn how to create a monogram in Illustrator using basic vector shapes. Once you’ve finished creating it, you will learn how to use it to create monogram background patterns. If you don’t have the time to learn… Continue reading How to Create a Monogram Pattern

How to Integrate HubSpot with WooCommerce

As a business manager, you’re responsible for optimizing sales strategies, marketing activities, and communication methods to level up your business. Today, many online tools are available to make it easy for you to manage, market, and optimize your online store and boost your sales. HubSpot is one of these helpful online assistants that you can… Continue reading How to Integrate HubSpot with WooCommerce

10+ Best Bootstrap Blog Templates (for 2022)

Bootstrap blog templates are the perfect choice if you want to create a blog fast and need some ready-made templates that are easy to install and customize. After all, they are built with one of the most popular front-end frameworks available, made with a mobile-first approach.  This means any template or website made with Bootstrap… Continue reading 10+ Best Bootstrap Blog Templates (for 2022)

7 Essential Design Tips for a Killer “About Us” Page

Creating an incredible brand experience for an end-user is about more than just designing the right home page or lining up a series of great product pages.  Effective website design conveys crucial information about a company, through everything from font styles, to image choices. Nowhere is this representation of brand identity more important than on… Continue reading 7 Essential Design Tips for a Killer “About Us” Page

Using PHP urlencode and urldecode

Every now and then you will have to pass around URLs between different webpages and services. It sounds like a pretty easy task since URLs are basically just text strings, but things can sometimes get complicated. For example, sometimes you need to encode a URL in another URL, for example in a GET request! In… Continue reading Using PHP urlencode and urldecode