Distinguishing between ARIA and native HTML attributes

As a developer, you want to create more inclusive and accessible digital experiences for your users. Great! It’s possible, however, that you might be feeling a bit confused or overwhelmed by the element attributes that can affect the usability for users of assistive technology. ARIA (or WAI-ARIA, Web Accessibility Initiative-Accessible Rich Internet Applications) defines some… Continue reading Distinguishing between ARIA and native HTML attributes

Give Your Site Some Focus! Tips for Designing Useful and Usable Focus Indicators

What Are Focus Indicators? Have you ever noticed the blue outlines that sometimes show up around buttons or form fields? What about when you click on a menu item? Have you ever tried to make those outlines disappear? Here’s a hint: by default, browsers use the :focus css pseudo class to give outlines to form… Continue reading Give Your Site Some Focus! Tips for Designing Useful and Usable Focus Indicators

Almost Ready! WCAG 2.2 is one small step away from being officially done!

A new version of the Web Content Accessibility Guidelines (WCAG) is almost ready. WCAG 2.2 should be finalized in August 2023. This is a minor version update. If you are already familiar with WCAG 2.0 and/or 2.1, you probably have a number of questions. And we’ve got up-to-date answers! Why isn’t WCAG 2.2 ready yet?… Continue reading Almost Ready! WCAG 2.2 is one small step away from being officially done!

Are we there yet? WCAG 2.2 is at the Candidate Recommendation v3

If you’re a regular reader of the Deque blog, you may be asking yourself, haven’t I read this already? Well my friend, you may have. In September 2022, WCAG 2.2 reached the Candidate Recommendation (CR) stage for the first time. Then on January 25, 2023, WCAG 2.2 entered a second round of CR. And, you… Continue reading Are we there yet? WCAG 2.2 is at the Candidate Recommendation v3

Patterns are good

Why should you care about them? Apple Magic Mouse Versus Logitech MX Master. Source: Tidbits A design pattern is a document that describes a common solution to a recurring design problem. According to Tibor Kunert (2009), using design patterns allows designers to quickly find solutions to problems using proven designs, rather than starting from scratch each time.… Continue reading Patterns are good

How to Create a Figma Design System

Let’s get creative using Figma. In this tutorial we’ll focus on the style elements needed to start building a functional design system.  How to Create a Design System in Figma Let’s get started! In this easy-to-follow tutorial we’ll learn how to create the basic structure and style elements for a design system in Figma.  This… Continue reading How to Create a Figma Design System

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

10 Best Exit Intent Popup Plugins for WordPress

Are you having trouble keeping visitors on your website? Do you want to boost your conversions and sales? ConvertPlus is one of the many high quality exit-intent WordPress plugins on CodeCanyon. Keep website visitors on your website and grow your business with exit intent WordPress plugins. These plugins will quickly improve your retention, sales, or… Continue reading 10 Best Exit Intent Popup Plugins for WordPress

What is the Neubrutalism Web Design Trend?

Move aside brutalism, there’s a new web design trend in town. Welcome to the stage neubrutalism, which is a refreshing combination of the brutalist trend as well as the modern, minimalist trend that’s graced our screens for many years now. Read on for key features of this new design including what to look out for,… Continue reading What is the Neubrutalism Web Design Trend?

10 Best Free Open Source JavaScript Lightbox Widgets and Plugins

Images are crucial, whether you’re running an e-commerce or portfolio website. How many sales you make or new clients you get depends a lot on the quality of the images of your products and services that you can showcase through your images. So it makes sense to highlight your images with a lightbox. Lightboxes make… Continue reading 10 Best Free Open Source JavaScript Lightbox Widgets and Plugins

5 Best Comment Plugins for WordPress

An active comments area underneath each of your posts is a great way to increase the interaction on your website. Comments offer value to your content, show that your readers care about your site, and give visitors a reason to return. However, you must first make a space where your readers want to hang around… Continue reading 5 Best Comment Plugins for WordPress

Fixing Problems With Borders in Dark Mode (Email Design)

* { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;} Borders aren’t always treated the same as other elements when it comes to emails in Dark Mode. In this article I’ll take you through what is happening to your borders, as well as how fix any problems you’re having with them. Top Email Templates on Envato Elements… Continue reading Fixing Problems With Borders in Dark Mode (Email Design)

20 Best WooCommerce Product Add-Ons

Do you want to create an easy shopping experience on your WooCommerce products pages? Here are 20 of the best WooCommerce product add-ons to make it possible! They make your product pages more user-friendly and user-focused by adding intuitive functionalities like: adding easy navigation using filters  allowing customers to personalize their orders offering extra choices  and… Continue reading 20 Best WooCommerce Product Add-Ons

Quick Ways to Make a Webpage More Scannable

In the information age, time is a valuable commodity and something people don’t want to spend too much of. As a result, the average visitor only reads about 20% of the content of a page.  For web designers and developers, that means a few things: first, you need to ensure that the web pages you… Continue reading Quick Ways to Make a Webpage More Scannable

What is HubSpot?

In case you haven’t heard, HubSpot themes are now available on ThemeForest! Whether you’re new to HubSpot or are still honing your skills, read on for the ins and outs of the platform, including how it can help your business reach new heights.  What is HubSpot?  In a nutshell, HubSpot is inbound marketing and sales… Continue reading What is HubSpot?

10 Website Design Must-Haves For Any Small Business

0 Shares Having a website is essential for small businesses. It helps build an online presence and expand your reach. However, to maximize the website’s potential, website owners need to understand must-have web elements. If your website misses important features, you may lose out on potential customers and revenue. It’s also worth mentioning that not… Continue reading 10 Website Design Must-Haves For Any Small Business

Better Focus Styles with CSS Pseudo-Class :focus-visible

In this quick tip I’m going to show you how to create better focus styles on form elements with a CSS pseudo-class called :focus-visible.  Or, in plain English, I’m going to show you how to get rid of this blue outline the right way: CSS Pseudo-Class :focus-visible Check out the video below, subscribe to the… Continue reading Better Focus Styles with CSS Pseudo-Class :focus-visible

Top Video Marketing Trends of 2021 So Far

Video is everywhere online; hosting platforms like YouTube and Vimeo; social media platforms like Facebook, Instagram, and Twitter, along with dedicated streaming services such as Netflix and Amazon Prime are all pumping out video content at a ferocious rate. And people are watching. In 2021 people are watching an average of 100 minutes of online… Continue reading Top Video Marketing Trends of 2021 So Far

Four Free Flutter Widgets You Should Know About

Flutter development has experienced unprecedented growth in the last year. Not only has it expanded as a channel for developers to expand their skillset in Dart, but it has also allowed them to enjoy the perks of a single codebase. Whether you are making a widget on Flutter or looking for a Flutter widget that could make a… Continue reading Four Free Flutter Widgets You Should Know About

How to Build a Simple Theme Switcher With the CSS Checkbox Hack

In this tutorial, you’ll learn how to create a CSS-only theme switcher by taking advantage of the “CSS checkbox hack technique” and CSS variables. Ready for another CSS challenge? Note: This tutorial assumes that you’re familiar with this particular CSS technique along with advanced CSS selectors (e.g. general sibling combinator). If you haven’t heard of… Continue reading How to Build a Simple Theme Switcher With the CSS Checkbox Hack

How To Create The Design For a Fleet Management Solution

Design plays a significant part in software development, regardless of the industry and target audience. After all, before even trying the array of features, that’s how users get acquainted with a product. No matter the type of solution, the design of software goes far beyond creating pictures. Instead, it’s all about showing customers the very… Continue reading How To Create The Design For a Fleet Management Solution

How to deal with designers in 10 easy steps

[unable to retrieve full-text content] This is is a satire. Did you just hire a couple of designers, thinking they would sit quietly and create some visuals? I have bad news for you. They are already thinking about changing things, while blabbing about people, ethics, experiences, and a guy named Norman. Soon enough, they will audit… Continue reading How to deal with designers in 10 easy steps

How to Create Online Brand Consistency (for Email and Web)

In an economy that’s more digital than ever, one statement stands particularly strong:  “Brand consistency is the key to survival in today’s digital economy” – Marketing Week Brand consistency leads to brand recognition, and brand recognition leads to brand trust. Have you ever trusted a brand you didn’t recognise? The Challenge of Online Brand Consistency… Continue reading How to Create Online Brand Consistency (for Email and Web)

Flexbox Align: When to Use Auto Margins Instead of Flexbox Center

Flexbox alignment properties are superb and they solve lots of layout problems, especially where the common “vertical and horizontal center” layout is needed. However, there are times when aligning with auto margins is safer and more flexible. This tutorial will show you when! Get Started with Flexbox If you’re just stepping into the world of… Continue reading Flexbox Align: When to Use Auto Margins Instead of Flexbox Center