Archivo de la etiqueta: Navigation

26 Useful jQuery Navigation Menu Tutorials

By Brant Wilson

Mega Drop Down Menus w/ CSS & jQuery

Animated Navigation with CSS & jQuery

Create Simple Dropdown Menu Using jQuery

Collapsing Site Navigation with jQuery

Sigue leyendo

All About jQuery: Plugins, Tutorials and Resources


In this post, we are presenting a bunch of exciting and awesome jQueryplugins for your use. As we all know very well that jQuery is the most famous Javascript framework available out there which comes with many amazing features and is quite easy to be used.

You can use these plugins to add beautiful effects and functionality in your next project. These plugins will also help you in completing your task easily.

jQuery Menu and Navigation

Collapsing Site Navigation with jQuery ( Demo | Download )
Creating a collapsing menu that contains vertical navigation bars and a slide out content area. When hovering over a menu item, an image slides down from the top and a submenu slides up from the bottom.

Jqueryplugins26 in All About jQuery: Plugins, Tutorials and Resources

Beautiful Background Image Navigation with jQuery ( Demo | Download )
A beautiful navigation that has a background image slide effect. The main idea is to have three list items that contain the same background image but with a different position. The background image for each item will be animated to slide into place in different times, creating a really nice effect.

Jqueryplugins27 in All About jQuery: Plugins, Tutorials and Resources

Slot Machine Tabs ( Demo | Download )
Three columns in each content box rotate like a slot machine to reveal the content in the next content box when a new tab is clicked.

Jqueryplugins404 in All About jQuery: Plugins, Tutorials and Resources

Stylish Navigation Men ( Demo | Download )
A stylish CSS + XHTML navigation menu.

Jqueryplugins22 in All About jQuery: Plugins, Tutorials and Resources

Superfish is an enhanced Suckerfish-style menu jQuery plugin that takes an existing pure CSS drop-down menu.

Jqueryplugins23 in All About jQuery: Plugins, Tutorials and Resources

LavaLamp for jQuery lovers! ( Demo | Download )
Lavalamp allows you to create a beautiful effect over your horizontal navigation bars.

Jqueryplugins24 in All About jQuery: Plugins, Tutorials and Resources

Sexy Drop Down Menu w/ jQuery & CSS ( Demo | Download )
Create a sexy drop down menu that can also degrade gracefully.

Jqueryplugins25 in All About jQuery: Plugins, Tutorials and Resources

This jquery component let you easly build a sliding panel where to insert any kind of content; it has builtin all the functionalities for managing menu lines and sub panels with accordion effect. It can get the content via ajax and therefore you can dynamically build it by passing DATA via request using the metadata attribute settable on the extruder container.

Jqueryplugins21 in All About jQuery: Plugins, Tutorials and Resources Sigue leyendo

Showcase of Interesting Navigation Designs

  • By Sarah & Adrienne Kahn

    1. The light blue text looks like it’s hyperlinked. One of the first things a user sees upon loading the page is the blue “Who’s Komrade” heading. The first thing we did was click it, but nothing happened. This started the user experience off on the wrong foot. With this unusual scrolling navigation, distinguishing the clickable from the unclickable is extremely important.
    2. The numbered navigation for Komrade’s past work does not stand out enough. The red circles look like yet more flowers, which caused us to pass over them several times before figuring out that they were the navigation. This goes back to the clickable/unclickable issue. Well-placed labels would go a long way here.
  • Everyone is always looking for interesting and effective ways to organize their website and allow users to move about and find things. But there’s a fine line between unexpected and unusable. Three points to consider in any navigation scheme are consistency, user expectations and contextual clues.

    If page is long and provides different levels of navigation, will users be able to find their way through the site and use proper navigation quickly? Forcing visitors to use certain keystrokes to navigate, rather than what they’re used to, might be novel, but is that effective if you have to explain instructions prominently on your home page? Here are some examples for your reading pleasure. Sigue leyendo

A Showcase of Single Page Websites

thumbnailWhen designing a website with a minimal number of pages and not a ton of content, a single-page design can be an innovative way to set the site apart.

Single-page websites often utilize JavaScript and Flash, along with HTML and CSS to fit more content on a page without substantially increasing load times.

Navigation has to be given some special consideration when it comes to single-page sites, to make sure visitors can get back to the home section of the page without issues, and navigate from any one section to any other section. This is often achieved through sticky headers or repeating navigation in each section.

The sites below are all excellent examples of single-page websites. They’re both usable and aesthetically-pleasing, and take full advantage of the single-page format.



The Roaaar website includes a “return to top” link at the bottom of each section, which makes it easy for visitors to get back to the navigation in the header.


Duplos by Ricardo Mestre

The Duplos site takes a different approach, putting the main content at the bottom of the page. Navigation takes you further up the page, rather than down.

duplos Sigue leyendo

20 Awarded Illustration Print Ads
Posted by WDCore Editorial

Our today’s post consists of some inspirational and interesting Illustration Advertisements, which you do not see usually. These product ads are simply out of the usual run of things. Won’t believe it? Just have a look at these ads!

Dandruff Trails, Escapade

Desinfex: Duel

Lado B: Motel

Sigue leyendo

Part 2: How to Turn a Design Image Into a Working Web Page

In part 1 of this post we took a design template and thought about how best to turn the design into a working web page. Once we had an idea of how to approach the development of the page, we set up the basic layout for our site. However, we left off with an empty layout that was in great need of some real content inside. So what are we waiting for? Let’s start filling in that layout and finish developing the page.

Design Image to Web Page Part 2 Sigue leyendo

Website Design: Ten Areas Where You Can Learn From User Behaviour

Effective and usable web navigation and design are some of the key crucial components of your website communication success. Build clear, easy-to-navigate web pages and people will be happy, click a lot and come back for more. In this report, you will learn about ten typical online user behaviors that can immediately help you understand how and where to improve your own website design, to keep your readers engaged and interested in your content.

Photo credit: Jesper Noer and mashed up by Robin Good

Whether you like it or not, other people don’t see your website the same way you do.

You might think that you have a perfectly-intelligible website design, whereas readers on your site struggle to find the information they look for.

The funny thing is that you and I are not different from the people that visit our websites. In fact, when you and I stroll around the web, we do exactly the same: we go straight to content, we want all the info right away, we often don’t care about reading all the extra stuff surrounding the article, and so on.

That is why you can learn so much from user behavior. It helps you realize what is wrong about your site that you normally cannot see by yourself. Sigue leyendo

Cruces, Sol y La Imaginación

Cuando la imaginación y la creatividad suman infinito


el mundo del marketing se activa para ti


fanzine bejarano de historietas hecho en los 80

A Stairway To Fashion


Vinod833's Blog

This site is the bee's knees

Apasionada de las Redes Sociales

Compartir conocimientos 2.0 y Marketing Online

Zona de Promesas

Tecnología - Internet - Redes Sociales - Entrepreneurship - Música - Economía - Innovación

Top Master | Blog


La realidad alterna

Diario de sueños, cuentos, poesías y una novela en proceso


Startup and Technology News

Unencumbered by Facts

Taking unsubstantiation to new levels

Carlos Cordero

Blog de tecnología

PsicoEmocions Blog

Un Pont entre la Psique i les Emocions



Comunicación & Marketing

De Lilian Lanzieri


Dirección estratégica para la vida

Silvia Altamirano

An editorial designer that writes

StellarHIRE Partners

Founding Partner, StellarHire Partners - Executive Search Consultants. Recent engagements include Eloqua, SFDC, Tibco and Veeam.

ivanbrunpr's Blog

4 out of 5 dentists recommend this site

Matt on Not-WordPress

Stuff and things.


Noticias de Tecnologia.

Talento en Expansión

Tendencias y Mejores Prácticas en la Gestión de Personas de la Empresa 2.0

Two Leaves Tea SPAIN

Great Organic Tea! ✫✫✫✫✫ Te Organico en Piramides

Escuela de Dinero

El mejor Sitio en Español sobre lo básico para entender el Dinero y sus matemáticas relacionadas.

Intentando dejar huella...

...en cada uno de los visitantes

Ideas Para la

Portafolio de experiencias en la clase de español para Middle School.


Travel & Lifestyle Blog

déborah rueda

Un sitio más pero diferente sobre marketing on line

No solo los 80's

La mejor música de la historia

Molly Balloon's Blog

Identity + Dressing + Colour

El OJO PUBLICO. / Глаз общественности

Ver para contar & contar para ver. / Чтобы рассказать

Think Creative Idea

Marketing, publicidad, web y negocios

Social Media y más

Social Media, Redes Sociales, Marketing, SEO

The Coaching Alliance

El camino hacia el éxito

Luces y sombras de las marcas

Social Media, Marketing y Comunicación

CNN en Español: Ultimas Noticias de Estados Unidos, Latinoamérica y el Mundo, Opinión y Videos

Ultimas Noticias de Estados Unidos, Latinoamérica y el Mundo, Opinión y Videos

Javier GM Photography - México y más.

“Un fotógrafo tiene que ser auténtico y en su obra, debe expresar emociones, provocar reacciones y despertar pasiones.” ~ Javier García-Moreno E.

Natalia Gómez del Pozuelo

Experta en comunicación y oratoria


Alimentación, ocio y negocios, ALOYN, es un Grupo dirigido a Directivos y Propietarios de empresas, interesados en el mundo de la industria de alimentación y bebidas. Tanto por la parte de la industria productora como por la parte de la industria consumidora y/o distribuidora (Distribución Comercial, Horeca, Vending, Venta Directa, etc). También nos interesan las actividades ligadas al agroturismo y el enoturismo como magníficas actividades de promoción y difusión de la cultura gastronómica.

Blog de Jack Moreno

Un blog de Joaquín Moreno sobre recursos, literatura y ciencia ficción


Ensalada de Manjares

Infographic List

For those who love Infographics -


hay que ser libre para ser uno mismo


Recibe cada nueva publicación en tu buzón de correo electrónico.

Únete a otros 5.666 seguidores

A %d blogueros les gusta esto: