Jan 23
Tags:
CSS,
hyperlinks,
style
When you style links, remember that users don’t read; they scan. You’ve heard that before, and it’s true. So, make sure your links are obvious. They should also indicate where they will take the user.
et’s start by looking at CSS selectors and pseudo-classes:
a:link { }
Unvisited link.a:visited { }
Visited links.a:hover { }
The user mouses over a link.a:focus { }
The user clicks on a link.a:active { }
The user has clicked a link.
Some Examples:
The TLC
uses not only plaint text links, but also icons to communicate the corresponding file types.
Dont forget about visiting link
Visited links are often overlooked, but they are very helpful, especially on larger websites. Knowing where they’ve been before is helpful for users, whether because they want to avoid pages they’ve visited or to make a point of visiting them again.
Always link your logo to the home page. Most users expect this convention across the Web. That said, don’t assume that users know this. Regular surfers expect it, but a number of users still look for the “Home” link.
Oct 04
Tags:
design,
icon,
noupe,
social media
In this post we release a new and free Social Media Icon Set: A Custom Icon Set, specially designed in a high quality and unique style for our readers that will hopefully meet your expectations and will come in handy in your projects.
6 beautiful and clean icons: New RSS, Twitter, Del.icio.us, Stumble Upon, Facebook and Email. This set was designed by IconShock and released exclusively for Noupe and its readers.
Download the set (.zip, including .png source files, 1.2 Mb)
Sep 02
Tags:
web 2.0,
web design evolution browser gradient trend mobile device
The internet is now more than 25 years old, and the least you could say about is that the art of designing websites has evolved a lot over that time. The way pages are designed changed is tied to the evolution of technology, let’s take a look at how it evolved.
From 1993 to 1996: The web is a boring place for designers
Trends: Plain text and blue underlined links.
From 1995 to 1998: browsers war
Trends: “Optimized for” buttons, animated gifs, blinking text.
From 1998 to 2000: Designers get serious about creating websites
Trends: Frames, rigid layouts with tables, gif image menus with hover effects,…
From 2000 to 2004: the rise of web standards
Trends: transparency, corporate websites standardization,…
From 2004 to 2007: the era of Web 2.0
Trends: Glossy buttons, shiny colors, gradients, widgets, rounded corners,…
From 2008 to now: moving to other devices
Trends: mobile web apps, air apps, grid-based designs.
