Facebook Twitter

10 Small Things You May Not Know About Javascript. It doesn’t matter how many years I’ve been dealing with Javascript – it contains many little things that surprises me almost every week.

10 Small Things You May Not Know About Javascript

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. 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

Javascript PC Emulator. jQuery Shadow Plugin. 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.

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

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. Presentation tool based on the power of CSS3 transforms and transitions in modern browsers.

Aren't you just bored with all those slides-based presentations?

presentation tool based on the power of CSS3 transforms and transitions in modern browsers

Don't you think that presentations given in modern browsers shouldn't copy the limits of 'classic' slide decks? Would you like to impress your audience with stunning visualization of your talk? 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.

Logging with JavaScript

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. jQuery Slideshow & Content Slider Plugin For Wordpress. JavaScript log servlet. It is a Java servlet lets you log data right from your JavaScript code.

JavaScript log servlet

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. JavaScript $N Multistroke Recognizer. 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.

JavaScript $N Multistroke Recognizer

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 Style Attributes. Listed below are the tables of CSS properties for various HTML element style attributes.

JavaScript 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.

Are you ready for this

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! ")