Tag: secondary

How to create a color ramp used in design systems

Whether you’re a brand designer putting the finishing touches on a color palette or a product designer laying the foundational work for a design system, I will walk you through how to create color ramps utilized in design systems. If you’re new to creating color palettes for digital spaces, check out my previous article, Color for… Continue reading How to create a color ramp used in design systems

What a robbery taught me about validating assumptions in UX

A reminder to test assumptions when building or designing. At 2am, on Thursday, 10th November 2022, armed men broke down the door to my apartment and then the door to my bathroom where I was hiding. They carted away with my laptop, iPhone, and half my sanity. I wouldn’t say I saw the robbery coming, but… Continue reading What a robbery taught me about validating assumptions in UX

Stealing like an artist — design heuristics in creative ideation

Stealing like an artist — design heuristics in creative ideation Mental shortcuts and cognitive frameworks aren’t only useful in everyday judgments and problem-solving. When faced with creative challenges, we can also tap into our “design brain” to channel previously encountered ideas into our own work. At their core, design heuristics are the combination, exploration, or transformation of often already… Continue reading Stealing like an artist — design heuristics in creative ideation

30 Best Calligraphy Script Fonts and Handwritten Fonts Of 2021

33 Shares Best modern calligraphy script fonts and creative handwritten script type fonts that are very suitable for the publication needs of fashion, magazine, t-shirt design, flyers, and can also be used as a signature fonts. These fonts has a beautiful calligraphy script character with a natural rough strokes and styles. Creative stylish script fonts… Continue reading 30 Best Calligraphy Script Fonts and Handwritten Fonts Of 2021

A Comprehensive Guide to Flexbox Alignment

Alignment is probably the most confusing aspect of flexbox. The flexbox layout module has a handful of alignment properties that behave differently under different circumstances, and when using them you might not necessarily understand what is happening or why. However, if you know what to pay attention to, alignment is less complicated than it first… Continue reading A Comprehensive Guide to Flexbox Alignment

15 Elegant CSS Pricing Tables for Your Latest Web Project

Pricing tables are an important part of any website that sells some kind of services and products. You can use them to quickly list the features, similarities, or differences between two, three, or four different products at once. These tables give users all the information they need when choosing between different products and services. This,… Continue reading 15 Elegant CSS Pricing Tables for Your Latest Web Project

3 Essential Design Trends, October 2020

Design can make a statement. It evokes feeling and can encourage thought and conversation. That’s the common theme among the three trends in website design this month. Each trend is rooted on the time and place where we live and includes elements that provoke thought. Kudos to these designers and design teams for jumpstarting conversations.… Continue reading 3 Essential Design Trends, October 2020

3 Essential Design Trends, June 2020

Sometimes website design trends are strong and hit you in the face; others are subtle and require a second look. This month, you’ll get a little of each. The first trend in our collection is a strong and subtle, trend No. 2 is mostly subtle unless you have a keen eye for typography, and trend… Continue reading 3 Essential Design Trends, June 2020

How to Optimize an Animated Gif: 10 Ways

In this tutorial, we will have a close look at all the available options to convert a video to a GIF animation, and how to optimize its file size. What is a GIF File? Before we start, let’s take a closer look at what is a GIF file. GIF is the standard format for compressing images… Continue reading How to Optimize an Animated Gif: 10 Ways

How to Lint CSS Using Stylelint

Linters have been around for a good while; but if you’re new to CSS this might be the first you’ve heard about them. A CSS linter will keep your stylesheets in check and make you a better coder! What Are the Benefits of CSS Linters? As front end developers we hope that the code we… Continue reading How to Lint CSS Using Stylelint

How to Get Started With an Android App Template

Creating an attractive user interface for Android apps is almost always a time-consuming task. It takes days, sometimes weeks, to conceptualize and design pixel-perfect layouts that look good on all screen sizes and pixel densities. Furthermore, with most users today expecting their apps to adhere to the guidelines of Material Design, the task has arguably… Continue reading How to Get Started With an Android App Template

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

How to Create a Company Timeline With a WordPress Plugin

When running a business, creating an emotional connection with your audience is key. This emotional connection will allow you to communicate with your audience on a deeper level, making them more likely to make a purchase on your website.  While there are many ways that you can create this emotional connection, one method that stands… Continue reading How to Create a Company Timeline With a WordPress Plugin

Mobile App Website Inspiration: 20 Application Websites And Tips To Design One

App websites are sometimes neglected by app owners. The owners or developers set up everything in place for the app to go ballistic on the market, except doing the basic marketing step: designing an app website that converts your visitors to users. But is it enough to create a random website for an app? Nope.… Continue reading Mobile App Website Inspiration: 20 Application Websites And Tips To Design One

3 Essential Design Trends, November 2019

There’s always a balance between visual design and functional design. Many of the “rules” of design as we know them exist to make visuals more functional. That’s not exactly true of all of the techniques that are trending right now. But sometimes rules are made to be broken, right? You can take these trends in… Continue reading 3 Essential Design Trends, November 2019

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

5 Secrets for Creating Successful Mid-Level Pages

Designing mid-level feature pages is one of the hardest parts of building or revamping your website. How do you divide your business into neat, tidy sections? How many categories should you use? Does it make sense to combine this feature with that one? How do you find the optimal balance of text, images and graphics?… Continue reading 5 Secrets for Creating Successful Mid-Level Pages

Rethinking the Exploration Phase of Design

Starting off a project is often described as being the exploration phase of a design process–during this phase, you quickly diverge with lots of ideas, generating many potential leads on concepts and hypotheses to test with customers. However, the notion that conceiving creative ideas is more akin to sudden unexpected flashes of brilliance obscures the… Continue reading Rethinking the Exploration Phase of Design

Avoid these 4 Website Redesign Mistakes that Sabotage SEO

As a freelance web designer/dev, one of the most common projects is a website redesign.  Clients want their existing site (or specific pages) transformed into something superior. But this often comes with a price where SEO is concerned. Massive changes to site structure, architecture, and page elements can negatively impact their search engine optimization. And… Continue reading Avoid these 4 Website Redesign Mistakes that Sabotage SEO

How to Make Your WordPress Theme or Plugin Multilingual-Ready

Multilingual compatibility is a core requirement for any premium WordPress theme nowadays. There are many plugins that offer multilingual tools, but arguably the most popular are WPML and Polylang. Let’s look into them! Meet the Players WPML is a premium-only plugin that makes it easy to build and run multilingual sites. It’s powerful enough for… Continue reading How to Make Your WordPress Theme or Plugin Multilingual-Ready

36 Hilarious and Clever Print Advertisements

Funny and clever Print Advertisements are effortless ways to put a Smile on Face. We all watched lots of digital TVC ads and some are really hilarious  and awesome. Funny ads make your brand or product more attractive and eye-catching. The print advertisements is the fastest way to communicate the message to world. Print advertising continues to… Continue reading 36 Hilarious and Clever Print Advertisements

Keyboard Accessibility Tips Using HTML and CSS

Making your website accessible for keyboard-only users is an important part of the bigger accessibility picture. Here are some keyboard accessibility tips you can quickly implement using basic HTML and CSS. A11y From the Beginning These tips are part of Web Accessibility: the Complete Learning Guide, where we’ve collected a range of tutorials, articles, courses, and… Continue reading Keyboard Accessibility Tips Using HTML and CSS