Introduction

Before I even start, let me state that I’m a JQuery fan. Ever since I’ve started with JavaScript frameworks I’ve weighed the pros and cons, and trust me there are a lot. You’ll always find people arguing Prototype, JQuery or MooTools. I went with JQuery because it could do all that I wanted with the least amount of bloat. I’m sorry, Prototype may do a hell of a lot, but I don’t think that I could make enough use or that 100 KB to justify it. Plus, Prototype can’t even handle basics on its own without having to piggy back off of script.aculo.us and it’s effects library.

Speed

Now with every new version of a Framework that comes out, this argument comes up again and again. Finally, we have something to put the arguments to rest.

In my personal testing, I’ve found that JQuery 1.21 leads the pack, but only in Internet Explorer. In Firefox it comes in dead last. Does this discourage me? Maybe a lil’ bit. Am I going to stop using JQuery and switch to Prototype? I think not.

Share This

If you're new here, you may want to subscribe to my Full RSS feed. Thanks for visiting!

One thing that I liked about the jQuery website is that they offer a compressed version of the jQuery script on the website ready for immediate download and usage. This is convenient if you don’t want to go through the few steps it takes to Minify your own javascript code.

Well we now have this same luxury for Prototype and its Script.aculo.us library read for download.

Enjoy folks.

Popularity: 28%

Share This

One of the nice things about CakePHP is that it includes ready to use CSS compression. Granted, compressed CSS can be buggy at times, but for the most part it works just fine.

I've always wondered why no one has included something like this for Javascript, since that's usually the bigger culprit when we're talking about document size. I've tried using Minify in the past. However, it took a lot to get it working right. And I really hate hacking stuff just to work with CakePHP. That, coupled with the fact that I'm a lazy bastard, meant that I gave up the Minify train rather quickly.

Mark Story To The Rescue - JSMIN Javascript Helper

At the time, I hadn't heard about the JSMIN library, which does pretty much the same thing the Minify does, but without the CSS. Luckily, Mr. Story had some vision after his Christmas festivities and cake up with a JSMin Helper for CakePHP. This helper works by Minifying the chosen Javascript. This involves stripping unnecessary characters (line breaks, comments, spaces, etc) from the .JS file.

It also includes functionality to cache the resulting files. What more can you ask for?

Usage:

Share This

Introduction

In the spirit of rapid web development, I've stumbled upon jQuery. Here's a testimonial from a jQuery user:

You start with 10 lines of jQuery that would have been 20 lines of tedious DOM JavaScript. By the time you are done it's down to two or three lines and it couldn't get any shorter unless it read your mind."

In my experience it's been more like five (5) lines of jQuery.

jQuery is a fast, concise, JavaScript Library that simplifies how you traverse HTML documents, handle events, perform animations, and add Ajax interactions to your web pages. jQuery is designed to change the way that you write JavaScript.

I've found jQuery great for the following reasons:

• Simple Ajax in a breeze
• Search for elements in the DOM is made easy
• The helper function [ $() ] is a pleasure to use
• Most importantly: it handles cross browser compatibility.

Here We Go - Tutorials Galore

Your first step will be to Download jQuery 1.2.1 and include it in the head of your web page. After this you need to start reading some tutorials. Don't worry, it's going to take 15 minutes tops for you to start writing usable code:

Share This

I am proud to present the first edition of Carnival of Web Development 2.0. This is my first time hosting one of these things, so enjoy:

General

1. Doug Boude presents DEMYSTIFYING JSON posted at Doug Boude (rhymes with 'loud')
2. sylv3rblade presents Stages of Software Development posted at Atma Xplorer, saying, "My take on the process of software development"
3. prakash presents A2Z Informative-Technology, Software, Internet, Tips, Ideas posted at A2Z Informative, saying, "Identifying the color code of an image on the screen is not an easy task. Usually it involves a multi step process and is time consuming. But this tool is able to find out HTML, RGB or HEX color of any pixel on the screen with just a single mouse click. This little tool is very useful for webmasters."
4. Thorsten Ott presents Sourcebench - freelancer sites reviews posted at Sourcebench - building a better web.
5. Scott H presents 15 Web Sites College Students Can’t Live Without posted at College and Finance, saying, "Not specifically about design, but has a great list of web sites students love, including StumbleUpon which, in terms of developing a web site, can be quite useful."

Share This

New Domain

I has finally occurred to me that I should have gotten my own domain name a long time ago. Really, I don't know what I was waiting for, but it was about time. Since my focus is Web 2.0, WebDevelopment2.com was an obvious choice. I've already written about moving wordpress to a different domain, so moving to this domain was walk in the park. I loaded up PhpMyAdmin and exported my database. Pulled up Notepad++ and did a search and replace for my old URL to the new one. Saved the file, zipped it back up, and uploaded it to the server. Since I usually deal with large databases, I didn't even bother trying to load into PhpMyAdmin. Bigdump is now my favorite database importer for MySQL.

Finally, I loaded up the .htaccess file on the old domain name and slapped in a RewriteRule with a 301 redirect to WebDevelopment2.com. And Viola, here we have Wordpress blog perfectly redirected, without losing a single inbound link. Sure, the Page Rank on the domain name is 0 (for now), but with a name like Web Development, it won't be for long.

Share This

Now there's a lot of code involved and the menu created doesn't really fit normal usability standards, but the end result is cool.

Happy July 4th to all you guys.

Source: Accessible expanding and collapsing menu [456 Berea Street]

Popularity: 7%

Share This

Ever wanted to find out what your users have been up to before they came to your site? Yep, you now have that power. I can see that little twinkle in your eyes now. You're thinking that this is just insane and you can only imagine the power that now lies at your fingertips. Well, it's not that easy.

How It Works

First of all, stop freaking out. We're not exactly stealing your browser's history. We're doing a bit of guessing. It can only be run against a defined list of sites. This means that you can only check whether someone has visited a site, say Disney.com, but you can't ask their browser for a list of the sites they've visited. That information is still kept confidential by the browser.

What we do is use some JavaScript to check the color of the links on a page. Ahhh, I see the lil' light bulb going on over your head right now. Yep folks, that's all. Nothing fancy. So rest at ease, your browser history is safe for the most part.

SpyJax: Go check it out, and figure out how to stop it, or at least limit the way people use it on you.

Share This