bee-digital design logo
Frontpage image

Useful web-development tools

26th November 2008 - by Kristian

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.
Bookmark and Share

9 Comments Leave a comment

Comment by Roger Brattås - February 21, 2009 @ 3:48 pm

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!

Comment by biXen - February 21, 2009 @ 7:58 pm

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 :)

Comment by Roger Brattås - February 22, 2009 @ 4:21 am

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!

Comment by biXen - February 22, 2009 @ 9:30 pm

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 :)

Comment by Roger Brattås - February 23, 2009 @ 2:04 am

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…

Comment by Roger Brattås - February 23, 2009 @ 2:07 am

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..

Comment by biXen - February 23, 2009 @ 9:20 am

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.

Comment by Roger Brattås - February 23, 2009 @ 12:41 pm

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 ;-)

Comment by biXen - February 23, 2009 @ 1:06 pm

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 :P 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

Leave a comment

Welcome to my worklog and portfolio

My name is Kristian B. Hollund and this is my worklog. A place to put solutions, problems and thoughts on a lot of webdesign, photography, and other topics I encounter at work or in my sparetime.

  • Twitter updates

Copyright © 2008 - bee-digital design