Javascript Libraries Deconstructed

Here is a great site if you want to check what is going on under Jquery, MooTool or Prototype libraries. This site is helping us to understand how the internal code of these libraries are constructed, usage advantages plus disadvantages and problems we might encounter.

JS Libs Deconstructed converts every function, object, block into easily navigatable visual blocks. Clicking a box views the internal code of the library, and the link goes directly to the library’s documentation.

Here are some quotes from the site…

jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development.
Prototype is a JavaScript Framework that aims to ease development of dynamic web applications, featuring a unique, easy-to-use toolkit for class-driven development and the nicest Ajax library around.
MooTools is a compact, modular, Object-Oriented JavaScript framework designed for the intermediate to advanced JavaScript developer. It allows you to write powerful, flexible, and cross-browser code with its elegant, well documented, and coherent API.

PS. Mootools is not yet deconstructed…

How To Detect Visitors’ Location From IP

There are wonderful free tools out there. And some great databases. GeoLite is one of them, courtesy of Maxmind.

GeoLite includes some great open source databases for detecting country or city information from IP addresses. Theses databases are free –also includes a paid version. Free database is not for commercial redistribution, but for testing purposes this database creates wonderful solutions.

DB comes in two formats, binary and as a CSV formatted version. There are also some tutorials and scripts included with the DB. Even though it’s free, Maxmind updates the database every month, and the accuracy is 99.5%, which is really good.

Maxmind : http://www.maxmind.com/

Free databases :
GeoLite City: http://www.maxmind.com/app/geolitecity
GeoLite Country: http://www.maxmind.com/app/geolitecountry

About Adobe CS4 Installation Errors : Error Number 2

I needed a fast tool for creating the mockup of my new blog template. I thought what can be better than Dreamweaver, as it’s the tool that I use for most of my freelance work. As I won’t be needing Dreamweaver on this computer for more than a few days, I downloaded and tried to install the Dreamweaver CS4′s trial version.

I’m running on Windows 7 64bit Ultimate. Right away, the installation started giving errors. This is the error message:

Adobe Dreamweaver CS4 LangPack (en_US)
Error: Error 2.

And if you try to run Dreamweaver, this message box appears:

Could not locate the Resources file in the Configuration folder.
This file is required to run Dreamweaver.
Please reinstall the application.

For a few hours I tried to find how to solve this problem. Disabled all firewall, antivirus software, startup tools. A fresh restart, not opening any programs while restarting, even not moving the mouse, or praying. Nothing was helping.

At the end, a lost comment in the huge interwebs of blogs and forums saved my day while searching Google.

If you are using Vista or Windows 7 and encounter error 2, check this folder:

C:\Users\Public\Documents

I’m definitely certain that, you do not have that one created. Simply create it by hand and watch the magic happen.

Isn’t it fun ? Wait! What’s more disturbing is that Adobe installation does not create or put any files or folders in here. Sooo strange…

Strange CSS Bug : 3 Line CSS Code Crashing Dreamweaver CS4

A friend of mine found a strange bug in Dreamweaver CS4. Who would guess that a 3 line CSS code would be able to totally crash Dreamweaver?

Here is the code he tried to write :

@media print{
     #tepe, #rightpanel,
}

While i was trying to replicate this bug, Dreamweaver first crashed at #rightpanel. On my second attempt, i succeeded but was not able to save the file, as Dreamweaver died again. Even saving this simple code in Notepad, and trying to open it with Dreamweaver creates a little disaster.

I just reported this as a bug and waiting for an answer. If I get one, I’ll post it here.

Edit: A mail came after a few hours after my report. Adobe was able to reproduce the bug and it is internally filed. They will look into it.

As suggested, if you encounter this kind of error, be sure to use valid CSS. As this bug appears while writing the code you won’t be able to finish what you started, but however, opening the saved CSS file in another tool and finishing it like this,

@media print{
     #tepe, #rightpanel {}
}

Solves the problem for now.