3 Essential Design Trends, February 2024

Design By Carrie Cousins 2 days ago From atypical typefaces to neutral colors to unusual user patterns, there are plenty of new website design trends to try this month. Spring into a new website design aesthetic with some of the hottest trends of the season. Some of the things we are seeing right now are… Continue reading 3 Essential Design Trends, February 2024

Design for meaningful outcomes

Aim for quality outcomes, not just outputs — that’s how we can drive customer and business value! Designing for outcomes enables us to focus on customer needs and meaningful business results. “Start with the customer experience and work backwards to the technology,” Steve Jobs once said. To write a compelling story, start with the ending as a meaningful destination.… Continue reading Design for meaningful outcomes

Sketchy Pencil Effect with Three.js Post-Processing

From our sponsor: Get suggestions for improving your content, targeting, and marketing automations to help you increase revenue. In this tutorial, you’ll learn how to create a sketchy, pencil effect using Three.js post-processing. We’ll go through the steps for creating a custom post-processing render pass, implementing edge detection in WebGL, re-rendering the normal buffer… Continue reading Sketchy Pencil Effect with Three.js Post-Processing

How to create responsive cards with the help of auto-layout in Figma?

Auto Layout is one of the most powerful features of Figma and today we will be creating a card design inside Figma using Auto-Layout which will be fully responsive, i.e would respond to the screen size. demonstrates the responsive design of the card Before we get started, there are 3 main things we are talking about in… Continue reading How to create responsive cards with the help of auto-layout in Figma?

How to kick off strategic research if you are NOT Spotify?

First steps of strategic product research at Glovo by UXR & Data ✏️ Illustrations credits to Ivan Mesaroš / Available on Blush From Spotify, all the way to Microsoft, Booking.com and many more, the leveraging of multidisciplinary teams to conduct product research seems THE WAY to achieve more actionable, comprehensive insights providing a higher likelihood of making… Continue reading How to kick off strategic research if you are NOT Spotify?

15+ Best Figma Templates for UI and Web Designers

When creating a website or app, it’s essential to have a bunch of resources on hand to play with. That is, you don’t want to recycle the same old designs over and over again. Nor do you want to create the same designs everyone else is making – because they’re all working with the same… Continue reading 15+ Best Figma Templates for UI and Web Designers

Guide to Serif Fonts

Welcome to the ultimate guide to serif fonts! Whether you’re new to the subject or a bit more experienced, this guide will help you out. We’ll start by explaining what a serif font is and when you’d want to use one, and then we’ll look at some different types of serif fonts and introduce you… Continue reading Guide to Serif Fonts

Analyzing Code With Code Detection API

The world runs on code. Nearly every single aspect of our lives is in some way, shape, or form handled by code. It may be hidden and running behind the scenes, but it is ever-present in our daily activities. Waking in the morning thanks to our alarm clock or phone app, consuming news and media… Continue reading Analyzing Code With Code Detection API

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

How to Make the Background Transparent in Photoshop

There are several different ways to make a background transparent in Photoshop. And when multiple different tools do the same thing, it can be a pain to figure out which to use and when. Follow along as we go through four of the easiest ways you can quickly remove a background in Photoshop.  In a… Continue reading How to Make the Background Transparent in Photoshop

Advanced File Upload and Content Management With Filestack

We live in the information age. From communication to shopping to finances to work, we handle most of our interactions digitally through websites and apps. Yet even though the bulk of our information is digital, the sites and apps we use still need to access our data to manage it. As a developer, the thought… Continue reading Advanced File Upload and Content Management With Filestack

How to Create Metal Textures in Photoshop

What You’ll Be Creating In the following tutorial, I’m going to teach you how to create a metal pattern in Photoshop. You’ll create five different textures with Photoshop filters, gradients, and Blending Modes. You’ll get a cool metal pattern in Photoshop to use in your photo manipulations and digital paintings. Looking to brush up on… Continue reading How to Create Metal Textures in Photoshop

Does UX have an imposter problem?

8 reasons it might be them, not you. Illustrations throughout by Emma Clayton Eyes cast down, she whispered, “I feel like UX is a dance club that I can’t get a ticket into.” A heavy silence hung in the air. This, after two years working at one of the largest technology firms, in what most of us would consider… Continue reading Does UX have an imposter problem?

How to Make a Chain Brush in Photoshop

In this tutorial, you will learn how to make a chain brush in Photoshop. I will explain everything in so much detail that everyone can create the brush, even those who have just opened Photoshop for the first time. Do you want to save time with a ready-made brush? Check out this Chain Brush Photoshop… Continue reading How to Make a Chain Brush in Photoshop

How to Customize Contact Form 7 for WordPress: Checkboxes and Radio Buttons

In the past, we’ve discussed different customizations of the WordPress Contact Form 7 (CF7) plugin. Today, we’ll learn how to build custom checkboxes and radio buttons with this plugin. Sound like a good exercise? Here are two animated images that show how these form elements will look after our custom styling: And here is a… Continue reading How to Customize Contact Form 7 for WordPress: Checkboxes and Radio Buttons

How to automate competitor’s reviews collection to find great insights

In this article, I will show how to build a database of competitors reviews that will update itself automatically and how to get insights for your product development Imagine, that you are building a new product or feature. If it’s something new, you will go to potential customers and ask about how they solve this… Continue reading How to automate competitor’s reviews collection to find great insights

20 Well-Designed Blogs and Magazines for Video Game News

December 3, 2021 by Jake Rocheleau Household video games have been around for quite a few decades now. Each generation of gaming has really changed from the previous iteration. Nowadays, it is fairly common for kids and most adults to know about some generations of gaming. With such popularity in this market, new studios release… Continue reading 20 Well-Designed Blogs and Magazines for Video Game News

Top 15 Wireframing Tools for Web Designers

Editor’s Note: This post was written by Shah, who writes about web design & development. If you want to know about more useful tools for web design or more tips & ideas for web development, designermag.org is the place for you to see what has been shared for design, creativity & inspiration. You can join Shah… Continue reading Top 15 Wireframing Tools for Web Designers

40 Resources for Getting Started with jQuery Development

November 19, 2021 by Jake Rocheleau Each year, a new batch of young web developers are jumping into the field head-first. Often times, frontend web development is the easiest barrier to jumpstart learning. HTML/CSS work is quite simple, but delving into JavaScript provides a deeper realization of general programming topics. These include functions, loops, and… Continue reading 40 Resources for Getting Started with jQuery Development

UX-Friendly FAQ Page Template Designs

November 18, 2021 by Veronika FAQ pages are what make a website truly user-friendly. They provide the support and information that visitors need to take action, be it purchasing a product, testing a product, or subscribing to a newsletter. This collection includes some of the best examples of FAQ page template designs as well as… Continue reading UX-Friendly FAQ Page Template Designs

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 Design A Website With Data Privacy In Mind

If you have any experience with web design, you should be aware that a site consists of numerous elements. Examples include navigation, branding, visual graphics, and content, among others. Naturally, when building a website, you have to take into consideration these elements. For example, to ensure proper branding, it’s crucial to include your company’s logo.… Continue reading How To Design A Website With Data Privacy In Mind