Responsive design och ikoner för dolda menyer

Smashing återigen – som skriver bra artikel om vilka ikoner som används idag för att visa att det finns dolda menyer.Ingen standard har satt sig ännu, men majoriteten av de största sajterna använder sig av en ikon med tre streck. Dock används den olika på olika sajter. Vid tryck på ikonen på Twitter bootstrap, så  fälls en meny ut. Dconstruct 2012 fäller ut en meny ovanför som skjuter ned toppen av sajten.
Och i iOs så används ikonen med streck i Findern för att ge fullbredd åt filer och mappar.

Andra bra alernativ  är skriva ut ordet Meny med plus efter. Safe att använda är också en pil nedåt brevid valet. Det indikerar en select meny.

Dåligt exempel är kugghjul, som indikerar att det handlar om inställningar.

Artikeln ger också hjälp med hur man lätt kollar av om browsern klarar SVG eller inte:

1 if (!Modernizr.svg) {
2     $("#svg-icon").css("background-image", "url(fallback.png)");
3 }

 

Etiketter: , ,

Kommentera

Fyll i dina uppgifter nedan eller klicka på en ikon för att logga in:

WordPress.com Logo

Du kommenterar med ditt WordPress.com-konto. Logga ut / Ändra )

Twitter-bild

Du kommenterar med ditt Twitter-konto. Logga ut / Ändra )

Facebook-foto

Du kommenterar med ditt Facebook-konto. Logga ut / Ändra )

Google+ photo

Du kommenterar med ditt Google+-konto. Logga ut / Ändra )

Ansluter till %s


%d bloggare gillar detta: