Quick guide to somewhat advanced JavaScript

If you are a web developer and come from the same place I do, you have probably used quite a bit of Javascript in your web pages, mostly as UI glue.

Until recently, I knew that Javascript had more OO capabilities than I was employing, but I did not feel like I needed to use it. As the browsers started to support a more standardized featureset of Javascript and the DOM, it became viable to write more complex and functional code to run on the client. That helped giving birth to the AJAX phenomena.

As we all start to learn what it takes to write our cool, AJAXy applications, we begin to notice that the Javascript we used to know was really just the tip of the iceberg. We now see Javascript being used beyond simple UI chores like input validation and frivolous tasks. The client code now is far more advanced and layered, much like a real desktop application or a client-server thick client. We see class libraries, object models, hierarchies, patterns, and many other things we got used to seeing only in our server side code.

In many ways we can say that suddenly the bar was put much higher than before. It takes a heck lot more proficiency to write applications for the new Web and we need to improve our Javascript skills to get there. If you try to use many of the existing javascript libraries out there, like Prototype.js, Scriptaculous, moo.fx, Behaviour, YUI, etc you’ll eventually find yourself reading the JS code. Maybe because you want to learn how they do it, or because you’re curious, or more often because that’s the only way to figure out how to use it, since documentation does not seem to be highly regarded with most of these libraries. Whatever the case may be, you’ll face some kung-fu techniques that will be foreign and scary if you haven’t seen anything like that before.

The purpose of this article is precisely explaining the types of constructs that many of us are not familiar with yet.

We are X3 Studios / Show All

Interactive Experiences: Microsites, visual experiences, games, advert games, portals, web standard compliant websites, web 2.0 sites, online & desktop application interfaces, e-learning modules, multimedia CDs, multimedia presentations, DVD menus, interactive kiosks

Architectural Vizualizations: Virtual tours, floorplan vizualizations, photorealistic interior and exterior renderings, virtual ambiental design, tradeshow digital materials, interactive 3D architectural applications

Branding & Print: Naming, logos & logotypes, brand manual development, corporate ID packages, collateral sales materials, posters, packaging, CD/DVD covers and booklets

45+ Fresh Out of the oven jQuery Plugins | Noupe

Coda-Slider 1.1.1

Easiest Tooltip and Image Preview Using jQuery | Css Globe

What this script does is adds an element to the body when you roll over a certain object. That element’s appearance is predefined with css (positioned absolute and styled) so all we need to do is fill the element with content, calculate mouse position and make it move accordingly. When cursor is moved over he object, element moves with it and when cursor roll out, the element is deleted.

CSS Dock Menu

If you are a big Mac fan, you will love this CSS dock menu that I designed. It is using Jquery Javascript library and Fisheye component from Interface and some of my icons. It comes with two dock styles - top and bottom. This CSS dock menu is perfert to add on to my iTheme. Here I will show you how to implement it to your web page.

jQuery Tutorials for Designers

This article contains 10 visual tutorials intended for web designers and newbies on how to apply Javascript effects with jQuery. In case you don’t know about jQuery, it is a “write less, do more” Javascript library. It has many Ajax and Javascript features that allow you to enhance user experience and semantic coding. Since these tutorials are focused on jQuery, I’m not going to get into the details of the CSS.

IconExperience - X-Collections

The X-Collections, before April 2008 known as the “IconExperience Icon Collections”, are our proven icon collections that fit the look of Windows® XP. They contain more than 2000 distinct icons in the sizes 16×16, 24×24, 32×32, 48×48, and 128×128 pixels.

Below you can find a description of the six available X-Collections. You can download a PDF-catalog for each collection to get a quick overview of the contained icons. The images in the catalog are highly compressed to keep download sizes small. As a result the quality of the catalog images is lower than the quality of the real icons. Additionally we added a watermark to each icon as a protection against unlicensed usage.

Pathfinder Development » Developer’s Notebook: Find computed styles in IE, Firefox, Opera or Safari

Developer’s Notebook: Find computed styles in IE, Firefox, Opera or Safari

The WebKit Open Source Project

WebKit is an open source web browser engine. WebKit is also the name of the Mac OS X system framework version of the engine that’s used by Safari, Dashboard, Mail, and many other OS X applications. WebKit’s HTML and JavaScript code began as a branch of the KHTML and KJS libraries from KDE. This website is also the home of S60’s S60 WebKit development.