AjaxLine

David Walsh shows in his blog how to organize image preloafing with MooTools JavaScript library. He writes:

«The idea of image preloading has been around since the dawn of the internet. When we didn't have all the fancy stuff we use now, we were forced to use ugly mouseover images to show dynamism. I don't think you were declared an official programmer until you had seen Macromedia Dreamweaver's mouseover function. MooTools image preloading requires very little code — let me show you how it's done.»

Source: David Walsh blog.

John Resig tells about micro-templating in JavaScript. He writes:

«I've had a little utility that I've been kicking around for some time now that I've found to be quite useful in my JavaScript application-building endeavors. It's a super-simple templating function that is fast, caches quickly, and is easy to use. I have a couple tricks that I use to make it real fun to mess with. »

You can read full version of this article with examples in John Resig blog.

David Walsh post a new article in his blog about MooTools Overlap class. Here's some code examples from this article:

XHTML

<h2 class="overlap">Look At My Header! Isn't It Something?</h2>
<p class="overlap">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam et nisl. Aliquam justo justo,
posuere vel, blandit non, vulputate at, nisl. Nunc scelerisque pulvinar lectus.
</p>

CSS

.overlapper { color:#999; font-style:italic; z-index:-1; position:absolute; border-bottom:0; }
.overlapperp{ color:#666; z-index:-2; position:absolute; }

You can read the full version of article with other examples in the David Walsh blog.

David Wals tells in his blog how to create toggling announcements sliders with MooTools 1.2. he writes:

«A few of my customer have asked for me to create a subtle but dynamic (...I know...) way for them to advertise different specials on their website. Not something that would display on every page, but periodically or only the homepage. Using a trick from GoDaddy's playbook, I put together an announcement slider that toggles on click. Thanks to MooTools 1.2, this was a breeze

Let me show you how to take advantage of the toggling announcement..»

Source: David Walsh blog.

David Walsh tells about creating typewriter effect using MooTools library in his blog. He writes:

«Last week, I read an article in which the author created a typewriter effect using the jQuery javascript framework. I was impressed with the idea and execution of the code so I decided to port the effect to MooTools. After about an hour of coding, I had a smooth, customizable Mootools class that accomplished the same goal. Without further adieu, here's my MooTools 1.2 Typewriter class.»

Source: David Walsh blog.

There is a intresting article on 2 tablespoon site about current state of modern JavaScript libraries. This article covers the following topics:

• What about <insert JavaScript library here>?

• JavaScript Projects According to Google

• JavaScript Library Usage on Popular Sites

• JavaScript Size and Performance Benchmark Tests

• JavaScript Libraries in the Eyes of Employers

You can read the full version of this article on 2tablespoon site.

Christophe Porteneuve post an article about binding in JavaScript. He writes:

«Most developers don’t know about—or don’t care enough about—binding in JavaScript. Yet this single issue is responsible for a sizeable portion of the questions on most JavaScript-related support channels, and thousands—if not millions—of hairs being tortured away from developer heads every single day. Yet with a little attention to this oft-overlooked subject, you can avoid wasting your time, energy, and patience and move on to more powerful, efficient scripting. »

Source: A List Apart.

Aza Raskin post an article about future of JavaScript development. Here's short excerpt from this article:

«Computers programs lost something important when displaying a splash of color stopped being one line of code. To throw a phosphorescent splotch onto the display on the Apple II required simply “plot x,y”. That’s no longer true today. When the simplicity of the one-line plotter went away, so did the delight at being so effortlessly generative—in a visual way—on the computer. The Open web, as an authoring enabler, is a compelling move back towards that lost ease.

But even as Javascript—as well as the HTML elements it has access to— continues to mature, the general perception of what these technologies enable do not. It took the Web 2.0 revolution to dispel the view that Javascript and Dynamic HTML were mainly useful for form validation and making annoying websites. With Tamarin coming to Firefox and SquirrelFish coming to WebKit, we are ready to see the next wave of projects that again expand our understanding of what is possible on the Web.»

Source: Mozilla labs.

John Resig post an article about advanced features of FireBug features. He writes:

«Like every web developer I've spent a lot of time using the Firebug extension to Firefox in my day-to-day development. I've found it interesting to see how my development methodologies have changed with access to that tool.

Christian Stocker post an article about some problems with the encoding of XMLHttpRequest requests. He writes:

«In Firefox 3.0.0 there is a "strange" regression issue regarding the encoding of XMLHttpRequest requests. It's not a bug per se, it's just different behavior, which we ran into (and no other browser does it this way)

What we basically do on the client side in JavaScript:

this.data = new XMLHttpRequest();

this.data.open('POST', dataURI);

this.data.send(xml);

where "xml" is a DOMDocument Object.

In Firefox 2.0 this request came with a

Content-Type: application/xml

and the xml in the POST body was encoded in UTF-8 (no encoding information in the XML declaration)»

Source: LIIP.

Scott Spear post an article about LightWindow JavaScript framework. He writes:

«LightWindow is a JavaScript framework based on Prototype and Scriptaculous. If you aren’t familiar with these two amazing resources, it is definitely worth your time to become familiar with them. They are two of the most useful resources available for Web 2.0 developing. LightWindow takes the combination of those two frameworks and adds some really cool things to it. The reason I decided to use LightWindow the first time was to embed media easily into my website. I needed to show some videos and wanted a better way to do it than just embedding it into the page (I hadn’t designed a good spot on the page for a video). LightWindow was not only able to meet the needs of the video I wanted to show, it ended up meeting needs I didn’t even have at the time. Here is a listing of all the great features that LightWindow boasts.»

Source: Webmasters by Designs.

Menu is a common part of the most websites. There is interesting collection of menu created with CSS and JavaScript posted on the HongKiat.com site. You will find lots of useful in this collection.

Source: HongKiat.com

The Noupe site post a collextion of tools that can help in JavaScript development. Here's small excerpt from a preface to this article:

«Javascript applications are still one of the most complex issues when it comes to web-development. Many tools and applications could make your developing life pretty fast and simple. Today we wanted to share with you a wide range of tools and applications that could really help you build, test and debug Javascript and Ajax applications. Let us know your experience with the tools listed here or others that are not.»

Source: Noupe.

There is an intresting interview with Brendon Eich posted on the InfoWorld site. Brendon Eich One of creators JavaScript Language tell about history, the current state and the future of the JavaScript. Here's small excerpt from preface to this interview:

«Brendan Eich created JavaScript, the popular scripting language being used to liven up Internet applications. Coupled with XML, JavaScript has become part of the AJAX (Asynchronous JavaScript and XML) technique popular in Web development. InfoWorld recently met with Eich to talk about JavaScript: where it has been and where it is headed. Eich, who serves as chief technology officer at Mozilla, also commented on other languages and about working with Microsoft in developing standards. »

Source: InfoWorld.

One more intresting project from Jacob Seidelin. This time he presents JavaScript Image Magnifier. He writes:

«There was a post on Ajaxian in a couple of days ago about a set of JavaScript image effects, one of them being a magnifying effect. It's nothing new really and this one used Flash to do the effect. So, for a small Monday project I made a similar effect in JavaScript that I have named.. MojoMagnify. It simply adds a magnification effect when you move the mouse across the image.

I didn't want to drag canvas into this, so it's limited to a non-fancy rectangular magnification area, although it's possible to take advantage of Webkit's CSS masks and have a circular magnifier (or whatever you fancy).

It's pretty easy to use, just include a single JS and CSS file and add a custom "data-magnifysrc" attribute to any image you want. As you might have guessed, the value of the attribute is the path to the large version of the image.

<!-- the custom 'data-magnifysrc' attribute specifies the source of the large image --> <img src="kendwa_small.jpg" data-magnifysrc="kendwa_big.jpg" />» 

Source:nihillogic.