Facebook Twitter
It doesn’t matter how many years I’ve been dealing with Javascript – it contains many little things that surprises me almost every week. For me, Javascript means a constant learning process. In this article, I’ll provide ten small Javascript tips, mainly aimed for beginner and intermediate Javascript developers. Hopefully there’s at least one useful tip for every reader :). 1. 10 Small Things You May Not Know About Javascript | 10 Small Things You May Not Know About Javascript |
DropKick - a jQuery plugin for beautiful dropdowns .dk_theme_black { background : #aebcbf ; background : - moz - linear - gradient ( top , #aebcbf 0 %, #6e7774 50 %, #0a0e0a 51 %,

DropKick - a jQuery plugin for beautiful dropdowns

Useful Coding Tools and JavaScript Libraries For Web Developers - Smashing Magazine

Useful Coding Tools and JavaScript Libraries For Web Developers - Smashing Magazine

Advertisement Everyone who is a regular Smashing Magazine reader will know that we have a traditional habit of regularly researching the latest resources, tools and services out there on the Web, as productivity is a crucial asset of professional Web designers and developers. We could, and should, all integrate workflow optimization into our working practices. Perhaps we should warn you upfront for the long compilation, but what can we say — there are so many excellent tools out there which deserve attention of the community, yet unfortunately remain obscure way too often. We love all the designers and developers out there for releasing and producing useful, valuable resources for all of us to use!
jQuery Sliding Clock v1.1
Flexigrid Flexigrid What is it? Lightweight but rich data grid with resizable columns and a scrolling data to match the headers, plus an ability to connect to an xml based data source using Ajax to load the content. Similar in concept with the Ext Grid only its pure jQuery love, which makes it light weight and follows the jQuery mantra of running with the least amount of configuration. Features Resizable columns Resizable height and width Sortable column headers Cool theme Can convert an ordinary table Ability to connect to an ajax data source (XML and JSON[new]) Paging Show/hide columns Toolbar (new) Search (new) Accessible API Many more

impress.js | presentation tool based on the power of CSS3 transforms and transitions in modern browsers | by Bartek Szopka @bartaz

Your browser doesn't support the features required by impress.js, so you are presented with a simplified version of this presentation. For the best experience please use the latest Chrome, Safari or Firefox browser. Aren't you just bored with all those slides-based presentations? impress.js | presentation tool based on the power of CSS3 transforms and transitions in modern browsers | by Bartek Szopka @bartaz
Logging with JavaScript I am sure this has been done a thousand times, I'm posting because I found a really old posting I wrote on the subject. So anyway, for posterity's sake, I'm copying here. It should be pretty clear what this does. Basically, we are appending the log message as a query string parameter and making the browser request it as an image. The images are stored in an array because objects in the function will lose scope when the function ends. This could prevent some requests from being made. Logging with JavaScript
jQuery Slideshow & Content Slider Plugin For Wordpress | SlideDeck Make Your WordPress Slider Stand Out with Striking Lenses Designed specifically for SlideDeck 2, Lenses give your slider a stunningly crafted appearance. With a dozen lenses (and even more to come) available for the WordPress version of SlideDeck, you now have more control and flexibility in customization than ever before. 12 Lenses 14 Sources 60+ Options 29+ Million Combinations See Live Examples Your Content, Your Look

jQuery Slideshow & Content Slider Plugin For Wordpress | SlideDeck jQuery.spritely is a jQuery plugin created by Artlogic for creating dynamic character and background animation in pure HTML and JavaScript. It's a simple, light-weight plugin with a few simple methods for creating animated sprites such as the birds you see on this page, and dynamic scrolling backgrounds. Hello! You can use it on any html web page, and any part of the page can interact with a sprite (click anywhere on this page and wait and you'll see what we mean). Spritely has the following great advantages

JavaScript log servlet JavaScript log servlet It is a Java servlet lets you log data right from your JavaScript code. Actually you can use Ajax for asynchronous transferring data from your JavaScript code to this servlet. Servlet will record them into log file as well as display via own GUI. You can use it as debug or monitoring tool for your JavaScript code.
Download $N Recognizer: JavaScript, C# Pseudocode: $N, $N-Protractor Multistroke gesture logs: xml About The $N Multistroke Recognizer is a 2-D stroke recognizer designed for rapid prototyping of gesture-based user interfaces. In machine learning terms, $N is an instance-based nearest-neighbor classifier with a Euclidean scoring function, i.e., a geometric template matcher. $N is built upon the $1 Unistroke Recognizer. JavaScript $N Multistroke Recognizer JavaScript $N Multistroke Recognizer
JavaScript Style Attributes Listed below are the tables of CSS properties for various HTML element style attributes. I have added a column indicating the javaScript name that the browser recognizes for these properties. I have only listed those that I know work, but the trend seems to be to use the same name when one name is the style descriptor. When there are two names, use the first name in lower case and the first character of the second name in upper case.
Are you ready for this Filed: Thu, Oct 11 2007 under Programming|| Tags: DOM onlaod onready ondomready ready functional For small pages, the preferred method of starting up your scripts is to use the window.onload event. This is a perfectly great little event which will fire after the page has finished loading and call whatever function you've assigned to it. For instance the following code will run as soon as the page has finished loading. <script> function startup() { alert("The page has finished loading! I'm ready to do stuff!")