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

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.

En sak som kan vara intressant att diskutera är det här med bakgrunder till skrivbordet och vilken funktion dessa fyller. Skrivbordet som jag pratar om är naturligtvis skrivbordet på en dator där man har sina mappar och filer. Så till saken, vilken funktion fyller egentligen bakgrunden för oss datoranvändare?

Man kan väl börja med att säga att det finns olika typer av människor vilket gör att det finns olika funktioner för bakgrunderna.

De som har ett visuellt behov

Jag kan börja med att berätta hur jag använder bakgrunder till mitt skrivbord. Jag är en sån som byter ut min bakgrund ca en gång i veckan efter att ha ledsnat på min gamla. För mig är det viktigt att bilden är högupplöst, vacker och inbjudande att titta på. Helt enkelt för att jag vill få lite inspiration. Bakrunderna som jag väljer består ofta av naturmotiv av olika slag. Nu är det ju självklart inte så att man sitter och glor på bakgrunden hela dagarna, för då skulle man inte få mycket gjort men dom korta stunder som den dyker upp infinner sig en härlig känsla vilket gör att mitt arbete flyter bättre. Kanske låter lite märkligt men så fungerar det för mig i alla fall, och jag gissar att många som arbetar mycket med sina datorer fungerar likadant.

De som har bilder på nära och kära

Sedan finns det den typen som har bilder på antingen sig själv, flick/pojkvän eller familj. Oftast bryr man sig inte om kvalitén på själva bilden, bara den föreställer någonting man känner igen och kan relatera till. Här är man ändå ganska medveten och bakgrundsbilden spelar oftast ganska stor roll. Bilden byts ut med jämna mellanrum även om det inte är lika frekvent som den visuella gruppen.

De som inte bryr sig alls

Sedan finns det också typen som inte bryr sig alls om vilken bakgrund som dom använder. Det här är oftast (tror jag) människor som inte använder sin dator väldigt mycket så här finner man oftast XP:s default lågupplösta bild. Tråkigt och oinspirerande tycker jag. Spela roll tycker den som inte bryr sig.

Det här vart ett ganska konstigt och flummigt inlägg men jag tyckte det var värt att ta upp och vill gärna höra era synpunkter också så ni får mer än gärna kommentera.
Vilken typ av bakgrunder använder du och varför? Håller du inte med om de typer som jag satt eller har du annat du vill inflika? Kommentera så diskuterar jag gärna.

Här kommer lite länkar till sajter där du hittar bakgrunder till ditt skrivbord.

• 50 Great Sites To Download Free Cool Wallpapers
• Interfacelift
• Mood Flow
• Desktopography

Vi fortsätter med att dela ut lite invites till diverse tjänster och nu är det filmtjänsten Voddler som står på tur. Har 5 stycken invites och för att ha chansen att få en så skriv en kommentar här under med en motivering varför du vill använda Voddler. Invites delas ut till bästa motiveringarna i slutet på nästa vecka.

P.S Ni har väl inte missat att jag har invites till Google Wave också.

Nu är invitesen utdelade till 5 av er. Det har varit många bra och intressanta motiveringar så det var inte lätt att plocka ut 5 av er men nu är det gjort. Jag hoppas ni får nytta av Voddler.

Fick för ett tag sedan ett gäng med Google Wave invites för att dela ut. Delade ut en del på facebook men tänkte att nu ska ni som följer bloggen en chans att få en också. Jag har i skrivande stund 20 invites kvar. Skriv en kommentar här nedan så skickar jag en till dig och kom ihåg det är först till kvarn som gäller.

Antonio Riveras, webbdesigner verksam i Malmö skickade mig en kopia av hans nya e-bok ”Att bli en grym webbdesigner”. Jag har läst igenom boken och är imponerad över hur pass enkelt den går igenom yrket webbdesigner och hur man går tillväga för att bli en riktigt grym sådan.

Boken ligger på 22 sidor för tillfället men enligt Antonio kan den komma att utökas i framtiden. Boken går bland annat igenom vad du bör lära dig, vilka verktyg som finns tillgängliga, lönestatistik, marknadsföringstekniker, reurser för att komma igång mm. Antonio har på ett enkelt och pedagogiskt sätt framställt en grundläggande e-bok för dig som vill börja med webbdesign. Här finns allt du behöver för att komma igång och det på bara 22 sidor.

Ifall du har planer på att läsa en högskoleutbildning inom området så listar boken både de traditionella högskolorna samt de KY-utbildningar som finns. Den går också igenom vilka för – och nackdelar som finns med de olika sätt utbildningarna utförs på.

Jag rekommenderar den här boken för alla som vill komma igång och designa moderna, användbara och funktionella webbsidor.

Här kan du läsa mer om e-boken ”Att bli en grym webbdesigner”