Erm's I.T. Girl – Zelna Ellis

Don't fear when Zel is near…

Firefox Add-On: DOM Inspector

Well, it is no state secret that I am a Firefox fan. It is definite the best Web Browser.

This is such a handy tool for Web developers, especially if you make Themes and Extensions (Add-Ons). You can install it from here. One can inspect in a two page pane the DOM (Document Object Model) of any Web page or XUL (XML User Interface Language – pronounced zool ) window. In other words the structure and the properties of a page or window.

Screenshot:
DOM Inspector

DOM – Document Object Model
This is the API (application programming interface) for valid HTML and well-formed XML documents. In other all the tags,e.g.<html> ,<div>, <script>, etc. So the DOM specifies how XML and HTML documents are represented as objects, which enables us to use them in object oriented programs.

XUL – XML User Interface Language
This is is Mozilla’s XML-based language that lets you build applications. Although it is not a an official standard, it relies on the existing Web Standards like CSS, Javascript and DOM. This make it quite easy for Web developers to learn. Read more here at Mozilla’s XUL site.

Another Add-On you can also consider is XPather.

Happy Coding 🙂

5 November 2009 Posted by | Software Development | , , , , , , , | Leave a comment

Install XAMPP Lite on Windows

XAMPP lite is a server software and is perfect for testing a website offline, on your computer.
Download XAmpp Lite.
Note: XAMPP is for developers in a development environment.

  • Open the self-extracting archive.
    XAMPP Install
  • Click Install
    XAMP Install
  • Wait, until the command window opens.
    Desktop Shortcut: Type y and Press Enter.
    Shortcuts
  • Proceed: Type y and Press Enter.
    Proceed
  • Use Drive Letters: Since this is on a local computer, type y and Press Enter.
    Portable?
  • Wait… Press Enter.
    XAMPP Ready
  • Type the correct time zone and Press Enter. You can view PHP’s List of supported time zones here.
    Timezone
  • Launch the Control Panel and select Start next to Apache and MySQL.
    Control Panel
  • You should see that the services is running. You can select Admin to launch it in your web browser or enter the URL http://localhost/ in your browser
    XAMPP Control Panel
  • Once launched in your browser, select your preferred language.
    XAMPP Select Language
  • XAMPP is successfully installed on your computer.
    XAMPP for Windows

There are additional settings you can tweak.
The document directory is "C:\xampplite\htdocs"
Read more about XAMPP for Windows here.
Have Fun!

1 November 2009 Posted by | Software Development | , , , , | Leave a comment