fjordaan + navigation 97
LukeW | Multi-Device Layout Patterns
6 weeks ago by fjordaan
Through fluid grids and media query adjustments, responsive design enables Web page layouts to adapt to a variety of screen sizes. As more designers embrace this technique, we're not only seeing a lot of innovation but the emergence of clear patterns as well. I cataloged what seem to be the most popular of these patterns for adaptable multi-device layouts.
layout
mobile
patterns
responsive
lukew
multi-device
multiple
device
off-screen
navigation
swipe
6 weeks ago by fjordaan
Responsive Navigation Patterns | Brad Frost Web
12 weeks ago by fjordaan
Here’s some of the more popular techniques for handling navigation in responsive designs:
css
mobile
navigation
responsive
patterns
brad
frost
12 weeks ago by fjordaan
COLOURlovers :: Color Trends + Palettes
march 2009 by fjordaan
COLOURlovers We Love YouCOLOURlovers™ is a resource that monitors and influences color trends. COLOURlovers gives the people who use color - whether for ad campaigns, product design, or in architectural specification - a place to check out a world of color, compare color palettes, submit news and comments, and read color related articles and interviews.
netvouzimported
netvouzpublic
color
colourlovers
community
design
dynamic
navigation
palettes
popup
trends
march 2009 by fjordaan
Mega Drop-Down Navigation Menus Work Well (Jakob Nielsen's Alertbox)
march 2009 by fjordaan
Big, two-dimensional drop-down panels group navigation options to eliminate scrolling and use typography, icons, and tooltips to explain the user's choices.
netvouzimported
netvouzpublic
alertbox
doormat
dropdown
jakob
mega
menus
navigation
nielsen
march 2009 by fjordaan
Losing Context - Blog of Bryan Haggerty
april 2008 by fjordaan
This is the blog of Bryan Haggerty
netvouzimported
netvouzpublic
blog
bryan
design
fadein
fixed
haggerty
navigation
april 2008 by fjordaan
Alex Jones
march 2008 by fjordaan
Web Technologist, Barbecue Acolyte, Information Junkie, Austinite
netvouzimported
netvouzpublic
alex
blog
design
dynamic
jones
mac
navigation
orange
osx
sifr
march 2008 by fjordaan
Skip Navigation
september 2007 by fjordaan
This is an analysis/study of techniques for "skip navigation" links (also "skip to main content" links) which resulted from an assignment I had in the Web Content Accessibility Guidelines working group, Techniques task group.
netvouzimported
netvouzpublic
accessibility
jim
navigation
skip
skipnav
thatcher
september 2007 by fjordaan
The Myth of "Seven, Plus or Minus 2"
february 2002 by fjordaan
Also see http://www.humanfactors.com/library/sep00.asp http://www.internettg.org/newsletter/aug00/article_miller.html (CHI-WEB 6 Feb 2002)
netvouzimported
netvouzpublic
information
james
kalbach
minus
myth
navigation
plus
seven
webreview
february 2002 by fjordaan
related tags
3d ⊕ 8edge ⊕ accessibility ⊕ accessible ⊕ accessify ⊕ advertising ⊕ affiliates ⊕ agency ⊕ ajax ⊕ alertbox ⊕ alex ⊕ alternative ⊕ anchor ⊕ angela ⊕ angeles ⊕ animation ⊕ ant ⊕ applets ⊕ architecture ⊕ art ⊕ asia ⊕ asiarooms ⊕ asktog ⊕ asp.net ⊕ australia ⊕ background-image ⊕ banner ⊕ bar ⊕ bbc ⊕ bengals ⊕ bernard ⊕ best ⊕ billy ⊕ birds ⊕ blog ⊕ board ⊕ boardgamegeek ⊕ borough ⊕ brad ⊕ breadcrumb ⊕ breadcrumbs ⊕ broadband ⊕ browserware ⊕ bryan ⊕ buy ⊕ captions ⊕ cart ⊕ carts ⊕ cat ⊕ center ⊕ centred ⊕ checkout ⊕ cheltenham ⊕ christmas ⊕ city ⊕ clagnut ⊕ clean ⊕ click ⊕ clinic ⊕ closed ⊕ cms ⊕ color ⊕ colour ⊕ colourlovers ⊕ colter ⊕ community ⊕ comparison ⊕ complementary ⊕ componentart ⊕ computer ⊕ computerarts ⊕ conservation ⊕ contents ⊕ contextual ⊕ controls ⊕ conventions ⊕ cooking ⊕ cool ⊕ corporate ⊕ coudal ⊕ council ⊕ critical ⊕ criticalmass ⊕ cross-browser ⊕ crude ⊕ css ⊕ css-discuss ⊕ css-p ⊕ css-styled ⊕ css2 ⊕ culture ⊕ curiousmedia ⊕ curtain ⊕ cutout ⊕ cvs ⊕ deafness ⊕ delicious ⊕ dell ⊕ demo ⊕ design ⊕ designassembly ⊕ device ⊕ dhtml ⊕ discussion ⊕ discussions ⊕ display ⊕ diveintoaccessibility ⊕ don ⊕ dontclick ⊕ doormat ⊕ dotnet ⊕ drag ⊕ dragicevic ⊕ drop ⊕ drop-down ⊕ dropdown ⊕ dsw ⊕ dthml ⊕ dv ⊕ dynamic ⊕ e-business ⊕ e-com ⊕ e-commerce ⊕ easysite ⊕ ecom ⊕ ecommerce ⊕ ecompany ⊕ editorial ⊕ electronicmiracles ⊕ element ⊕ endless ⊕ eric ⊕ eskimo ⊕ euro ⊕ evolt ⊕ exhibition ⊕ expanding ⊕ experiment ⊕ eyewire ⊕ faceted ⊕ facetmap ⊕ facets ⊕ fadein ⊕ fadeout ⊕ fasttrack ⊕ fatdux ⊕ film ⊕ financial ⊕ find ⊕ fixed ⊕ flash ⊕ fleet ⊕ fly ⊕ flyout ⊕ fold ⊕ folksonomy ⊕ fonts ⊕ forms ⊕ forum ⊕ foundry ⊕ frame ⊕ frost ⊕ fulfillment ⊕ function ⊕ functionality ⊕ funky ⊕ gallery ⊕ game ⊕ generate ⊕ gesture ⊕ gifts ⊕ gilder ⊕ gimmicks ⊕ glassdog ⊕ global ⊕ gloucester ⊕ government ⊕ grid ⊕ guru ⊕ haggerty ⊕ handbags ⊕ hardware ⊕ harvey ⊕ hci ⊕ health ⊕ help ⊕ herald ⊕ here ⊕ heuristics ⊕ hierarchies ⊕ hierarchy ⊕ historywired ⊕ home ⊕ homeopathy ⊕ homepage ⊕ hongkong ⊕ hopkins ⊕ horizontal ⊕ hotels ⊕ how ⊕ howden ⊕ hudson ⊕ huge ⊕ hugeinc ⊕ hybrid ⊕ ia ⊕ ibm ⊕ icons ⊕ ideas ⊕ identifier ⊕ identify ⊕ iht ⊕ illustration ⊕ image ⊕ in-page ⊕ infodesign ⊕ information ⊕ inline ⊕ inook ⊕ institute ⊕ interactive ⊕ international ⊕ isometric ⊕ ivillage ⊕ jakob ⊕ james ⊕ japan ⊕ java ⊕ javascript ⊕ jay ⊕ jeff ⊕ jim ⊕ jones ⊕ kalbach ⊕ kayak ⊕ keyboard ⊕ kiki ⊕ labeling ⊕ landscape ⊕ latimes ⊕ layout ⊕ link ⊕ link-rich ⊕ links ⊕ linotype ⊕ liquid ⊕ list ⊕ list-o-matic ⊕ listamatic ⊕ lists ⊕ login ⊕ los ⊕ louis ⊕ lukew ⊕ mac ⊕ magazine ⊕ management ⊕ map ⊕ maps ⊕ marketmap ⊕ markup ⊕ martin ⊕ maryland ⊕ mass ⊕ matthew ⊕ mayo ⊕ medical ⊕ medicine ⊕ meerkat ⊕ mega ⊕ mental ⊕ menu ⊕ menus ⊕ merchandising ⊕ meta ⊕ michael ⊕ minimal ⊕ minus ⊕ mobile ⊕ models ⊕ moma ⊕ mooch ⊕ mouse ⊕ mouseover ⊕ mousewheel ⊕ multi-device ⊕ multimedia ⊕ multiple ⊕ museum ⊕ music ⊕ myfonts ⊕ myth ⊕ nagaoka ⊕ nancyundfrank ⊕ nasa ⊕ navigation ⊖ netvouzimported ⊕ netvouzpublic ⊕ new ⊕ news ⊕ newsletters ⊕ next ⊕ nid ⊕ nielsen ⊕ nike ⊕ none ⊕ notify ⊕ off-screen ⊕ orange ⊕ oreillynet ⊕ original ⊕ osx ⊕ palettes ⊕ parenting ⊕ partners ⊕ patterns ⊕ peterme ⊕ pg ⊕ pharmacy ⊕ photo ⊕ photography ⊕ photoshop ⊕ pie ⊕ piemenus ⊕ pierre ⊕ pixel ⊕ placement ⊕ plus ⊕ polaroid ⊕ popup ⊕ portal ⊕ portfolio ⊕ position ⊕ practice ⊕ practices ⊕ pregnancy ⊕ prev ⊕ projectseven ⊕ promotions ⊕ protection ⊕ pure ⊕ pvii ⊕ radio ⊕ recently ⊕ recipe ⊕ recipezaar ⊕ redenvelope ⊕ registration ⊕ reiss ⊕ rel ⊕ relevare ⊕ render ⊕ research ⊕ responsive ⊕ retail ⊕ reviews ⊕ richtextbox ⊕ rnid ⊕ robot ⊕ roger ⊕ rollover ⊕ rollovers ⊕ roots ⊕ rosenfeld ⊕ royal ⊕ rscg ⊕ rspb ⊕ rss ⊕ scan ⊕ screencast ⊕ screenreader ⊕ scripts ⊕ scroll ⊕ scrolling ⊕ search ⊕ secondstory ⊕ select ⊕ selector ⊕ seven ⊕ sharp ⊕ sheets ⊕ shoe ⊕ shoes ⊕ shop ⊕ shopping ⊕ shortcuts ⊕ sifr ⊕ simple ⊕ simplebits ⊕ sims ⊕ singapore ⊕ sitemap ⊕ size ⊕ skip ⊕ skiplinks ⊕ skipnav ⊕ slick ⊕ smartmoney ⊕ smith ⊕ smithsonian ⊕ society ⊕ software ⊕ squares ⊕ stacked ⊕ standards ⊕ statement ⊕ store ⊕ stretching ⊕ structural ⊕ style ⊕ submit ⊕ subway ⊕ swipe ⊕ tab ⊕ tabs ⊕ tagging ⊕ tags ⊕ tape ⊕ task ⊕ task-based ⊕ text ⊕ textarea ⊕ thailand ⊕ thatcher ⊕ tier ⊕ times ⊕ tips ⊕ tom ⊕ tool ⊕ tools ⊕ train ⊕ transit ⊕ travel ⊕ travis ⊕ trends ⊕ tribune ⊕ truncation ⊕ tutorial ⊕ tweney ⊕ typography ⊕ ui ⊕ uk ⊕ ul ⊕ usability ⊕ useit ⊕ user ⊕ users ⊕ utilities ⊕ van ⊕ video ⊕ viewed ⊕ vimeo ⊕ visibility ⊕ ward7 ⊕ web ⊕ webaim ⊕ webby ⊕ webmd ⊕ webplication ⊕ webreview ⊕ website ⊕ weird ⊕ welie ⊕ what ⊕ who ⊕ why ⊕ wilson ⊕ windows ⊕ wine ⊕ winnowing ⊕ wireframe ⊕ wizard ⊕ women ⊕ worst ⊕ xhtml ⊕ yahoo ⊕ yugop ⊕ zappos ⊕ zdnet ⊕ zoom ⊕ zoomify ⊕ zooming ⊕ zui ⊕Copy this bookmark: