Viktor Bijlenga

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.

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.
Next →