Web Info & Tutorials

February 9th, 2007

HACKING DIGG WITH FIREBUG AND JQUERY

John Resig has posted a screencast of him “taking an introductory look at the Firebug Firefox Extension and the jQuery JavaScript Library - combining the two to build a reusable bookmarklet that can manipulate Digg Posts and Comments.”

The presentation shows a couple of bookmarklets:

In the presentation, I refer to a bookmarklet that you can use to introduce jQuery into a web page. Drag these bookmarklets to your Bookmark toolbar to use them.

  1. jQuerify - Introduce jQuery into any web page.
  2. Fix Digg - The final bookmarklet that we made to remove all buried comments from a Digg post.
February 9th, 2007

POW: EXCUSE ME SIR, YOU SEEM TO HAVE A SERVER IN YOUR CLIENT

Ready to take your mind for a spin? David Kellog has created POW the Plain Old Webserver.

POW is a Firefox plugin that implements a full web server. That means that your browser client now has a server in it.

That just sounds goofy no? It can be useful though. dojo.storage needs a server to do an autoproxy with to do local storage. You could do that all via the extension.

The Plain Old Webserver uses Server-side Javascript (SJS) to run a server inside your browser. Use it to distribute files from your browser. It supports Server-side JS, GET, POST, uploads, Cookies, SQLite and AJAX. It has security features to password-protect your site. Users have created a wiki, chat room and search engine using SJS.

This version includes:

  • Documentation to show you how to build a Server-side Javascript program.
  • File uploading code
  • SQLite interface for easy saving of persistent data

POW has more WOW than Vista! :)

February 9th, 2007

SO YOU WANT TO WRITE JAVASCRIPT FOR A LIVING?

“What do you need to know if you are interviewing for a employ that involves Javascript development?”

That is the discourse display to different grouping in the business much as Elaine Wherry of Meebo, blackamoor Trenka of Dojo, Neelesh Tendulkar of Simply Hired, and saint Zakas, communicator of Professional JavaScript for Web Developers.

Here are whatever of their thoughts:

  • You requirement to undergo how to create an surroundings on the fly, intend a meaning to whatever surroundings on the page, insert, remove, replace, etc. nodes in the page. These methods should be memorized!
  • No recent scheme covering crapper endure without circumstance handlers. Knowledge of the differences crossways browsers and issues close circumstance direction are a must.
  • Do you hit whatever undergo with JSON? If so, … ground do you conceive whatever developers haw favour to ingest this as the bag module as anti to XML?
  • This effectuation discernment how to ordered up a image concern and how to attain trusty a humble creator is practical aright in the impact of goal instantiation.
  • The principle of JS goal mutability, and using that to separate code. Basically faking namespaces by using objects to stop another objects.
  • It’s rattling essential for you to be healthy to indite your possess cipher without relying on JavaScript libraries same Dojo, Prototype, etc.

Do you agree? Anything you would add?

February 9th, 2007

GPLOTTER 0.9: PROTOTYPE AND GOOGLE MAPS V2 UPDATE

Brennan Stehling has updated his GPlotter project "to make use of the revised Google Maps API. I also completely restructured the Javascript to a much more object oriented coding style. I am using the latest release of Prototype, which recently moved to a new location as well as posted a great deal of new documentation. I am using Prototype for the object inheritance and AJAX functionality."

GPlotter Example

JAVASCRIPT:
  1.  
  2. var plotter = new GPlotter();
  3. plotter.setColor(plotter.BLUE);
  4. plotter.setIconUrl("http://gplotter.offwhite.net/maps/icons/");
  5. plotter.plot("map", "labels", "milwaukee.xml?version=0.9.0");
  6.  

Extending GPlotter

JAVASCRIPT:
  1.  
  2. var MyMapper = Class.create();
  3. Object.extend(MyMapper.prototype, GPlotter.prototype);
  4. var mapper = new MyMapper();
  5. mapper.plot("map", "labels", "milwaukee.xml");
  6.  

Gplotter