Useful web-development tools
When you work with web development you’ll need to have a lot of debugging tools, code verification tools and other things, kind of like programming, just less advanced. You may also want to have tools that let you change CSS on the fly, check widths and sizes and so on. This is a list of what I use, I’ll keep this post updated with all tools I use, or find useful at times. Read on…
Browsers
Obviously you need a good set of browsers to test in. I test in Firefox 3, Internet Explorer 6 (have kind of ignored it for this site, but it’s coming), Internet Explorer 7, Opera 9, Safari Mac and the occasional check in older versions and other browsers.
A useful page for checking your design in many browsers can be found here at Browsershots. It will test your page in numerous browsers and give you screenshots you can look at right away or download, and it’s free.
Firefox web development tools
I do all my development with Firefox, as I have all the tools I need there. Here’s a list of the useful ones I like. There are screenshots at the plugin homepages. So use the links.
- Web developer toolbar – Perhaps my favourite development tool. This is a toolbar in Firefox that lets you edit CSS on the fly, view all CSS easily, edit html on the fly, check javascript and page information, outline divs, disable styles (CTRL+SHIFT+S), disable javascript, give div information on click (CTRL+SHIFT+F). It’s highly recommended. It’s the first thing I install if I reinstall Firefox.
- HTML Validator – This is also one of the first I install. This makes a little icon in the bottom-right corner of the bottom statusbar in Firefox. It’s green when the page is valid HTML, yellow with warnings, red with errors. If you click it you get error information, and information how to fix it. Incredibly useful.
- Firebug – A debugger for Firefox that lets you analyze the network traffic to see if there are broken links internally, check scripts for faults and so on. Very useful.

9 Comments Leave a comment
Bruker akkurat de samme extensions selv!
Ville forresten fortsette å ignorere IE6 og alle dens krumspring. Hvorfor lage websider for en browser som ikke duger og er på vei ut?
Ellers en flott side du har!
Takk for det. Enig med IE6 ja, bruker nok mest PNG8 i fremtiden og ignorerer IE6, så får alt se litt styggere ut der. De andre bugs er ganske lette å fikse så lenge man bruker floats overalt
Hm man lærer noe nytt hver dag ser det ut som
Tok en titt på noen av sidene du har i portfolioen din. Mye flott arbeid der, og befriende å se sider som faktisk validerer!
Å bruke floats på den måten du gjør har jeg ikke testa før, det så ut til å være en god ide.
Forresten, du som driver å lager den nye siden til MX-5 klubben?
Gleder meg til å se den!
Ja, jeg har begynt en plass jeg også
De fleste sidene jeg implementerer på jobb validerer og fungerer optimalt i alle nettlesere ja, har ikke full kontroll etter kunden slipper til selvsagt
Floats er prima, søkeoptimaliseringsmessig bør jeg endre bittelitt på strukturen men ellers er det supert å jobbe med. Anbefaler å lære det skikkelig.
Jeg har designet/utvikla MX-5 sidene ja, det jobbes med innhold for tiden, tror de blir bra
Høres bra ut! Gleder meg til å se en skikkelig side for klubben. Er forresten RogerRed91 på forumet.
Diller litt med webdesign selv, og har hatt noen prosjekter her og der. Har alltid vært opptatt av å følge gjeldende standarder og ungå bygde sider fra starten av (grøss). Har så smått begynnt med php og mysql nå, og det er spennende. Har fortsatt ikke fått satt opp noen portfolio, men det kommer vel etterhvert
Kjører du ut fra et standard oppsett når du begynner på nye sider, eller bygger du de induviduelt for hvert prosjekt?
Har hatt en tendens til å starte ganske fra “scratch” for hver side jeg lager, men det blir kanskje litt vel mye arbeid noen ganger… man må jo ikke finne opp hjulet for hvert prosjekt
Nei uff, nå er det vel natta snart hehe…
Hmm du har selvfølgelig slått av html i dine kommentarer.. Det skal være “følge gjeldende standarder og ungå tabell-bygde sider fra starten av (grøss)” der oppe..
Da husker jeg nicket ditt ja
Du driver bare på hobbybasis da eller? Det er alltid greit med litt innsikt i php og mysql. Jeg kan ikke så mye, men det kommer seg. Å unngå tabeller er ihvertfall alfa-omega.
Jeg kjører et ganske standard oppsett. Hvis du ser innlegget under denne artikkelen som heter “A good start” eller noe sånt, så er det basisen jeg bruker når jeg setter opp noe. Så jeg starter med en CSS fil hvor selve containerne er ganske like og bare får nye bakgrunner osv. og så fyller jeg den med float bokser som blir alt innhold.
Men jeg har funnet opp hjulet noen ganger jeg også ja
Spørs om man designer selv eller implementerer andre sitt, på jobb blir det mest sistnevnte.
Blir stort sett bare på hobbybasis for tiden for meg ja, jobber som kokk til daglig, så det blir på fritiden. Men har da hatt noen prosjekter som jeg har fått godt betalt for
Tabell-bygde sider er fy-fy, har heldigvis aldri satt mine ben der i gården. Hoppa rett på div’s med en gang og lærte meg css før noe annet. PHP og MySQL har jeg egentlig bare mysa på litt i det siste, men som tidligere programmerer på C=64 og Amiga er det jo ikke vanskelig å sette seg inn i
Skal ta en titt på den basisen du bruker. Kan være greit å ha en standard å gå ut fra.
Har desverre ikke MX-5 for tiden, men tilogmed min samboer er enig i at jeg må ha meg en slik bil igjen, så det er jo egentlig ikke noe som stopper meg. Da skal det bli en 1.8 tror jeg, vil ha litt mer “gamp” i neste kjerre
Hehe, jeg har litt egne prosjekter utenom, spillsider for det meste. Men blir ikke rik av det kan man si.
Etter C64 og Amiga er vel det meste enkelt
Nei PHP og MySQL er jo ganske greit, det er vel mer tiden det kommer an på. Kokker har vel halvkvasse arbeidstider til tider? Spørs hvor du jobber vel.
Jeg kunne nok lagd den basisen min litt enklere å forstå, lurer på gjerne gjøre det enda mer strukturert og skrive en tutorial på det, får se det an.
Har ikke MX-5 jeg heller. RX-8 som gjelder nå
Men er ikke umulig man får lyst på en MSM i fremtiden, hehe.
TrackBack URL