Bra CSS bøker

Anders-Meyer — Thu, 30 Jul 2009 07:33:26 +0000

Eg kika litt i webstatistikken for webdesign bloggen min og fann ut at mange søker etter CSS bøker, utan at eg har skrive noko som helst om CSS bøker! Dette må eg endre på så her presenterar eg nokre av dei CSS bøkene eg har lese og synes er gode bøker for å lære seg meir CSS. Mange tenkjer at CSS ikkje er noko ein treng å lære frå bøker, ein finn jo mange gode artiklar om CSS på nettet. Men CSS bøker er som oftast bygd opp meir heilhetleg enn det sporadiske artiklar er. Det finnes ikkje nokre spesielt gode bøker om CSS på norsk, iallefall ikkje som eg veit om.

Bulletproof Web Design

God bok om XHTML og CSS, frå Dan Cederholm. Boka har mange praktiske og fleksible eksempel som gjer at dine webdesign blir “skuddsikre”.

Web Standards Solutions: Second Edition

Denne boka har eg ikkje lese sjølv, men ein anna webentusiast frå Stord anbefalar ho, så då må den være bra. Det er også Dan Cederholm som har skrive denne boka så eg antek at denne boka passar bra i hop med Bulletproof Web Design boka.

HTML Utopia: Designing Without Tables Using CSS

For mange år sidan måtte eg endre måten eg bygde nettsider på frå bruk av tabellar og “spacer-gifs” til dei skumle og ukjende “divane”. Då var denne boka ei god støtte å ha på ferda. Og denne kan anbefalst om du er vant til å bygge nettsider “old-school” og ynskjer å ta i bruk moderne teknikkar med XHTML og CSS.

Vonar at bøkene er til hjelp for dei som måtte trenge bra CSS bøker. Har nokon andre tips, skriv gjerne ein kommentar under

Alt du veit om CSS er feil!

Anders-Meyer — Wed, 22 Oct 2008 23:08:50 +0000

Alt du veit om CSS er feil!, slik lyder tittelen på ei ny bok frå Sitepoint: “Everything You Know About CSS Is Wrong!“. Boka viser deg nye teknikkar i CSS som gjer at du slepp avanserte flyte-layoutar og “hacks” for å få webdesignet på stell med CSS-basert layout. Dei påstår at det skal bli lettare å bruke CSS, noko som høyres ut som ein kjedeleg kvardag tykkjer eg.

Dei viser teknikkar som ikkje er 100% støtta i dagens nettlesarmarknad, men så snart IE 8 er nummer 1 blant windowsbrukarane vil teknikkane dei viser ha full støtte. Alle dei andre støttar det allerde: Firefox, Safari, Opera osv..

Dei går spesielt inn på den nye støtten for display:table; display:table-cell; og display:table-row; disse nye display-mulighetane gjer at du kan få alt frå DIVar til H2ar til å oppføre seg som tabellceller – altså CSS-tabellar. Dette gjer at me kan la semantisk-html-kode presentere layouten som ein tabell utan at det er ein tabell. Eh, det høyres jo litt tåpeleg ut, kvifor ikkje berre bruke ein tabell til? Jo, du får ryddigare, lettare og rettare kode i motsetnad til å lage ein tabell-tabell som er tyngre.

Digital Web Magazine viser eit eksempel frå boka:

HTML:

 


⋮ HTML head content…






⋮ navigation column content…


⋮ news headlines column content…


⋮ main article content…

CSS:

#main {
  display: table;
  border-collapse: collapse;
}

#nav {
  display: table-cell;
  width: 180px;
  background-color: #e7dbcd;
}

#extras {
  display: table-cell;
  width: 180px;
  padding-left: 10px;
  border-right: 1px dotted #d7ad7b;
}

#content {
  display: table-cell;
  width: 380px;
  padding-left: 10px;
}

Ferdig webdesign:

Dette virka svært lovande tykkjer eg, spesielt med tanke på vertikalfordeling, der har alltid tabellar hatt overtaket på CSS. Det var på tide at det kom ei ordning på det. Men det er nokre år til me kan bruke det aktivt då, diverre.. framleis mange som brukar både internet explorer 7 og 6! Kanskje i 2010?

Fireisland » bøker