Tag: UI

How to Add the Sticky HTML5 WordPress Music Player to Your Site

There are a lot of reasons why you might want to add a music or audio player to your WordPress website. You can use it to allow users to play the audio version of the article they are reading or you can use it to simply add some nice background music to the website. If… Continue reading How to Add the Sticky HTML5 WordPress Music Player to Your Site

Sections: Wireframe kit for landing pages

Sections Wireframe Kit is a library of UI components for building landing page wireframes in minutes. Freebie is available as Sketch and Figma file formats and includes 8 ready-made screens in light mode. The full version provides much more components and it’s available for just $33. Download free version Check out the full version

An Introduction to CSS-in-JS: Examples, Pros, and Cons

CSS-in-JS libraries provide us with a new approach for writing CSS. They aim to tackle the limitations of CSS, such as the lack of dynamic functionality, scoping, and portability. In spite of its advantages, CSS-in-JS is a controversial technology, as many developers ask if it’s worth further complicating front-end development.  This article intends to give… Continue reading An Introduction to CSS-in-JS: Examples, Pros, and Cons

How to Create a Web Booking Form With the Smart Forms Script

Booking forms can serve a lot of purposes on a website. You can use them to allow your visitors to book a hotel room or tickets to a popular event. They can also be used for other things like booking appointments with clients. They are a great way for people to simply give you all… Continue reading How to Create a Web Booking Form With the Smart Forms Script

5 Human Things UX Designers Can Learn From Conversational Design

It seems like magic: you talk to the phone, and it talks back. And if you’re lucky, it says something useful. You type into the chat box, and if the bot is good, you find out what you need to know. [Cue: shocked-looking stock photo models.] The current marketing term for it is “conversational design”,… Continue reading 5 Human Things UX Designers Can Learn From Conversational Design

Best Hotel Booking Website Designs for Inspiration

In this article, we introduce you to the best hotel website designs of 2019 and explain how to create a design that draws the eye. Hotel booking websites and services are becoming more and more popular. A hotel booking website must be attractive to visitors. If you’re about to create a hotel booking website, start… Continue reading Best Hotel Booking Website Designs for Inspiration

How to Embed PDF Files on Your WordPress Site With a Free Plugin

Today, we’ll explore the PDF Poster plugin for WordPress which allows you to embed PDF files on your WordPress site. I’ll demonstrate how you can use this plugin on your own site to embed PDF files. As a site owner, sometimes you’ll need to embed and display PDF documents on your website. It could be… Continue reading How to Embed PDF Files on Your WordPress Site With a Free Plugin

Is Google Toast?

For those too young to remember, the Browser Wars entailed a tech rush by, among others, Netscape and Microsoft, resulting in useless features being implemented because they were fast to bolt-on, and useful features being rushed because they were hard. After the Browser Wars, the internet entered an era of stability as the last vestiges… Continue reading Is Google Toast?

Mastering UX Writing With UI Powered Tips

UX writers create the copy that users interact with when using software, apps, and other products. This includes button text, error messages, policy and terms documents, help text, prompts, and instructions. Good UX writing improves user experience by making your product easier and more enjoyable to use. The best UX writers understand the ways in… Continue reading Mastering UX Writing With UI Powered Tips

7 Common UX Designing Mistakes Found in the Mobile App Realm

Mobile app market seems to be mushrooming like never before. Developers are making the most of on-boarding tactics, inline hinting or tutorials to attract users’ attention for long. Do you which is the best mobile app design found across the globe? It is the one that goes unnoticed. It is rightly said that we humans… Continue reading 7 Common UX Designing Mistakes Found in the Mobile App Realm

Dazzling Slow Motion Effects For Tomorrow’s Sites

Slow motion effects can be attention-grabbing tone setters in your website. Careful use of animation helps users better understand a changing user interface. When to Animate Your User Interface When we see an interface visually animate from one state to the next, it helps the user understand “where” they are in the metaphorical spacial plane… Continue reading Dazzling Slow Motion Effects For Tomorrow’s Sites

Prime: A UI kit for creating Design Systems

Prime is a UI framework for Sketch that may come in handy when you need to create a full-fledged Design System at the speed of light. This is a project by Przemyslaw Baraniak, UX/UI Designer from Poland. Creating a design system sounds like a lot of work: with Primer you can save 80% of the… Continue reading Prime: A UI kit for creating Design Systems

The 10 Most Awe-Inspiring Web Designers on Instagram

March 29, 2019 by Christopher Jan Benitez Instagram started out as a place for people to share and publish photos. It eventually gave way to professionals where they can showcase their creative skills and talents. Because of this, a growing number of designers now use Instagram to showcase their pieces to the world. Not only… Continue reading The 10 Most Awe-Inspiring Web Designers on Instagram

10 Best React Native App Templates of 2019

React Native has been gaining in popularity for one obvious reason: it allows developers to target different mobile operating systems with a single codebase. This means that you no longer have to build the same app for both iOS and for Android from scratch, and you don’t have to forgo one or the other platform. Now you… Continue reading 10 Best React Native App Templates of 2019

Which of Figma’s Pricing Tiers is Right for You?

Figma is a free-to-use design application, but it also offers added features for paying subscribers. Let’s take a look at the differences between Figma’s three pricing tiers. Note: this is part of our regularly updated learning guide The Designer’s Guide to Figma. Figma’s Three Pricing Tiers These are the tiers on offer: Free Professional ($12… Continue reading Which of Figma’s Pricing Tiers is Right for You?

Mason Is a Front-End Builder Worth Exploring

Building a front-end for your site from scratch might be the hardest part of building a great web app. The idea and logic can be perfect, but if the user interface is a wreck, you’ll never be a success. That’s where tools like Mason’s front-end-as-a-service become so valuable. With Mason, you can visually build a… Continue reading Mason Is a Front-End Builder Worth Exploring

How to Use Animation in Angular 6

In this tutorial, you’ll learn about the importance of animations in improving the user experience. I’ll show you how to incorporate animations in Angular 6 applications with the help of animation components and Bootstrap. The Role of Animations in User Design Most web users are visual creatures and therefore respond to visual objects. This means… Continue reading How to Use Animation in Angular 6

Hands-on With ARIA: Accessibility for eCommerce

Looking to make your site more accessible? Or maybe you want to make it easier to traverse your site overall using browsers and other interfaces? Using ARIA, you can do both. Let’s take a look at what ARIA is and how it can benefit an eCommerce site. We’ll also go through some examples step by… Continue reading Hands-on With ARIA: Accessibility for eCommerce

So You’re Selling a WordPress Theme: Best Practices for Demos

When you’re selling a theme, its demo is your sales pitch. If the demo falls short in some way, it’s doing a disservice to the theme and will lead to a loss of sales. If your theme includes hundreds of features, but buyers can’t see them in action, you may as well have no features… Continue reading So You’re Selling a WordPress Theme: Best Practices for Demos

7 Key Factors In Interviewing Users for UX Surveys

When it comes down to it, you need to find out if your design works for the end user. That’s what usability testing is all about. As a designer, you live in a small bubble, intimately familiar with the design, fluent enough to navigate complex menus with ease. But will the user attain the same… Continue reading 7 Key Factors In Interviewing Users for UX Surveys