Firebug - Insticksprogram för Firefox

Posted 4 months ago at 22:25. 2 comments

Favoriten Firebug är enligt mig den klart bästa för en webbutvecklare. Har man väl börjat använda den går det inte att vara utan den. Jag använder denna plugin dagligen då den underlättar och effektiviserar mitt arbete. Firebug gör det möjligt att inspektera, felsöka och i realtid ändra din HTML-kod, CSS-kod och JavaScript direkt genom webbläsaren. Anledningar till att installera denna plugin:

• Lätt att felsöka CSS direkt i webbläsaren. Resultatet visas direkt.
• Man kan enkelt se vilka block i CSS-koden som används för ett visst HTML-element.
• Givetvis går även HTML-koden att edeitera.
• Möjligt att debugga javascript som ibland kan vara svårt att felsöka.
• Tydligt se exakt vilken rad som felet uppstår i din javascript funktion, kan vara väldigt otydligt i Internet Explorer.
• Laddas sidan långsamt kan man även felsöka vilka filer (ex. js, css, gif, jpg) på sidan som kan vara boven till problemet.

Läs mer på Firebugs hemsida

MeasureIt - Insticksprogram för Firefox

Posted 5 months, 1 week ago at 02:02. 2 comments

Skrev för ett tag sedan att jag skulle presentera en del insticksprogram som jag använder och rekommenderar webbutvecklare. Så här kommer ett insticksprogram (MeasureIt) som jag använder för att ta reda på bredden och höjden i pixlar på de element/delar av webbplatsen som jag är intresserad av. Kan tex vara bredden på webbplatsen, en bilds storlek m.m. Väldigt bra och enkelt verktyg där man snabbt får svar på sin fråga.
Man kan ju alltid göra en alt + print screen av webbplatsen och klistra in den i något bildbehandlingsprogram för att få reda på måtten, men ibland känns det jobbigt och tar längre tid.