2652 böcker kvar » css http://2652.se tills jag dör Thu, 06 Oct 2011 11:46:23 +0000 en hourly 1 http://wordpress.org/?v=3.3 Web Standard Creativity http://2652.se/2009/07/web-standard-creativity/ http://2652.se/2009/07/web-standard-creativity/#comments Sun, 26 Jul 2009 16:06:44 +0000 Kal http://2652.se/?p=166 Fick en fråga från Aardvark:

(From Michael M./37/M/Munich,DE)
I’m looking for good books on web design, but not like most books about the technical part (html/css/js etc.), more about visual design and usability. Any recommendations?

Aardvark

Så jag ställde mig och tittade igenom bokhyllan efter bra böcker att tipsa om. En bok om användbarhet kändes ganska lätt, jag tipsade om Steve Krug:s Don’t Make Me Think, men det kändes värre med webbdesignen.

Boken jag hittade i bokhyllan som kändes någorlunda vettig i sammanhanget var Web Standard Creativity, problemet är bara att jag inte hade läst den själv. Jag skickade med den ändå med brasklapp.

Och så la jag fram den för att faktiskt läsa den också.

Boken innehåller tio kapitel där en webbutvecklare/webbdesigner berättar om en teknik för att göra fräna webbgrejer. Boken är indelad i tre delar med layouttekniker (§1-5), typografi för webbdesign (§6-7) och DOM-skriptningsteknik (§8-10):

  1. Semantic Structure, Dirty Pretty Presentation av Simon Collison
  2. Taming a Wild CMS with CSS, Flash, and JavaScript av Dan Rubin
  3. New York Magazine: My, What a Classy <body> av Ethan Marcotte
  4. Designing for Outside the Box av Andy Clarke
  5. Creative Use of PNG Transparency in Web Design av Jeff Croft
  6. Grid Design for the Web av Mark Boulton
  7. Bridging the Type Divide: Classic Typography with CSS av Rob Weychert
  8. Print Magic: Using the DOM and CSS to Save the Planet av Ian Lloyd
  9. Creating Dynamic Interfaces Using JavaScript av Cameron Adams
  10. Accessible Sliding Navigation av Derek Featherstone

Problemet med webbdesignböcker är ju att webben rör sig ganska snabbt. Det som var hett 2007 (när boken kom ut) är inte längre lika hett. Men designprinciper ändras inte för att trenderna rör sig och andra tekniker används, så jag hoppades få ut en del av den ändå.

Och det kanske man kan säga att jag fick. Simon Collison berättar om designen av Dirty Pretty Things sajt vilket var intressant ur perspektivet hur de närmar sig en designprocess (även om tekniken inte är särskilt cutting edge). Dan Rubins för att återigen göra tydligt att kod och utseende inte är samma sak och att man även om man inte får röra koden kan åstadkomma ganska mycket. Ethan Marcotte diskuterar att anpassa layout efter skärmupplösning (och då ändra upplägget för sidan).

Andy Clarke gör en design för något han kallar WorrySome.net (en sajt som inte finns och aldrig funnits). Designen är ganska dålig och valen av hur han skriver css (han använder attribut-selektorer för div:ar med id istället för att bara använda #-tecken) och sätter bakgrundsbilder på html-taggen. Att han dessutom designar en låtsas-sajt istället för en riktig exempel för en sån här bok är bara ynkligt. Men då har jag aldrig gillat Andy Clarke heller (när jag fortfarande läste rss-flöden åkte han ut som en av de första bland webbdesignbloggarna).

De två kapitlen om klassisk typografi och webbdesign är bra, även om det finns mycket mer att säga om ämnena. Som introduktion för grid-teknik och webbtypografi gillade jag dem ändå.

DOM-kapitlen kvittar mig lite, även om jag borde bli mer intresserad av skriptteknik. Som webbutvecklare är jag ganska begränsad i min oförmåga att inte alls kunna utveckla egna skript, bara anpassa andras. Jag har många gånger planerat att lära mig the basics för att kunna påbörja saker som andra får ta över, men jag har aldrig kommit så långt (trååkigt).

Tyvärr måste jag nog säga att mitt Aardvark-råd ändå var ganska dåligt. Den är helt enkelt ganska mycket teknik och inte så mycket design. Men det jag la till, som råd, förutom en bok var att försöka inspireras av annat än webbdesign istället. Det är dessutom ett råd som aldrig slutar gälla, oavsett var trenderna går.

Länkar

]]> http://2652.se/2009/07/web-standard-creativity/feed/ 0 2643: Dan Cederholm ”Web Standard Solutions” http://2652.se/2004/08/2643-dan-cederholm-web-standard-solutions/ http://2652.se/2004/08/2643-dan-cederholm-web-standard-solutions/#comments Mon, 16 Aug 2004 22:53:35 +0000 Kal http://2652.se/?p=14 En snabb bok, lite väl grund kanske. Men med välformulerade tankar om semantik och webbstandarder. Hela boken kan väl ses som en förlängning av Dan Cederholms SimpleQuiz-frågor.

Jag känner mig lite för insyltad nu och kräver mer. Jeffrey Zeldmans (som skrivit ett oengagerat förord till boken) ”Designing With Web Standards” är en mycket bättre bok för att verkligen komma in i nyttan med webbstandarder. Jag läste aldrig ens färdigt den, för jag var för sugen på att komma igång att arbeta. Och det måste väl vara det bästa betyget en sådan bok kan få.

Men det semantiska perspektivet är värt att diskutera mer. Just nu är jag till exempel i bryderier om hur man borde märka upp skivtitlar, låttitlar och artister för nästa version av dagensskiva.com. Allt blir verkligen så logiskt som det borde vara om man märker upp sidor semantiskt korrekt. Diskussionen bör alltså handla om vad som faktiskt är semantiskt korrekt och inte varför man borde använda det. Det finns så många fördelar, som att man får extra element att märka upp innehållet med via css samt att det faktiskt blir device independent.

Just därför vänder jag mig mot en passage i boken. Det fina med att märka upp allting semantiskt och sedan använda css för att designa är att det faller sönder så fint om (x)html-koden inte kan visas som avsett. En lista blir en lista, en text blir en text i rätt följd. Man kan ju till och med skapa en logisk struktur om man slår bort alla style-sheets. Men när Cederholm diskuterar drop caps tappar han tråden. I kapitlet Styling Text (en bit in Drop Caps, sid 196) använder Dan en span för att göra en anfang. Och det är ju verkligen helt galet i en bok som den han skriver. Han slår på trumman och säger att vi ska använda standarder, men så använd då de standarder som finns. Det funkar där det funkar och inte där det inte stöds. Pseudo-elementet first-letter är just till för just anfanger. Som så: p:first-letter {blaha blaha}. Ordningen borde varit – 1. Standardlösning. 2. Den lösning som fungerar för resten.

Men som helhet och som stöd för att börja tänka semantiskt fungerar boken. Även om jag aldrig skulle välja den istället för Zeldmans.

Mitt nästa inköp i ämnet blir Eric Meyers CSS Pocket Reference, som precis kom (eller ska komma) i ny version.

]]> http://2652.se/2004/08/2643-dan-cederholm-web-standard-solutions/feed/ 0