#developer tool

Sublime Text 2, Fetch Settings, and Zen Coding

· Comment

I recent­ly been using Sub­lime Text 2 as my text-edi­tor (for text, code, etc.). I was using Text­Mate 1.5.x before­hand, but that project has­n’t been updat­ed in a while (oth­er than Text­Mate 2.0 Alpha’s of course). Any­ways, Sub­lime Text 2 is pret­ty fast. I can’t wait to see what else it can do with future improve­ments, espe­cial­ly once it gets out of beta-devel­op­ment.

If you are new to it, you may have a read over at Net­tuts+ for some tips & tricks. Also, be sure to check-out the Zen Cod­ing project.

Zen Cod­ing is an edi­tor plu­g­in for high-speed HTML, XML, XSL (or any oth­er struc­tured code for­mat) cod­ing and edit­ing. The core of this plu­g­in is a pow­er­ful abbre­vi­a­tion engine which allows you to expand expressions—similar to CSS selectors—into HTML code.

You may install the Zen Cod­ing pack­age via Sub­lime Text 2’s Pack­age Con­trol (instruc­tions are in the linked Net­tuts+ arti­cle above).

Con­tin­ue read­ing →

IE Web Developer Toolbar

· Comment

Just stum­bled on a link of a link and found that there is too a “web devel­op­er tool­bar” for IE. Although (cur­rent­ly) unrat­ed, it seems to pro­vide some use­ful func­tion­al­i­ty:

  • Explore and mod­i­fy the doc­u­ment object mod­el (DOM) of a web page.
  • Locate and select spe­cif­ic ele­ments on a web page through a vari­ety of tech­niques.
  • Selec­tive­ly dis­able Inter­net Explor­er set­tings.
  • View HTML object class names, ID’s, and details such as link paths, tab index val­ues, and access keys.
  • Out­line tables, table cells, images, or select­ed tags.
  • Val­i­date HTML, CSS, WAI, and RSS web feed links.
  • Dis­play image dimen­sions, file sizes, path infor­ma­tion, and alter­nate (ALT) text.
  • Imme­di­ate­ly resize the brows­er win­dow to 800x600 or a cus­tom size.
  • Selec­tive­ly clear the brows­er cache and saved cook­ies. Choose from all objects or those asso­ci­at­ed with a giv­en domain.
  • Choose direct links to W3C spec­i­fi­ca­tion ref­er­ences, the Inter­net Explor­er team weblog (blog), and oth­er resources.
  • Dis­play a ful­ly fea­tured design ruler to help accu­rate­ly align objects on your pages.

But, don’t go and down­load­ing all at once… after all it is still in beta—“Beta 2” to be exact.