Tag: technique

Tabs, Used Right

Summary:  Tabs are everywhere, but do you use them properly? Distinguish between types of tabs, design them for visual clarity, and structure their content for usability. Tabs are a fundamental and frequently used control in interface design. For decades, the humble tab has enabled designers to organize and facilitate content navigation. In that time, tabs… Continue reading Tabs, Used Right

Test smart: How to validate product on a business-facing level?

It took a long time since my story How to Select Testing Techniques for an Agile Team was published (if you ask me what happened in between, the short answer will be: a war in Ukraine and a career pivot). The mentioned story focused on Agile Testing Quadrants, a method presented by Lisa Crispin and… Continue reading Test smart: How to validate product on a business-facing level?

Why Unique ID Attributes Matter

Ambiguous IDs can cause both your developers and your users a lot of frustration, and may ultimately damage customer relations. A Little Background It’s one of the most common WCAG 4.1.1 violations reported by automated accessibility testing tools such as aXe, and it can cause a fair share of problems for your users. It happens… Continue reading Why Unique ID Attributes Matter

Accessibility of the Button: Should We Fix It or the Root Cause Problem?

Let me tell you a story along the lines of…Button, Button, Who’s Got The Button? Typical “how to” articles are dry laundry lists of tactical “do this/don’t do that” mechanics that do nothing to help you think about WHY you should do things differently. Today, I’m going to share a more strategic accessible design approach… Continue reading Accessibility of the Button: Should We Fix It or the Root Cause Problem?

Trends and Movements (isms) in Web Design You Should Know

In web design nowadays we’re quick to assign an “ism” to any passing trend. But no matter how arbitrary or fleeting they are, these isms can be important to understand.  “Isms” in the art and design world come from artistic movements; styles and philosophies practiced by a group of artists and designers, usually with a… Continue reading Trends and Movements (isms) in Web Design You Should Know

3 Essential Design Trends, June 2022

Are you bored with some of your current design projects? This month’s collection of website design trends can help break you out of that rut with some fun and funky alternatives. And all of these options are anything but boring. From visual display to technique, these trends present a different set of challenges. Here’s what’s… Continue reading 3 Essential Design Trends, June 2022

2 Ways to Protect Your HTML Email Links (and Prevent SPAM)

In this tutorial we’ll describe two straightforward techniques for protecting HTML email links from being scraped by spammers. Although these techniques cannot guarantee full success, they’ll give you an extra layer of protection. Email Templates on Envato Elements Before we dive in, don’t forget that you can download unlimited email templates with your Envato Elements… Continue reading 2 Ways to Protect Your HTML Email Links (and Prevent SPAM)

How to Create a Venom Logo in Adobe Illustrator

Welcome to this tutorial on how to draw a Venom logo! We’ll be using the new 3D features in Illustrator to create this awesome-looking Marvel Venom logo design. Learn to control a variety of advanced settings such as lighting, colour, 3D materials, and more! Short on time but still need to create a movie-style text… Continue reading How to Create a Venom Logo in Adobe Illustrator

How to Copy and Paste in Procreate

What You’ll Be Creating * { box-sizing: border-box; } body {margin: 0;} Today, I’m going to show you how to copy and paste in Procreate—anything from one element to an entire layer—in a few simple ways. And if you’re looking for the best Procreate add-ons, don’t forget to visit Envato Elements. You’ll find Procreate brushes,… Continue reading How to Copy and Paste in Procreate

25 New Procreate Brushes For Pro Designers

2 Shares The Procreate 5 update is remarkable, and Procreate drawing, illustration and painting has never been so easy and so realistic! The new Procreate brushes are best for painting and sketching. You don’t need to customize anything, everything is already done. Just open the file in your Procreate app and start illustration, drawing and… Continue reading 25 New Procreate Brushes For Pro Designers

3 Essential Design Trends, September 2021

Do you ever get bored with design projects? Feel like you keep designing the same things on repeat? This collection of trends – from fun angles to illustrations where you wouldn’t expect them to cool three-dimensional concepts – is sure to help you think a little more out of the box. It might be just… Continue reading 3 Essential Design Trends, September 2021

Can design change the world?

[unable to retrieve full-text content] Design won’t make the world a better place unless we make it happen Illustration of Design Evocatio, or falling in love with a new Roman God 1. Design Evocatio When Roman generals aimed to conquer a new city, they had plenty of technological tools and tactics, but one of the most interesting ones… Continue reading Can design change the world?

What Is Glassmorphism? (With Examples)

May 31, 2021 by Sangalang Kristine Leave a Comment Glassmorphism, shape design, retrofuturistic – these are just a few of the trendy design concepts of 2021. Design trends are getting cleverer and more intuitive in the recent years. Web designers have been developing hundreds of new ways to create impressive aesthetics. These design aesthetics are… Continue reading What Is Glassmorphism? (With Examples)

How to Create Lists in Your App with Flutter?

A list is a key UI element for mobile apps. You’ll learn all about how to create lists in your Flutter app in this tutorial. You don’t need to be an expert developer to create lists in your Flutter app. If you’ve developed apps for Android or iOS in the past, Flutter’s ListView should seem… Continue reading How to Create Lists in Your App with Flutter?

Common Pitfalls New Web Designers Should Avoid

7 Shares Web design is one of the most crucial parts of digital marketing. A poor website design causes a site to lose visitors, which is throwing money out the window. When designing a website, there are some mistakes you cannot afford to make. We all learn from our mistakes. But, taking some time to… Continue reading Common Pitfalls New Web Designers Should Avoid

7 Bad Tips for a Newbie Designer

3 Shares It’s funny that some people look for write-ups on examples of bad web design online instead of directly learning from articles that show the good practices. It’s the reverse approach to learning the best practices, and it is even funnier to learn that other people even ask about popular websites with bad designs.… Continue reading 7 Bad Tips for a Newbie Designer

How to Build a Fake AJAX “Load More” Mechanism (JavaScript Tutorial)

The other day I was working on a WordPress project that used ACF (Advanced Custom Fields) Pro’s flexible content. If you aren’t familiar with this field, imagine it as a miniature of the Gutenberg and Elementor builders that gives you the ability to define different types of layouts. So, on this project, the design required… Continue reading How to Build a Fake AJAX “Load More” Mechanism (JavaScript Tutorial)

Working With Tables in React, Part One

One of the most common user interface elements for presenting your data is a table. It turns out that there are many aspects to control when working with tables, such as: defining columns and headers various cell formats (text, numbers, check boxes) resizing filtering dynamic growing styling In this two-part series, you will learn about… Continue reading Working With Tables in React, Part One

How to Customize Contact Form 7 for WordPress: Floating Labels

You might have seen forms where the placeholder text is animated when you start typing into that input. This pattern isn’t new, yet still remains a popular trend in UX form design. Today, we’ll learn the steps needed for adding this behavior into a form built with Contact Form 7 (CF7), one of the most… Continue reading How to Customize Contact Form 7 for WordPress: Floating Labels

How to Make a Minecraft Twitch Overlay

What You’ll Be Creating In this tutorial, we’re going to make a Minecraft Twitch overlay template. We’ll use screenshots from the game to create a custom stream overlay that you can use on Twitch or any other platform you prefer. You will need Minecraft, Adobe Photoshop, and streaming software of your choice. The result is a Minecraft… Continue reading How to Make a Minecraft Twitch Overlay

How to Paint Watercolor Flowers in Clip Studio Paint

What You’ll Be Creating If you want to learn how to paint watercolor flowers digitally, in this tutorial I’ll show you how to make a watercolor effect in Clip Studio Paint. I’ll show you what brushes to use, how to shade the flowers, how to create a watercolor edge, and how to finish it all… Continue reading How to Paint Watercolor Flowers in Clip Studio Paint

WP_Query Arguments: Categories and Tags

In the earlier parts of this series, you’ve learned how WP_Query is structured and what its properties and methods are. The next stage is to understand the various arguments you can use with it and how best to do so. WP_Query has a large number of possible arguments, which makes it extremely flexible. As you can use it… Continue reading WP_Query Arguments: Categories and Tags