Tag: Navigation

Menu-Design Checklist: 17 UX Guidelines

Summary:  People rely on menus to find content and use features. Use this checklist to make sure your menus do their job. Too often, we observe users struggling with menus that are confusing, difficult to manipulate, or hard to find. Avoid common mistakes by following these guidelines for usable navigation menus. Make Navigation Visible 1.… Continue reading Menu-Design Checklist: 17 UX Guidelines

How to Create a Multilingual Website: A Step-by-Step Guide

The importance of multilingualism on the web can’t be overstated. As businesses aim to reach wider audiences across the globe, having a website that speaks the language of your visitors isn’t just nice-to-have anymore—it’s a necessity. For that reason we’ve created this guide to walk you through the process of creating your own multilingual website,… Continue reading How to Create a Multilingual Website: A Step-by-Step Guide

Designing for scalable Dynamic Type in iOS

Designing for scalable Dynamic Type in iOS for accessibility When we wanted to implement accessibility settings on our iOS mobile app, I had to figure out where to start. Looking online, I could only find engineering resources. It was all about code and how to implement it with UIKit or SwiftUI with plenty of great… Continue reading Designing for scalable Dynamic Type in iOS

16 Free Looped Animation and Samples to Use for Your Projects

October 4, 2021 by Sangalang Kristine Leave a Comment Animation in websites has reached new, incredible levels since the increased availability of free looped animation on the internet. The great news is that there are numerous sources available.  These could be samples, templates, or ready-to-use animations you can simply embed on your website. Why Use Looped… Continue reading 16 Free Looped Animation and Samples to Use for Your Projects

6 Things to Consider for Your Shopify Store

As a freelance web designer, Shopify is one of the best platforms to create an online store for your clients. Gone are the days where you must build your websites from the ground up on a basic text editor. Shopify boasts some powerful tools to help you design your site, requiring minimal knowledge of HTML… Continue reading 6 Things to Consider for Your Shopify Store

Easy to Follow SEO Best Practices for Web Designers

Most graphic and website designers have a general knowledge about what search engine optimization (SEO) is and why it’s important. However, many still think that SEO is not relevant to the design process or can be implemented after the website is designed. Unfortunately, both of these beliefs are false.  How Web Design Impacts SEO Website… Continue reading Easy to Follow SEO Best Practices for Web Designers

Fail or Success? How You Build Your Website will Show Result

There are great prospects to create a niche for website by implementing best techniques. Website design and development should be relevant to the industry and it should be done as per the needs of the customers. The prospective customers should be able to access various features in a very efficient manner. The usability and appearance… Continue reading Fail or Success? How You Build Your Website will Show Result

How to Create a Mega Menu With a Free WordPress Plugin

In this post, we’ll explore the WP Mega Menu plugin which allows you to create content-rich navigation menus on your WordPress site. We’ll go through the different aspects of this plugin and we’ll also build a real-world example for demonstration purposes. A sticky menu stays at the top of the screen, so that however far… Continue reading How to Create a Mega Menu With a Free WordPress Plugin

Useful Tips For Designing Great User Interface for Apps

Today mobile applications are playing an essential role in helping businesses in catering a large customer base. Having a visually stunning mobile app isn’t good enough. For a truly successful mobile application, a user-friendly interface must be in mind. Implementing best practices for mobile design is key to getting your app in stores and used… Continue reading Useful Tips For Designing Great User Interface for Apps

12 Biggest UX Flaws Hijacking User Experience (and How to Fix Them)

Undeniably, website designing is a cut and dried chore these days. First off, you get a simple layout ready. Next, you paint it with combination simpler colors. Then you stuff it with simplest words possible. Get set go! However, in their eagerness to launch their site in a hurry, most website owners forget to address… Continue reading 12 Biggest UX Flaws Hijacking User Experience (and How to Fix Them)

Building Effective Navigation Menus

Designing effective navigation menus should be a core competency of any decent web designer. A good navigation menu will be short, well-organized, sufficiently descriptive and effective at corralling user intent. There no secret recipe involved: it comes down to empathy for the user and understanding of their intentions. Address The User’s Need Before you build… Continue reading Building Effective Navigation Menus

Best 7 Game Websites Design Examples for Inspiration

Here’s a fact: a great video game requires an equally awesome website. TV commercials, promotional videos, and teasers are a good start to gain exposure; however, it is not enough. For a successful and well-known brand, these kinds of promotional strategy are already sufficient. For a startup brand, you will need to do a little… Continue reading Best 7 Game Websites Design Examples for Inspiration

7 Design Myths That Will Wreck Your Site

When I was a junior designer I made plenty of mistakes. I believed false assumptions mostly because I did not have the experience yet to know better. I still don’t know it all. But, I am always eager to learn new things about design and to see which preconceived notions are accurate or a complete… Continue reading 7 Design Myths That Will Wreck Your Site

4 fresh alternatives to the hamburger menu

Some say web design has become boring. Current trends and high-end techniques establish the rules for the creatives, playing a low-down trick on the community. Everyone wants to be in the mainstream, and release products that go viral; it means that a million interfaces are likely to have the same features. Of course, content can… Continue reading 4 fresh alternatives to the hamburger menu

Less Is More – Minimalist And Simple Web Design

Image source: Vadim Grin[2] Exposed to lots of senseless content on the internet, we grow more sensitive to mess and distractions. We come across useless texts, we receive a pile of magazine spam, ads or business commercials, and we have serious difficulties in determining what is really worth our attention. Responsiveness Image source: Erikas Mališauskas[3]… Continue reading Less Is More – Minimalist And Simple Web Design

Stretchy Navigation in CSS and jQuery

Would you like a Stretchy Navigation in CSS and jQuery? It’s a rounded navigation trigger that stretches on click/tap to reveal the navigation items. There are 3 different user cases where this snippet would be useful: 1) fixed navigation, 2) add content button and 3) edit content button. The HTML structure is pretty basic: a… Continue reading Stretchy Navigation in CSS and jQuery

Page Stack Navigation Template with CSS & JavaScript

Codrops has just published a Page Stack Navigation template for a simple page stack navigation based on the Dribbble shot by Ilya Kostin, Stacked navigation. The idea is to show a navigation when clicking on the menu button and transform all pages in 3D and move them to the bottom of the viewport. The next… Continue reading Page Stack Navigation Template with CSS & JavaScript

Awful Website Navigation Mistakes You Should Avoid

A website’s navigation is one of the most important elements in a site’s design. Visitors need to use navigation to make their way through the website and find the information that they are looking for quickly. If the navigation is confusing or if it trips up the user in any way, you run the risk… Continue reading Awful Website Navigation Mistakes You Should Avoid

Slideout.js – Touch Slideout Navigation Menu for Web Apps

Slideout.js is a touch slideout navigation menu for your mobile web apps. it’s dependency-free with simple markup. It supports native scrolling. You can easily customize it as you wish. It supports different CSS transforms & transitions. Best of all, it’s just 4 Kb. Requirements: – Demo: https://mango.github.io/slideout/ License: MIT License

Solutions To Fix Navigation Issues For Mobile Devices

When it comes to creating a responsive design for mobile the most challenging aspect we face is creating a navigation menu that works well on any mobile device screen. Especially, when your website navigation menu has several items, squeezing all those items into a mobile device with small screen resolution, is a tricky problem to… Continue reading Solutions To Fix Navigation Issues For Mobile Devices

Designing a Responsive Navigation Your Users Will Love

The process of creating a website should always start with general ideas. These turn into wireframes or low-fidelity mockups to give the designer a sense of direction. It’s fairly straightforward, but the creative process requires a large visual library of existing layouts to understand which interfaces are usable and well-designed. Navigation is a huge part… Continue reading Designing a Responsive Navigation Your Users Will Love

The Listed Voyage: 30 Free jQuery Navigation Menus

Nowadays, jQuery navigation menus are more than just plain texts with links on it. I presented to you how you can create a navigation menu with jQuery and CSS3, which is a cool way to display your menus on your site. With the power of jQuery, it can turn the navigation of a website into… Continue reading The Listed Voyage: 30 Free jQuery Navigation Menus