I dagarna har Google släppt ett antal stora nyheter. En av dom mest intressanta är Font API:et. Nu kan man enkelt via ett anrop till Google använda typsnitt som finns på deras servrar. Biblioteket med typsnitten är inte så stort idag men ska enligt källor fyllas på i framtiden.

Här hittar du Googles nya Font API

Microsoft är åter igen på gång med en ny version av sin hatade och oftast smutskastade webbläsare Internet Explorer. Version 9 är det alltså som är i antågande och överraskande nog ser det förvånansvärt bra ut. Stöd för HTML5, CSS3, SVG och en imponerande snabb Javascript motor är bara några godbitarna som nya webbläsaren har att erbjuda. Ska Microsoft för första gången lyckas lansera en webbläsare som är ansedd och respekterad av oss som arbetar med webben. Den slutliga lanseringen kommer att ske om några månader men du kan redan nu testa en väldigt tidig beta.

Vill du veta hur du får ut det mesta av din iPhone och hur du snabbast utför vardagliga funktioner? Applikationen Tips & Tricks – iPhone Secrets ger dig svar på dessa frågor och beskriver dolda funktioner som du inte ens visste fanns. Priset ligger på bekväma 7 kr så kolla in applikationen nu.

Sedan jag började med webbutveckling har jag använt Firefox som min standard webbläsare. Den blev mitt val bland annat för att det är en webbläsare som följer W3C:s standarder, är anpassningsbar och har stöd för tillägg som underlättar webbutvecklingen. Just den senaste var en otroligt viktig aspekt i mitt val.

Jag har senaste tiden dock upplevt Firefox som lite slö och tar upp allt för mycket datorprestanda. Så efter ett flertal krascher på slutet valde jag att byta webbläsare till Google Chrome. Varför? Chrome är otroligt snabb, stilren och har på slutet också fått allt fler tillägg för webbutvecklare i sin arsenal som till slut vägde över. I den här artikeln tänkte jag gå igenom några tillägg eller ”extensions” som Google kallar det som underlättar i webbutvecklingen.

Web Inspector

Om du använder Firebug i Firefox så kommer du känna igen dig i Web Inspector. Web Inspector fungerar i princip på samma sätt och här kan du kolla och analysera dina html element och dess css värden. Du kan också kolla hur snabb laddningstid dina olika komponenter på din sajt tar. Web Inspector talar också om ifall det finns några fel på sajten. Som sagt har du använt Firebug så vet du hur Web Inspector fungerar.

Pendule

Pendule är väl motsvarigheten till Web Developer i Firefox kan man säga. Har inte dock alla funktioner som Web Developer men väl mycket nyttigt som tex validering, linjal och en color picker.

Chrome sniffer

Ifall du är nyfiken på vad andra sidor använder för ramverk eller tekniker så är Chrome sniffer ett bra tillägg. Det visar snabbt en ikon i adressfält för tex WordPress om sidan är byggd på det.

Resolution test

Kolla hur din sida ser ut i olika upplösningar, jag tycker den här fungerar bättre, snabbare och enklare än motsvarigheten som finns i Web Developer för Firefox.

Xmarks

Kanske inte är speciellt utmärkande för just webbutveckling men att kunna synka dina bokmärken mellan olika datorer och webbläsare är helt underbart.

Tilläggen för Google Chrome växer för var dag som går, har du några tillägg som du gillar? Nämn dom gärna i kommentarerna.

Det dyker upp fler och fler sajter som använder inslag av nya CSS3 standarden. Vad kan man egentligen göra med CSS3 och vilka funktioner finns? I den här artikeln går jag igenom en del av de nya funktioner som finns och vad man kan använda dom till.

Skuggor

En funktion som används flitigt redan idag och även här på bloggen är skuggor. Man kan använda skuggor på texter och på boxar, det är två olika definitioner och dom ser ut såhär:

Rundade hörn

En annan funktion som också används väldigt mycket är möjligheten att runda hörnen på blockelement. I dagsläget stödjer inte Internet Explorer eller Opera funktionen men det enda som händer i de webbläsarna är att hörnen blir fyrkantiga vilket inte ställer till det alltför mycket. Så här ser korthandsdefinitionen ut:

Notera att det krävs -moz och -webkit för att det ska renderas korrekt i webbläsarna. Den ursprungliga implementationen ska dock vara border-radius. I dagsläget är det ingen webbläsare som stödjer det, men det kommer i och med Opera 10.50 och troligtvis även i Internet Explorer 9. För att styra varje hörn individuellt skiljer det sig lite på Firefox och Webkit implementationen:

RGBA

RGBA är något som kan bli användbart då man kan styra opaciteten på ett element direkt i färgdefinitionen. Smidigt och enkelt blir det och så här definierar du det:

Övertoningar

För webkit baserade webbläsare (läs Safari och Google Chrome) kan man nu också göra övertoningar direkt i CSS. Definitionen ser ut såhär:

Multipla bakgrundsbilder

Det här är en funktion som jag själv har saknat väldigt mycket. Såhär ser det ut när man använder sig av flera bakgrundsbilder i samma element. Observera att detta för tillfället endast fungerar i webkit baserade webbläsare.

Det var en del av de nya funktioner som har kommit med CSS3 men det finns en hel uppsjö med fler smarta saker som i framtiden kommer att underlätta webbutvecklandet. Bland annat en massa nya smarta selektorer som gör det enklare att plocka ut de element man vill ha. Det har också tillkommit animationsteknik direkt i CSS:en. Finns det intresse så skriver jag givetvis ihop artiklar om dessa också.

Sociala medier har jag skrivit åtskilliga inlägg om tidigare, bland annat detta där jag redogör en del sociala medier samt vilka jag själv använder. Nu tycker jag att det vore roligt att få en överblick över vilka sociala medier ni som läser bloggen använder. Så därför gör jag en liten omröstning.

P.S tycker ni att jag har glömt någon viktig, säg gärna till.

Typografi är alltid en viktig aspekt inom design. Här kommer ett gäng med stilrena typsnitt som du kan använda till ditt nästa designprojekt. Kom ihåg att läsa licensen för varje typsnitt ifall du har som avsikt att använda det kommersiellt.

Vegur

Anivers

Existence Light

Sansation

Walkway

Quicksand

Skrev tidigare ett inlägg om 10 riktiga användbara iPhone applikationer som underlättar otroligt i vardagslivet. Här kommer 5 applikationer som inte direkt underlättar eller hjälper dig med något problem men visar prov på iPhonens styrka samt kan vara väldigt underhållande att slå ihjäl lite tid med.

1. Lightsaber

Den här applikationen förvandlar din iPhone till ett lasersvärd från Star Wars och du kan svinga med svärdet och höra de coola ljudeffekterna vid varje slag. Helt onödigt men riktigt coolt.
Pris: Gratis

2. Shotgun Free

Förvandla din iPhone till en Shotgun. Ladda och skjut. Simpelt men stundtals väldigt rolig.
Pris: Gratis

3. iHorn

Gör din iPhone till en gastuta, finns en hel del olika tutor att välja mellan. Tuta tills gasen är slut och skaka sedan din iPhone för att fylla på med gas.
Pris: Gratis

4. iBeer

Häll upp en öl och drick den sedan genom att hålla din iPhone som ett glas och tilta det mot munnen.
Pris: 7kr

5. Inhale Helium Here

Sug i dig helium från ballongen i din iPhone och prata sedan som en smurf.
Pris: Gratis

När man skapar en ny bloggdesign behöver man oftast ikoner för att dela sina artiklar på facebook, twitter, youtube medmera. Här kommer ett helt gäng med ikoner som du kan använda till din nästa bloggdesign.

Web 2.0rigami

Free Hand Drawn Doodle Icon Set for Bloggers

6 Free New Social Icons

The Leaves Fall: A Social Icon Set For Bloggers

Dellifeed: A Free Icon Set

Heart: A Free Social Icon Set

Cute Tweeters Icon Set

Socialize Icons

Social Icons Made of Wood

Social Bookmark Iconset

Social Icons hand drawned

Social Media Mini Iconpack

Handycons

Gott nytt år alla bloggläsare! Nu har det också gått ett år sedan jag startade den här bloggen med webbutveckling och teknik i fokus. 2009 var alltså mitt första år som bloggare och jag tycker att det har gått riktigt bra och det har varit riktigt roligt. Jag tänkte pusha för några av de inlägg som jag är mest stolt över under det gångna året. Läs och kommentera gärna.

Gör din egen favicon

Här går jag igenom hur du skapar din egen favicon från scratch.

Voddler – en kort recension

En kort recension av filmtjänsten Voddler.

Skapa en häftig meny med jQuery

En tutorial där jag går igenom hur du skapar en häftig meny till ditt nästa projekt.

Skapa en anpassad 404 sida

Här beskriver jag hur du skapar en anpassad 404 sida till din blogg.

10 riktigt användbara iPhone applikationer

Här tipsar jag om 10 iPhone applikationer som är helt suveräna.

Hur du utformar en utskriftsmall

Hur ser din hemsida ut på papper. Här går jag igenom hur man gör en utskriftsmall och vad som bör finnas med.