We’ve been on a kick lately here at 1WD, looking at ways to code things in pure CSS without utilizing JavaScript, not because we don’t like JavaScript, but when you …
This tutorial will guide you through creating a responsive dropdown navigation using CSS only, with the help of CSS flexbox and the “checkbox hack”. Basic knowledge of HTML and CSS…
While most websites use similar navigation structures and placements, there are small proportions that break free of the traditional layouts. These websites often do so to present a unique design,…
In the world of website design, user experience is everything. And the menu bar at the top (or side) of your website is the starting point where many users will…
Navigation is the key to a good user experience (UX). Users rely on intuitive digital navigation to locate helpful information, explore a brand’s story, and make purchasing decisions.
Confusing navigation…
We’ve curated a collection of the most unique, yet highly usable, menu code snippets that offer a quick solution to the many responsive navigation issues you will no doubt encounter.
There is one thing web designers have in common with designers in other disciplines. It is that they look for simple solutions to specific problems. This is the case with…
Whether it uses a hamburger, a tab bar, a toggle or a switcher, the most effective examples are apps that implement what is best for their product and users.
This article is all about creative websites and their unique navigations. Navigation plays a crucial role in the success or failure of any website. An easy to navigate website is…
In this tutorial, I am going to show you how to create a sticky navigation bar. In the project I was working on recently I had a chance to experiment with CSS3 and jQuery.