Archive for oktober, 2012

UI Cloud – Design patterns och inspiration.

oktober 24, 2012

http://ui-cloud.com/

Sök eller browsa genom kategorier som progressbar, buttons etc. Träffarna visas som bilder. mkt bra!

Annonser

Firefox accessiblitiy inställningar

oktober 23, 2012

http://kb.mozillazine.org/Accessibility_features_of_Firefox
I FF så står det inte angivet i vilken storlek i procent man zoomat upp texten till, men på den här sidan så ser har man skrivit ut att det först är 120%, 150% och sedan 200% som är det man angivit som gräns för att sajten ska klara i WCAG 2.0

Colour contrast checker på macen

oktober 22, 2012

http://mac.softpedia.com/get/Graphics/Colour-Contrast-Analyser.shtml

Bilder på händer för WF – ipads

oktober 21, 2012

http://uxblog.idvsolutions.com/2011/10/ipad-hand-image-assets.html

Få in wireframes från Omnigraffle in till ipad

oktober 21, 2012

http://forums.omnigroup.com/showthread.php?t=15850

Ett måste: Läsa serie i Smashing magazine om senaste gratis tekniker och trender.

oktober 12, 2012

http://coding.smashingmagazine.com/2012/10/02/csscomb-tool-sort-css-properties/

Responsive design och ikoner för dolda menyer

oktober 12, 2012

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 }

 

Bra artikel om JavaScript och jQuery.

oktober 12, 2012

Smashing Magazine skriver om hur man gör bättre JavaScript APIs. Bland annat om hur man skriver kod så att den blir mer lättförståerlig och läsbar. och hur man effektiviserar användandet av jQuery.

http://coding.smashingmagazine.com/2012/10/09/designing-javascript-apis-usability/

Inspiration för sök

oktober 8, 2012

Artikel om faceted search – bra sammanställning av olika exempel, vertikal, horistontella, hybrider:
http://isquared.wordpress.com/2011/05/18/designing-faceted-search-getting-the-basics-right-part-1/

Bra exempel på sök med filtrering:
Stockholm stad: (siteseeker)
http://www.stockholm.se/-/Sok/?id=125594&q=dagis&resid=1056865451&www.stockholm.secs=104&uaid=B0180F6983D19D3D75637A9E5FA4BCF7%3a3137322E32302E3135312E313132%3a5246538819264188704

Airbnb:
https://www.airbnb.com/s/Vancouver–BC–Canada?checkin=06%2F22%2F2012&checkout=06%2F25%2F2012&guests=2&price_min=66&price_max=1316

Yelp: (horisontell filtrering)
http://www.yelp.com/search?find_desc=taco&find_loc=San+Francisco%2C+CA&ns=1

 

http://www.tripadvisor.se/

 

http://www.booli.se/

 

http://www.systembolaget.se/