• 6 argument för kortare CSS selectors

    Ett intressant och läsvärt inlägg av Harry Roberts om varför vi ska skriva kortare CSS selectors i vår kod.

  • CSS Hat förvandlar layer styles till CSS3

    Finurligt. Om det fungerar bra, kan det bli kul att exprimetera med.

  • Teckenstorlek med px, %, em eller rem?

    Att sätta rätt teckenstorlek på webben kan vara krångligt.  Speciellt eftersom det finns så många skolor som alla berättar varför just deras sätt är bäst. Jag tänkte i det här inlägget försöka gå igenom skillnaderna, styrkorna och nackdelarna med de olika sätt man kan sätta teckenstorlek på webben med.

    Ett utmärkt inlägg från David Paulsson om typografi på webben.

  • CSS3 Clouds

    Vackra moln. Slut på meddelandet.

  • Beercamp 2012

    Ett riktigt snyggt exempel på vad som går att göra med CSS 3D och SVG.

  • Pears

    Dan Cederholm:

    Collect, test, and experiment with interface pattern pairings of CSS & HTMLPears is an open source WordPress theme, enabling people like you to get your own pattern library up and running quickly.

    Brilliant.

  • Responsive Web Design

    Webben är i ständig utveckling. Under 2011 har jag lärt mig mer än någonsin. Från detta året kommer jag att ta med mig följande tankar. Se det som en reflektion kring en teknik som har förändrat min approach till hur man kan bygga en webbplats.

    Det här är hur jag gör, du är fri att göra precis som du vill. Istället för att försöka omvända dig, får du mitt perspektiv. Hur du använder webbens magiska möjligheter är helt upp till dig. Jag tror på att vi tillsammans är med och skapar fantastiska webbplatser under de kommande åren, oavsett vilket tillväga gångsätt vi har.

    Under 2010 introducerade Ethan Marcotte Responsive Web Design i en artikel på A List Apart. Senare kom även boken Responsive Web Design av samma man. Jag är lite seg i starten, så under det senaste året har jag pluggat in hur konceptet fungerar.

    (more…)

  • CSS3 Labs

    Interactive CSS3 Lighting Effects

    3D transforms are awesome, but they’re even cooler with lighting effects!

    3D rendering av en iPad med ljusreflektioner. Riktigt läckert.

    Matrix Code in CSS

    A CSS experiment using transitions, 3D transforms and animations. No JavaScript is required.

    Om du är svag för Matrix och CSS-kod har du hittat rätt.

    CSS3 Dodecahedron

    Snyggt interaktivt expriment, som tydligt bevisar att CSS-fantasin inte behöver ha några begränsningar.

    Har du fler bra exempel? Skicka en tweet till mig på @viktorbijlenga

  • Typsnittshantering – Pixlar, em eller rem

    Ett riktigt bra blogginlägg om typsnittshantering borta hos Typekit, skrivit av Ethan Marcotte.

    Sure, sizing text isn’t the most glamorous topic. What’s more, it can get downright contentious, with camps forming around their favorite units of measurement. The truth is, each approach has its own unique strengths and limitations.