buttons Archives

Prompt Controls in GenAI Chatbots: 4 Main Uses and Best Practices

Summary: When following good practices, prompt controls can increase the discoverability of genAI chatbots’ features, offer inspiration, and minimize manual user input. Adding UI Controls to Prompting Generative AI (genAI) chatbots, such as ChatGPT and Perplexity, rely heavily on text prompts from their users. As these interfaces continue to evolve, AI chatbot designers have started… Continue reading Prompt Controls in GenAI Chatbots: 4 Main Uses and Best Practices

Aura: Reimagining Therapy through a Multisensory Perspective

[unable to retrieve full-text content] A service that aims to provide experiential multisensory therapy by building upon the virtues of the self-devised ‘Experience-Therapy Dyad’ and mixed reality. Team Pranoy Kanungo , Nikhil Srivastava, and Sahil R Timeframe 3 Months (July 2021 to October 2021) Designing for Mental Wellness With the passage of time, the value of mental health has solidified… Continue reading Aura: Reimagining Therapy through a Multisensory Perspective

Barcelona vs Real Madrid: Battle of the Websites

We studied 11 of the most popular sections and compared their usability, user experience, appearance, and functionality. If the section was better, a goal was scored for the winning team. In case of a draw, a goal was added to both clubs. Let the battle begin! Home page Both websites start with an almost full-screen… Continue reading Barcelona vs Real Madrid: Battle of the Websites

Best AI Design Tools: Insights & Tips From 50+ Tools

Impact of AI in design When it comes to design, AI has great creative capacity, given its text generation and text-to-image capabilities. Seeing some photorealistic images generated by AI, we cannot help but wonder what this means for us as designers. Some of the questions that were on our minds: How can we use this… Continue reading Best AI Design Tools: Insights & Tips From 50+ Tools

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

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

Tag: buttons