tool-uri web developer

Addon-uri Firefox

  • aardvark un inspector de elemente html – se alege Start Aardvark din meniul click dreapta pe pagina
  • dom inspector – din Tools se alege Dom Inspector
  • firebug un utilitar mai avansat pentru analizarea scripturilor javascript si elementelor dom, se porneste cu F12
  • Firefinder for Firebug in combinatie cu firebug-ul gaseste elementele html cu aceleasi descrieri CSS (clase sau id-uri) – se porneste cu clic drp pe elementul inspectat
  • web developer toolbar un tool bar util pentru lucrul cu CSS-ul

Extensii Google Chrome

  • pendule un web developer toolbar,
  • resolution test testeaza pagina la diverse rezolutii,
  • measureit! masoara diverse distante in pagina, util pentru css,
  • Chrome sniffer detecteaza ce fel de scripturi foloseste o pagina si te directioneaza catre site-ul lor de origine,
  • Plain Clothes vizualizeaza pagina fara o parte din stiluri
  • Inline code finder vizualizeaza coduri javascript la nivel inline in tag-urile html – util pentru a vedea actiunile pe obiecte
  • Lorem Ipsum Generator Generator de text (atunci cand nu avem ce pune in pagina) nu pare foarte util dar scurteaza timpul de gasire a unui text

 

Utile:

recomandari CSS