Webbrelaterat - Design och resurser för webbdesigners » HTML5

Snabbtips: Använd CSS3 i IE med ett par enkla Javaskript hack

Johan — Wed, 29 Dec 2010 16:03:25 +0000

Dom senaste månaderna har jag jobbat med en rad roliga projekt och en sån propagandamaskin jag är att tjata på klienter att det är okej att använda CSS3 redan idag. Ibland är kunderna otroligt skeptiska eller kan det vara så att kunden vill verkligen att det ska se lika ut i olika webbläsare. En gemensam nämnare som åter kommer upp är hur löser jag runda hörn, box-skuggningar, pseudo klasser osv utan en rad olika Javaskript hack i alla dem vanligaste webbläsare.

Två små Javaskript bibliotek som verkar göra sitt jobb är..

Modernizr

Detta bibliotek stödjer CSS3 och HTML5 som Multiple backgrounds, box-shadow, Drag and Drop, CSS Gradients och många fler. Besök sidan för mer information. Något som kan vara användbart i många olika typer av projekt.

Se mer på Modernizr

Selectivizr

Selectivizr gör så du kan använda pseudo-klasser i Internet Explorer. Att använda pseudo-klasser (:nth-child(N)) sparar tid och möda och även roligt att använda. Se mer om pseudo-klasser på Sohtanaka och en kort se värd video kan du se på net.tutsplus.

Se mer på Selectivizr

4 Praktiska tutorials med hur du bygger hemsidor i HTML5 och CSS3

Anton — Wed, 30 Jun 2010 23:16:12 +0000

Anton här!
Johan har väldigt mycket att göra med sitt nya jobb, därför erbjöd jag mig att uppdatera lite tills Johan kommer tillbaka och skriva sin suveräna blogginlägg.

Nu när HTML5 och CSS3 börjar bli allt vanligare kan det vara bra att öva sig genom lite praktiska tutorials, därför har jag samlat ihop 4st tutorials som är oerhört bra dig som vill lära dig mer om HTML5 och CSS3.

One page portfolio hemsida

Hur man bygger en one-page portfolio hemsida. Mycket användbart för dig som letar efter inspiration till din nya portfolio hemsida – finns mycket att lära här.

Iphone App hemsida

Hur man bygger en Iphone App hemsida, mycket användbar tutorial. Använder en glow effekt, som är riktigt cool!

HTML5 Portfolio med jquery

En till HTML5 och CSS3 tutorial som berör one page hemsidor. Använder sig av många nya tekniker som tillkommit med CSS3.

Bygg en elegant hemsida i HTML5 och CSS3

Min favorit tutorial, den är oerhört bra. Det ges lite fakta, och tutorialen är väldigt enkel att följa.

Hoppas dessa tutorials var lärorika, lämna gärna en kommentar om vad du tyckte, eller vad du vill se mer av för inlägg.

Närmare titt på nya HTML5 och CSS3, inspiration, resurser och exempel

Johan — Tue, 18 Aug 2009 12:45:34 +0000

Det har varit hemskt tyst här ett tag. Finns många anledning till det. Bara för att ta nån dålig ursäkt är det för sommaren har varit här plus att jag har jobbat med två andra projekt som har ätit upp min tid. En av dom intressantaste delarna i denna bransch i sommar har varit nya HTML5 och CSS3. Även om detta inte är en officiell standard än och det kommer att dröja länge innan det så skadar det inte att hänga med och lära dig alla nya roliga tricks. Gå djupare och få en översikt vad som kommer hända med den nya webben.