Konvertere fontstørrelser fra pixel til em

For at jeg skal slippe å dra frem kalkulatoren hver gang jeg skal regne om fontstørrelser legger jeg ut en oversikt over vanlige fontstørrelser i pixel og em her. For at konverteringene skal være gyldige må body deklareres i CSS med

1. body {
2. font-size: 1em;
3. }

10 CSS teknikker som gir litt utfordring

Nettuts.com har 10 tøffe CSS-teknikker som kan være en liten utfordring. Alt fra illustrasjonsbasert layout til værbasert stilark til stilark som skifter etter tid på døgnet til perfekt utskriftsstilark til CSS stolpegrafer får du tips om her. Sjekk ut artikkelen og lær litt CSS her :)

CSS sprites 2.0

For noen år siden kom Dave Shea med CSS sprites, CSS roll-over som vi aldri har sett det før. Nå har han gjort det igjen. I en artikkel på A List Apart viser han oss hvordan CSS sprites sammen med JQuery gjør at vi kan lage animasjoner på bakgrunnsbildene i for eksempel menyer. Ah, kanskje vi nå kan droppe flash-menyer (den mest idiotiske oppfinnelsen siden oppblåsbare dart-skiver)? Sjekk ut hvordan du lager CSS sprites 2.0 (tm) menyer.

Opera klarer Acid3-testen

Ifølge CSS3.info klarer nå Opera å rendre Acid3-testen 100% riktig. Vel og merke i lab-forsøk. En versjon som klarer testen er ikke sluppet ut enda (i skrivende stund). Webkit, en nettlesermotor som slippes som åpen kildekode, har sluppet en versjon som også klarer testen. Du kan laste ned Webkits versjon her.

IE8 støtter webstandarder som standard

Etter at det ble kjent at IE8 passerer Acid2testen, gikk Microsoft ut å foreslo at hvis nettleseren skulle følge standarder måtte du ha med en meta-tag som sa til IE8 at "denne siden skal rendres i standard modus". Etter mange diskusjoner og masse oppstyr har Microsoft snudd i saken! IE 8 vil nå rendre sider i standard modus som standard. Du kan lese saken på IEBlog.

Acid3 testen er klar

Nå er Acid3 testen klar i sitt nye hjem på Acidtests.org. Sjekk om din nettleser klarer testen her!

Nedtrekksmeny i ren CSS & XHTML

Nedtrekksmenyer kan være en smart løsning i noen sammenhenger, men hvis det er inkludert javascript for at de skal virke kan det virke mot sin hensikt. Enkelte slår av javascript i et snev av sikkerhetsparanoia, og Google klarer ikke lese javascriptmenyer når de skal indeksere sider. Derfor er det, både for tilgjengelighet og søkemotoroptimalisering, et smart trekk å lage en meny som ikke er avhengig av javascript. Les videre for å se hvordan jeg lager en nedtrekksmeny med bruk av kun CSS og XHTML.

Internet Explorer passerer Acid2-testen

Hjertet mitt gjorde et stort hopp i dag, og jeg kjente gleden spre seg når jeg leste overskriften om at IE8 passerer Acid2-testen. Dette er en storartet nyhet for webdesignere og utviklere. Selv om dette kun gjelder en test, og at vi må slite med IE6 og IE 7 i sannsynligvis noen år til, må jeg innrømme at håpet og drømmen om en bedre webutviklingshverdag har økt med flere hakk i dag.

10 CSS Design portaler

For å få inspirasjon til webdesign bruker jeg surfe rundt og se på andre websider. Før måtte man lete etter gode webdesign, men i dag er det mye lettere. CSS design portaler popper opp som paddehatter rundt overalt, så jeg tenkte at jeg skulle lage en liste over 10 av de.