DatePicker - jQuery plugin
http://www.eyecon.ro/datepicker/

interesting for SIFE?

Date Picker - jQuery plugin

e we review 10 latest and most interesting jQuery plugins of January 2009.

Roter billeder vha. jQuery på almindelige HTML-sider

Rotação de imagens, imagens inclinadas

rotate images with jquery (+ animation!)

2008年に注目を集めた使えるJavaScriptライブラリ集が紹介されていました。 どれも非常に便利でサイト構築に役立ってくれるでしょう。

Javascript performance book

Gekauft und nicht bereut!

50 Useful JavaScript Tools : http://hellotxt.com/l/d1Wt

JavaScript Regular Expression Generator

Regular expression generator for javascript

JSLitmus

A lightweight tool for creating ad-hoc JavaScript benchmark tests

JSLitmus is a lightweight tool for creating ad-hoc JavaScript benchmark tests. Features include ... * Single-file install (JSLitmus.js) * Works on Firefox, Opera, Safari, IE, Google Chrome, and iPhone browsers * Adaptive test cycles - tests take ~1-2 seconds, regardless of the operation * Google Chart + TinyUrl integration * Open Source MIT-style license (see source)

JSりとます：JSパフォーマンス計測ツール

おお、まじか。

これは便利。JavaScriptで使用可能なブラウザ判別スクリプト。IE用。

BeautyTips Demo Page

baloon popups

Cool stuff

Ajax Fancy Captcha is a jQuery plugin that helps you protect your web pages from boys and spammers. We are introducing you to a new, intuitive way of completing “verify humanity” tasks. In order to do that you are asked to drag and drop specified item into a circle.

SIMPLY STUNNING jQuery CAPTCHA! NICE! I want to use this now!

Un composant Javascript d'affichage de graphes (line/bar/pie chart)

xLazyLoader - ajaxsoft - Lightweight js, css and images loader - Google Code

This is a small (3 Kb) asynchron loader for javascripts, css and images. List of features: * load one or multiple files for each type * onload callback for javascript, CSS and images * prevents double loaded scripts or css files * method to remove scripts/css by using group name * method to disable/enable css files by using group name, so you can use this plugin like a css switcher * Tested in IE6, IE7, FF2/3, Opera 9, Safari 3, Chrome I have designed this plugin to lazyload a whole UI extension with javascript, images, css files and get a callback when all files are loaded.

This is a small (3 Kb) asynchron loader for javascripts, css and images. List of features: * load one or multiple files for each type * onload callback for javascript, CSS and images * prevents double loaded scripts or css files * method to remove scripts/css by using group name * method to disable/enable css files by using group name, so you can use this plugin like a css switcher * Tested in IE6, IE7, FF2/3, Opera 9, Safari 3, Chrome

The Zero Clipboard library provides an easy way to copy text to the clipboard using an invisible Adobe Flash movie, and a JavaScript interface. The "Zero" signifies that the library is invisible and the user interface is left entirely up to you.

mParallax is an adaptation for MooTools framework of jParallax whose its author, Stephen Band, describes it like "jParallax turns a selected element into a 'window', or viewport, and all its children into absolutely positioned layers that can be seen through the viewport. These layers move in response to the mouse, and, depending on their dimensions (and options for layer initialisation), they move by different amounts, in a parallaxy kind of way".

So you want to write a script that sites all over the web can use to access your REST API, eh? Well, that would be pretty straightforward if it weren’t for two things: 1. browser same-origin restrictions on XMLHttpRequests (XHRs) and inter-window/frame access 2. the lack of wide browser support for HTML 5-style message passing between windows. The Same-Origin Policy and its minor browser-specific variations are detailed elsewhere, so I’ll just summarize it with a few key points. I use the term window to mean window object, which can be a top-level page or reside inside a frame or iframe.

So you want to write a script that sites all over the web can use to access your REST API, eh? Well, that would be pretty straightforward...

A comprehensive article outlining an approach on how to create a RESTful JavaScript client. The article explains not only how to create a client for your own RESTful services, but also interacting with cross-domain ones. There is also code posted on Google Code which implements the concepts presented in the article.

With jQuery 1.3.2 out the door I've been looking for more ways to profile and optimize jQuery. Previously I did a survey of jQuery-using sites to figure out which selectors they were using. This led to the construction of the new Sizzle Selector Engine which targeted those selectors for improvement. Additionally, I constructed a deep profiling plugin for jQuery which helped to spot methods that were taking a long time to run in live jQuery sites. This helped bring about the improvements in jQuery 1.2.6, 1.3, and 1.3.2.

Programatically profile functions, allowing you to analyse the output easily and pinpoint bottlenecks.

知ってるかもしれないけど、ここのTIPSは使える。 livequeryは超便利。

Just might be a good idea

Help rid the world of IE6 with one line of javascript!

IE6をIE7として動作させるJavaScript

With this code installed, a user with IE6 will receive a dialogue box that tells them their browser is outdated and how to get a newer version.

8 สคริปต์แก้ CSS

入れ子のパネルをスライドさせるアコーディオンの超軽量スクリプト

Accordeon ajax multi-niveau

bueno

"tagged jquery"

jsPDF generates PDF documents using nothing but Javascript. You can use it in a Firefox extension, in Server Side Javascript and with Data URIs in some browsers.

"jQuery makes our lives easier. So much so that it's tempting to use it all the time, inadvertently slowing our page load times (cue YSlow and Hammerhead). Combining, compressing, and delivering scripts at the end of your page helps in the HTTP request department. On the file size front, below are jQuery plugins that give solid bang for your performance buck."

Plugins JQuery en menos de 4k: tabs, carrusel, loader, dropdown...

Tutorials for learning the JavaScript language.

Collection of simple JS tutorials

Chapter 1 * Hello World (1.1.html) * Writing to the document window (1.2.html) * Striped Tables (1.3.html) Chapter 2 * Using a variable (2.1.html) * Using a variable, part II (2.2.html) * Creating Arrays (2.3.html) * Array Methods Test Page Chapter 3 * Using conditional statements (3.1.html) * A basic function (3.2.html) * A simple quiz (3.3.html) * Do/While Loop Chapter 4 * Today's date (4.1.html) * Date to String Script * Print Current Time * Regular Expression Tester * Sample Regular Expressions Chapter 5 * A simple quiz revisited (5.1.html) * jQuery Enhanced Headlines (5.2.html) * Auto Pull-Quotes (5.3.html) * jQuery Selectors Test Bed * jQuery Content Functions Test Bed Chapter 6 * Striped tables with rollover (6.1.html) * One page FAQ (6.2.html) * Events Test Bed Chapter 7 * Image Rollovers (7.1.html) * Photo Gallery (7.2.html) * Photo Gallery -- Advanced (7.2.

15 Excellent jQuery Navigation Techniques and Solutions

Along with content, most would agree that navigation is one of the most important aspects of any website. That's why it's crucial to make site navigation

This is a jQuery plugin to allow users to select multiple items from a predefined list, using autocompletion as they type to find each item. You may have seen a similar type of text entry when filling in the recipients field sending messages on facebook.

Autocomplete with multiple items per input.

jPlayer is a jQuery plugin that allows you to: * play and control mp3 files in your webpage * create and style an mp3 player using just HTML and CSS * add sound effects to your jQuery projects All of this with no visible Flash.

jPlayer is a jQuery plugin that allows you to: * play and control mp3 files in your webpage * create and style an mp3 player using just HTML and CSS * add sound effects to your jQuery projects All of this with no visible Flash.

mp3

A new layout system to replace floats or display:table or html tables. Based on the W3C's proposed 'CSS Template Layout Module' for CSS3

Use PHP functions in JavaScript

php functions converted to js

Comet & Reverse AJAX push

MooTools ScrollSpy

I’ve been excited to release this plugin for a long time. MooTools ScrollSpy is a unique but simple MooTools plugin that listens to page scrolling and fires events based on where the user has scrolled to in the page. Now you can fire specific functionality with just a few simple parameters.

ลูกเล่น เจ๋งๆ

跟踪浏览器滚动条

Plugin per MooTools che intercetta lo scrolling della pagina ed è in grado di attivare specifici eventi in base alla posizione in cui si trova l’utente nell’operazione di scorrimento.

Posted on 11th June 2009 — With jQuery for Designer’s redesign I decided to add a scrolling carousel that worked in the same way the carousel worked on the Apple Mac ads page. This tutorial will walk through the fundamentals of the effect and how to recreate it.

With jQuery for Designer’s redesign I decided to add a scrolling carousel that worked in the same way the carousel worked on the Apple Mac ads page. This tutorial will walk through the fundamentals of the effect and how to recreate it.

a port of the Processing Visualization Language

Processing.js is an open programming language for people who want to program images, animation, and interactions for the web without using Flash or Java applets. Processing.js uses Javascript to draw shapes and manipulate images on the HTML5 Canvas element.

An article about named function expressions in Javascript

different ways of defining functions

Theoretical and practical aspects of Javascript's named function construct

Surprisingly, a topic of named function expressions doesn’t seem to be covered well enough on the web. This is probably why there are so many misconceptions floating around. In this article, I’ll try to summarize both - theoretical and practical aspects of these wonderful Javascript constructs; the good, bad and ugly parts of them.

I handpicked these plugins from jQuery website. I found them really cool and some of them simply a good stuff to enhance website frontend user interface, usability and capability. Awesome plugins I must say.

Author: kevin | Source: queness | Date: 23 Jun 2009 javascript, usability

シンプルなjQueryの効果

Edit in place property in jQuery

Firefox 3 was released on June 17, 2008, and from that time, Firefox 2 browser share is quickly dropping. Very soon it will become inefficient to continue supporting it. And we will be able to use a lot of new Firefox 3 features, such as canvas support, CSS and DOM improvements and other. I am really glad that Firefox3 supports the “contentEditable” property. Setting this attribute to “true” allows you to make parts of a document editable. This attribute was already supported by IE6/7/8, Safari, Chrome and Opera. So now we can start using it in our applications.

was

Version 0.9 is the initial public release of Modernizr. It includes tests for a variety of CSS 3 features and an HTML 5 element styling enabler.

Have you ever wanted to do if-statements in your CSS for the availability of cool features like border-radius? Well, with Modernizr you can accomplish just that!

Modernizr — это небольшая простая Javascript-библиотека, которая поможет получить ответ на вопрос поддерживает ли браузер пользователя такие технологии как: HTML5 Canvas rgba() hsla() border-image border-radius box-shadow Множественные фоновые изображения Прозрачность CSS-анимацию Столбцы Градиенты Отражения CSS-трансформацию CSS-перехды

Distributed Continuous Integration for JavaScript

TestSwarm is a way for distributing JavaScript test suites to many browsers on many platforms - so you can get your results in a distributed manner.

So many choices, so little time.

automatically filling form data with geo information

GeoFill - automatically filling form data with geo information

The geo-location-javascript framework gives access to mobile web users location via javascript. It hides the underlying platform specific implementation through a simple unified interface.

"javascript geo location framework for the mobile web"

A geo location javascript which determines user location in mobile web. Interesting piece of technology.

Jquery Inline Form Validation Engine

とりあえず

jack + , package manager, virtualenv風?

A general purpose JavaScript platform

serverside javascript

server-side javascript framework

A general purpose JavaScript platform - JS without browser, with standardized modules to access system resources, can be used for a server-side application, or a desktop scripting.

Syntax highlighting is very important especially when we want to show our code example on the blog. By enabling the syntax highlighting on the blog, readers can read the code blocks easier. There are a lot of free and useful syntax highlighting scripts around us. Most of the scripts are written using Javascripts, though some of them are powered by other programming languages such as Phyton or Ruby. Today, we are going to look into 9 Syntax Highlighting Scripts that powered by Javascript.

9 Useful Javascript Syntax Highlighting Scripts

Today we are going to look into 9 Javascripts Syntax Highlighting Scripts. Syntax highlighting is very important especially you run a tutorial blog that has a lot of code examples. Proper highlighting your code will make your readers read your code easily.

http://javascript.ru/manual JavaScript 4 javamanual russia 44

In short words jCryption is a javascript HTML-Form encryption plugin, which encrypts the POST/GET-Data that will be sent when you submit a form. It uses the Multiple-precision and Barrett modular reduction libraries for the calculations and jQuery for the rest.

** Posted using Viigo: Mobile RSS, Sports, Current Events and more **

In short words jCryption is a javascript HTML-Form encryption plugin, which encrypts the POST/GET-Data that will be sent when you submit a form. It uses the Multiple-precision and Barrett modular reduction libraries for the calculations and jQuery for the rest. jCryption is completly free and dual licensed under the MIT and GPL licenses like jQuery.

Once a bit player, JavaScript increasingly takes center stage. Its footprint—the space it takes up on our servers and in our development schedules—continues to grow. So how can we make our JavaScript more reusable and easier to maintain? Perhaps MVC will offer some clues. While MVC is a familiar term to those in back-end application development—using frameworks such as Struts, Ruby on Rails, and CakePHP—MVC’s origin in user interface development lends itself to structuring client-side applications. Let’s examine what MVC is, see how we can use it to rework an example project, and consider some existing MVC frameworks.

Más práticas de Javascript

9lessons is a popular programming blog maintained by from Srinivas Tamada. Topics focus on programming, tutorials, jquery, ajax, php, mysql, javascript, jsp, database, java and resources 9 lessons.

Validació de formularis

Javascript Validation Library

Simple, intuitive yet powerful client side validation. No need for coding, easily extendable and customizable.

表单验证

Custom Checkboxes Images Lightbox Youíre probably very familiar with Lightbox. If not, this is used to display overlay images on the current page.

this.setSpeed(mph);

jQuery Tutorial

By http://bit.ly/Tweets2Delicious

In many languages (all the good ones, if you ask me),  lexical scoping is supported. Lexical scoping basically allows you to access local variables in a parent function. If a function is defined within another function, it can access its own local variables as well as those of the function it was defined within. Time for another example.function drinkBeer() { var beer = "Big Daddy IPA"; function pour() { var glass = "Pint Glass"; return "Poured " + beer + " into a " + glass; } function drink() { beer = null; return "Beer is all gone"; } pour(); drink(); } drinkBeer();This works just fine. drinkBeer cannot access glass, but pour and drink can access beer. //// /*<!--<a href="http://justin.harmonize.fm/index.php/2009/09/an-introduction-to-javascripts-this/">Caffeinated Simpleton » Blog Archive » An Introduction to JavaScript’s “this”</a>-->*/

gRaphaël’s goal is to help you create stunning charts on your website. It is based on Raphaël graphics library. Check out the demos to see static and interactive charts in action.

raphael.js and any (or all) of g.line.js, g.bar.js, g.dot.js and g.pie.js into your HTML page, then use it as simple as:

gRaphaël’s goal is to help you create stunning charts on your website. It is based on Raphaël graphics library. Check out the demos to see static and interactive charts in action. gRaphaël currently supports Firefox 3.0+, Safari 3.0+, Opera 9.5+ and Internet Explorer 6.0+.

gRaphaël’s goal is to help you create stunning charts on your website. It is based on Raphaël graphics library.

Client client communication with shared objects and flash js communication

javascriptからsharedobjectが操作できるらしい？後で試してみよう！

Lately I was discussing about programming a flash-based multiuser game using sharedObjects. I’m not so fond of Flash so I thought: Flash can communicate with Javascript. So why not implement the game in Javascript and do only the multiplayer-communication in flash? I created jsSO to allow the clients to push data to the server and notify other clients immediately about changes. So this library allows programming of realtime games, chats etc.

Javascript popup pop up

Building a jQuery/PHP Powered Chat Room

CHAT BÁSICO!

Sprockets is a Ruby library that preprocesses and concatenates JavaScript source files. It takes any number of source files and preprocesses them line-by-line in order to build a single concatenation. Specially formatted lines act as directives to the Sprockets preprocessor, telling it to require the contents of another file or library first or to provide a set of asset files (such as images or stylesheets) to the document root. Sprockets attempts to fulfill required dependencies by searching a set of directories called the load path.

Reading about Sprockets: http://tinyurl.com/ajv466 Looks useful. [from http://twitter.com/blueroot/statuses/1227709183]

"Sprockets is a Ruby library that preprocesses and concatenates JavaScript source files. It takes any number of source files and preprocesses them line-by-line in order to build a single concatenation."

This guide is for using the Mu JavaScript library to access the above on your site. Mu is a very small library which you can use along with your favourite JavaScript library such as Dojo, jQuery, MooTools, Prototype or YUI.

Underscore provides 44-odd functions that support both the usual functional suspects: map, select, invoke — as well as more specialized helpers: function binding, javascript templating, deep equality testing, and so on. It delegates to built-in functions, if present, so Javascript 1.6 compliant browsers will use the native implementations of forEach, map, filter, every, some and indexOf. Underscore includes a complete Test & Benchmark Suite for your perusal. The unabridged source code is available on GitHub.

Underscore is a utility-belt library for Javascript that provides a lot of the functional programming support that you would expect in Prototype.js (or Ruby), but without extending any of the built-in Javascript objects. It's the tie to go along with jQuery's tux. Underscore provides 44-odd functions that support both the usual functional suspects: map, select, invoke — as well as more specialized helpers: function binding, javascript templating, deep equality testing, and so on. It delegates to built-in functions, if present, so Javascript 1.6 compliant browsers will use the native implementations of forEach, map, filter, every, some and indexOf.

jQueryのプラグイン。フェードで切り替わる、アクセシブルな画像ギャラリー。

スライドショーJS。

Alguma coisa relacionada à eventos controlados pelo firebug, ainda não li

Plugin for firefox to show event handlers, and more

This extension brings a new Events panel that lists all of the event handlers on the page grouped by event type. The panel also nicely integrates with other Firebug panels and allows to quickly find out, which HTML element is associated with specific event listener or see the Javascript source code.

Binds functions to DOM elements.

Concrete tries to provide a new model of code organisation – a replacement for Object Oriented programming that is focused on adding functions to groups of DOM elements based on the structure and contents of those DOM elements. It’s a merging of the model and view layer that initially seems weird, but can give very powerful results. We’re standing on the shoulders of giants here – combining ideas from Prototype’s behaviour & lowpro and jQuery’s effen & livequery (who themselves stole ideals from Self’s Morphic UI and others), but extending & combining the concepts presented in those tools to provide a complete alternative to traditional OO concepts – self-aware methods, inheritance, polymorphisim and namespacing without a single class definition.

Concrete – Support for ConcreteUI programming in jQuery

Concrete tries to provide a new model of code organisation – a replacement for Object Oriented programming that is focused on adding functions to groups of DOM elements based on the structure and contents of those DOM elements. It’s a merging of the model and view layer that initially seems weird, but can give very powerful results.

"The Closure Compiler is a tool for making JavaScript download and run faster. It is a true compiler for JavaScript. Instead of compiling from a source language to machine code, it compiles from JavaScript to better JavaScript. It parses your JavaScript, analyzes it, removes dead code and rewrites and minimizes what's left. It also checks syntax, variable references, and types, and warns about common JavaScript pitfalls. Efficiency. The Closure Compiler reduces the size of your JavaScript files and makes them more efficient, helping your application to load faster and reducing your bandwidth needs. Code checking. The Closure Compiler provides warnings for illegal JavaScript and warnings for potentially dangerous operations, helping you to produce JavaScript that is less buggy and and easier to maintain."

is a tool for making JavaScript download and run faster. It is a true compiler for JavaScript.

Compressore Javascript Google

Google JavaScript Compiler

An Introduction to the Raphael JS Library - Nettuts+

Tutorial on using Raphael js framework to draw vector graphics on a webpage.

libreria javascript google

@igrigorik: "closure is 'yet another JS library', but this one is worth investigating (from Google: GMail, etc): http://bit.ly/1ysjda" (from http://twitter.com/igrigorik/status/5525342012)

closure API

rs of JavaScript from the Mast

Node's goal is to provide an easy way to build scalable network programs. In the above example,

Evented I/O for V8 javascript

Over recent years, JavaScript has increasingly gained popularity, partly due to libraries that are developed to make JavaScript apps/effects easier to create for those who may not have fully grasped the core language yet. While in the past it was a common argument that JavaScript was a basic language and was very 'slap dash' with no real foundation; this is no longer the case, especially with the introduction of high scale web applications and 'adaptations' such as JSON (JavaScript Object Notation).

What if Google released a JavaScript library that sucked, and no one noticed? JavaScript expert Dmitry Baranovskiy has peeked under the hood of Google’s new Closure Library, and he doesn’t like what he sees. Follow along as he points out a few of the library’s many failings, and why the Web deserves better from Google.

Para mostrar el ultimo twiteo en tu sitio usando Javascript

How to show latest tweet with js and css

This tutorial will teach you how to display your last twitter tweet, without the use of any plugins. Infact it only uses 2 lines of JavaScript, and 1 line of HTML.

10 JavaScript Quick Tips and Best Practices

A client side JSON document store. Want to see this in Node.JS.

Sorta like a couch except smaller and outside, also, a client side JSON document store. Perfect for webkit mobile apps that need a lightweight, simple and elegant persistence solution.

"Sorta like a couch except smaller and outside, also, a client side JSON document store. Perfect for webkit mobile apps that need a lightweight, simple and elegant persistence solution."

MITlicense

Learn regular expressions once and for all

a detailed overview of regex

ota

meget små spil som kan spilles

web-based toolkit for making and sharing hosted JS games

Toda uma plataforma que permite usar javascript e dhtml para criar jogos excelentes que rodam em qualquer browser. Permite acessar teclado, mouse, joystick, tocar som, e com sistema de colisões, deformação, camadas, etc.

this is a weird duck: game development library/hosting (?!) that abstracts away the DOM for writing sprite/tile-based games (doesn't use html5 canvas!). I think it's sort of limited by the fact that your games *must* be hosted on their site, and the engine itself doesn't seem to be open source. wonder if they're going to try to license it...?

See downloads, gallery and open issues dygraphs is an open source JavaScript library that produces produces interactive, zoomable charts of time series. It is designed to display dense data sets and enable users to explore and interpret them.

haded areas show its m

the cool

恒例のコリスさんのjQueryプラグイン33+1選。

jQueryのプラグイン集。画像ごと一覧になっているのでイメージがつかみやすく、見やすくなってます。

image load detection

tips and trick code

jQuery is by far my favorite Javascript framework, which allows developers to create stunning visual effects, manipulate data properly, and much more. In this article, I have compiled 10 extremely useful jQuery snippets.

jQuery snippets for web developers

form art

via cpb

jslintつかえ　というのは、忘れてた。 good partsとかなりかぶるよね たまには読み返せということか console.time("hogehoge") console.timeEnd("hogehoge") これは知らんかった。

翻訳がわかりにくいような…

Encrypt data sentback to a server - quickly

We offer a fast, small symmetric encryption library written in Javascript. Though several such libraries exist, jsCrypto offers several advantages.

rich text editor

CoffeeScript is a little language that compiles into JavaScript. Think of it as JavaScript's less ostentatious kid brother — the same genes, roughly the same height, but a different sense of style. Apart from a handful of bonus goodies, statements in CoffeeScript correspond one-to-one with their equivalent in JavaScript, it's just another way of saying it.

"CoffeeScript is a little language that compiles into JavaScript. Think of it as JavaScript's less ostentatious kid brother — the same genes, roughly the same height, but a different sense of style. Apart from a handful of bonus goodies, statements in CoffeeScript correspond one-to-one with their equivalent in JavaScript, it's just another way of saying it."

Part 3

EvanBot.com is the home to Evan Byrne who is a website designer from Lapeer, MI.

Getting Started with jQuery

Jquery starter tutorial and resources

A couple of weeks ago, I had a chance to glance through Stoyan Stefanov’s Object-Oriented Javascript. The book had an exceptionally high rating on Amazon (12 reviews with 5 stars), so I was curious to see if it was something worth recommending. I started reading through chapter on functions, and really enjoyed the way things were explained there; the flow of examples was structured in such nice, progressive way, it seemed even beginners would grasp it easily. However, almost immediately I stumbled upon an interesting misconception present throughout the entire chapter — deleting functions. There were some other mistakes (such as the difference between function declarations and function expressions), but we aren’t going to talk about them now. The book claims that “function is treated as a normal variable—it can be copied to a different variable and even deleted.”. Following that explanation, there is this example:

Description of the delete statement in Javascript and how it really works.

JavaScriptとjQueryのちょっとした便利なコード集です。

jQueryスニペット集(Toggle all checkboxes：チェックボックス全ON/OFF切り替え…etc)

http://github.com/tobeytailor/gordon/

Wow, a flash runtime for the iphone - in javascript and svg no less! cool!

javascript flash implementation

Wow. Flash in Javascript.

紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 デモのキャプチャ GalleryView さまざまなインターフェイスを備えた画像ギャラリー。 デモのキャプチャ Image Slide Show with Semi-Transparent Caption 半透明のキャプション表示がかっこいい画像ギャラリー。 デモのキャプチャ Pikachoose 画像ギャラリー。 デモのキャプチャ Smooth Div Scroll 水平にスクロール表示する画像ギャラリー。 デモのキャプチャ Image Strip 横長の一枚画像をスライドするギャラリー。 デモのキャプチャ SlideySlide, jQuery mini image gallery 画像がスライド表示するミニギャラリー。 デモのキャプチャ Creating a polaroid photo viewer with CSS3 ポラロイド写真を散らかしたようなギャラリー。傾きはSafari, Chromeのみ。 デモのキャプチャ z-index gallery 画像の重なり順を変更する画像ギャラリー。 デモのキャプチャ ImageSwitch 画像をさまざまなアニメーションで切り替え。 デモのキャプチャ jCaption 画像のキャプションをスライド表示。 デモのキャプチャ Super Box Lightbox風に画像を拡大表示。 デモのキャプチャ SimpleModal シンプルなモーダルボックス。 デモのキャプチャ qTip デザインも豊富でカスタマイズに優れたツールチップ。 デモのキャプチャ ezpz tooltip div要素を表示するツールチップ。 デモのキャプチャ Better Tooltip 表示のアニメーションがかわいいツールチップ。 デモのキャプチャ Easy Tooltip 複雑なコンテンツも簡単に設置できるツールチップ。 デモのキャプチャ Image-free CSS Tooltip Pointers 画像を使用しないツールチップ。 デモのキャプチャ wTooltip 軽量でシンプルなツールチップ。 デモのキャプチャ jQuery and CSS menu this is really simply one 選択項目が拡大するシンプルなナ

コリスはデザインお役立ちサイト

画像ギャラリー、ツールチップ、パネルなどのまとめ　＠ツールチップの良さげなのは別にデリした

ThemeRoller version !

A short list of my favorite JavaScript grid components. How many times did you hear users asking you: “something simple, a grid like excel”?

Comparison of jQuery grids.

javas

By far the most important item here is how well the solution works with JavaScript turned off. Too many developers do not think about this. How well are styles ingrained with the code? If a look and feel change requires a JavaScript change, that's a dealbreaker (sorry, Tina). Is the JS code usable without a mouse; is keyboard navigation fully available? (this isn't just an accessibility issue, it's also power user productivity enhancer). Also, KNOW THE CODE.

$("#box4").sexyCycle({ speed: 500, next: '.next3', prev: '.prev3', stop: '.stop', interval: 800 });

snappy cycle plugin

gráficas chart usando javascript

I was sick and tired of having to scroll through a raw copy of jQuery everytime I wanted to view a me

Sieht nach einem sehr coolen Google Maps Plugin für jQuery aus. Sehr einfach zu nutzen...

Javascript 开发的数学绘图工具

웹기반 그래프 작성

plotter, graficador de funciones, hecho en javascript

Possibly the easiest to use jQuery plugin for making slideshows!

Nice "mega-menu" style plugin for jQuery

An horizontal navigation menu written in jQuery, with an useful space for secondary content coming out on rollover.

Plugging memory leaks in JavaScript is easy enough when you know what causes them. In this article authors Kiran Sundar and Abhijeet Bhattacharya walk you through the basics of circular references in JavaScript and explain why they can cause problems in certain browsers, especially when combined with closures. After seeing some of the common memory leak patterns you should watch out for, you'll learn a variety of easy ways to work around them.

Memory Leaks in Javascript -> wie wo was warum erklärt dieser Artikel ganz nett

Interesting JavaScript quiz based around closures and orders of evaluation. Some of the questions are quite mindbending.

Great quiz and comments.

s

*

RT @jquery: Tutorial: Function’less event handlers in jQuery - http://ping.fm/9Lf17 [nice article!] [from http://twitter.com/behi_at/statuses/1728931636]

JavaScript is a language we love despite it giving us so much to hate. This is a collection of those very special irregularities, inconstancies and just pain unintuitive moments for the language of the web.

JavaScript is a language we love despite it giving us so much to hate. This is a collection of those very special irregularities, inconstancies and just pain unintuitive moments for the language of the web.

"JavaScript is a language we love despite it giving us so much to hate. This is a collection of those very special irregularities, inconstancies and just pain unintuitive moments for the language of the web."

There are side-benefits to immersing yourself in MS-land. Like finding really solid data manipulation libraries written in javascript.

JSINQ is a complete implementation of LINQ to Objects for JavaScript. It allows you to write SQL-like queries against arrays, DOM node lists or your own custom enumerable types.

JSINQ is the JavaScript library that allows you to write SQL-like queries against arrays and DOM node lists. JSINQ is a complete implementation of LINQ to Objects in JavaScript. What that means is that if you know LINQ and you know JavaScript, you know JSINQ. JSINQ is both an API-compatible implementation of System.Linq.Enumerable and a complete query-expression compiler. That's right: you can write LINQ-style queries in JavaScript. And if that isn't enough: JSINQ is also very liberally licensed, well-document, reasonably well-tested (the Enumerable-part) and currently in beta. So give it a go!

Ya it's the classically Tetris implemented in javascript:)

Good Software Engineering Applied To A Javascript Tetris Game

Visualizador del proceso de compartición de archivos por BitTorrent

Per entendre el funcionament del P2P.

The Ajax Availability Calendar is a php script designed to show availability of whatever you might need it for (eg. holiday cottage, hotel rooms etc.).

The Ajax Availability Calendar is a php script designed to show availability of whatever you might need it for (eg. holiday cottage, hotel rooms etc.). Free to use on your website or application and is currently being used (v.2) by hundreds, if not thousands, of websites around the world.

Availability calendar for hotels, apartments, holiday homes The Ajax Availability Calendar is a php script designed to show availability of whatever you might need it for (eg. holiday cottage, hotel rooms etc.). Free to use on your website or application and is currently being used (v.2) by hundreds, if not thousands, of websites around the world.

http://www.andrew-hoyer.com/exp_src/cloth_JS/cloth.js - code is here

is simulation. A lot of the concepts discussed by Thomas Jacobse

Muito bom JQuery para forms interativos

Good resource on javascript

Ejacs is an Ecma-262 compliant JavaScript interpreter written entirely in Emacs Lisp. It should work in GNU Emacs versions 22 and higher.

Ejacs is an Ecma-262 compliant JavaScript interpreter written entirely in Emacs Lisp

JavaScript in emacs

ELispで書かれたEcma-262 インタプリタ。Emacs22以降で動くらしい

emacsでjsインタプリタ。alertとかDocument.writeとかが使えないから微妙

昨日紹介した「わずか「12文字」でIEを判別するスクリプト」に続いて、Firefox 2/3, Safariを判別する1行のスクリプトをThe Spannerから紹介します。 FF=/a/[-1]=='a' FF3=(function x(){})[-5]=='x' FF2=(function x(){})[-6]=='x' Saf=/a/.__proto__=='//'

Most Promising #Javascript Charting Libraries & Plugins http://j.mp/deWvyn

most promising Free javascript charting libraries and plugins. - 10 of them

Simple, easy method to visually inspect a JSON-encoded string.

core

3d Html Eleman Yapımı

enter your own lexer

&callback=?

Bonito plugin de jQuery, para realizar presentaciones...

I’m giving my presentation next week and will talk about CSS3 transforms and transitions. Obviously, I will be providing a lot of code samples and examples, so if I were to use Keynote, I would be going back and forth between the browser and Keynote. Yeah, no thanks. So, I wrote this small jQuery plugin that gives you an interface in a browser to give a presentation. If you are getting antsy, take a look at a demo or download it from github.

High performance, high class web development for Node.js

Fast (and small) server-side JavaScript web development framework built on node.js and the V8 JavaScript engine.

高さの異なるカラムを揃えるスクリプト

finally!

You have an element and within that element you want an item to be clicked on and set as active. Then you want to click on another item and have it to be set as active. Maybe it's navigation, maybe it's tabs. This is a common pattern. So much so, that I've rewritten this code a few times but keep losing track of it. This is a jQuery plugin that does the ol' switcheroo and is very simple. When you click on an element, it'll set it as active. When you click on another, it'll remove the active class from the currently active item and then enable the active item. Super simple, nothing more, nothing less.

Handy javascript for addingremiving classes to things like navigation.

active state navigation with javascript

You have an element and within that element you want an item to be clicked on and set as active. Then you want to click on another item and have it to be set as active. Maybe it's navigation, maybe it's tabs. This is a common pattern. Snook.ca

コリスさん恒例のjQueryのプラグイン33+1選です。

Smashing Magazine | JS tips

iPhone Touch Events in JavaScript

iphone touch event lib. (multitouch)

HowToNode.org is a community supported blog created by Tim Caswell. The purpose of the blog is to teach how to do various tasks in node.js as well as teach fundamental concepts that are needed to write effective code.

Tim Caswell’s open blog for how to learn Node.js.

A Blog dedicated to node.js programming

This clock was created using a combination of CSS and Javascript. The Javascript gets the user’s local time (you could use PHP, but that would be server time) and updates the CSS <div> tags with the appropriate hour and minute classes.

budik

ソースとかダウンロードさせる際にzipで圧縮すんの面倒くせぇって時に使うのかしら?

Pure Javascript ZIP file generation

amachangオリジナル。

JSでzip.

three.js Javascript 3D Engine

3D js 库 html5

Javascript 3D Engine

Most people that learn JavaScript are coming from a background in another language. This brings with it a view of how the world works that may be different from how it really works in JavaScript. For this and other reasons, JavaScript is often misunderstood. It's not entirely our fault, the language was designed to work like one thing (scheme-like), but look like another (c-like). This article will describe lexical scope and the "this" variable and how to control them rather than be controlled by them when in coding JavaScript.

Everything you ever wanted to know about scopes in Javascript. Closures are key.

amazing javascript experiments for safari / chrome browsers

Another JavaScript library for dealing with the video support shenanigans across browsers.

looks like a nice player.

Video JS is a javascript-based video player that uses the HTML5 video functionality built into advanced browsers. In general, the benefit of using an HTML5 player is a consistent look between browsers.

Tell us where you're using Spritely Spritely is fairly new (March 2010), so there's not much to see yet, but if you start using spritely to sprite up your web...

Animations with no Flash.

movimiento de pájaros y de fondos

G

根据ip查找用户信息

他のライブラリ不要。アニメーションするアコーディオンのスクリプト

アコーディオン

Accordion V2はjQueryやPrototypeなどの他のスクリプトに依存することなく、単独で動作するスクリプトで、対応ブラウザはIE6, 7, 8, Fx2, 3, Op, Safari, Chromeとなっています。

簡単に実装できて面白いし、JavaScriptオフの人には適用されなくてもまあ平気なところがいいですね。

画像のAltを使って綺麗なキャプションを表示する

やってみる

『これが良い！』表示位置（上・下）、表示のスピード、不透明度、表示方法（フェード・スライド・常設）など設定できる画像キャプション

これはかっこいい

When Paul Armstrong started searching for Javascript frameworks for iPhone optimized web development, he wasn't satisfied with what was available. While the

jQuery用のアニメーションフレームワーク「GX」の紹介とサンプル。

JSでアニメーションするならコレかもというぐらい多機能な「GX」ライブラリ。 jQueryと組み合わせて使うアニメーションライブラリです。

カラーアニメーションにも対応。

beautiful

用 JavaScript 寫 GAE 程式

SQLike is a small (10 kB) query engine for JavaScript and ActionScript. Its functionality and syntax is similar to that of SQL and it can be used to query arrays of objects or arrays of arrays.

Dragdealer JS http://ow.ly/1Ynv1 // this is very nice

At the heart of every location-based application is positioning and geolocation. In this tutorial you will learn the geolocation capabilities of HTML5 and the basic principles needed to take advantage of them in your next HTML5 app!

HTML5 Apps: Positioning with Geolocation

jo is a lightweight JavaScript framework designed for HTML5 apps. jo does * Embrace JavaScript's object model and loosely typed nature * Leverage CSS3 to handle as much of the pretty presentation and animation as possible * Provide a consistent and modular event model between objects * Wrap DOM and device-specific events into a cohesive gesture system * Insulate developers from different persistent storage solutions * Play nicely with other libraries like PhoneGap jo doesn't * Use a lot of resources * Depend on other frameworks * Have a lot of browser dependent code * Require detailed knowledge of the DOM * Force you to deeper into its framework than you want to go * Use $ and other arcane looking symbols in place of proper identifiers Author Dave Balmer: davebalmer.wordpress.com, follow @balmer on Twitter, or email dbalmerjr@gmail.com Downloads Available from GitHub as a git repo or a zip file. Philosophy If you want to jam an exi

かっこいい

JavaScript、HTML5、 CSSの投稿共有コミュニティサイト

If jQuery is just the "magic black-box" to you, have a watch of this brilliant screen cast -> http://bit.ly/dxS69t – Oliver Gosling (goslingoweb) http://twitter.com/goslingoweb/statuses/16457270950

If you design websites you may have heard of interesting tools called CSS pre-processors. A couple of great ones are LESS and SASS. I helped Alexis, the creator of LESS with the design of the language and built the public site.

思った以上に内容よくて逆にうける

"2010年5月10日 18時39分 第1版完成しました"

pdf

pdf.js - create basic pdf files in the browser and node.js - http://maraksquires.com/pdf.js/

Para crear pdf usando el navegador

JavaScriptコーディング等を書く上でのパフォーマンス確認事項３０:phpspot開発日誌30 best practices to boost your web application performance - Web User Interface Architect JavaScriptコーディング等を書く上でのパフォーマンス確認事項３０。 自分へのインプット＆メモがてらにちょっとま

# 静的なコンテンツはHTTPヘッダでキャッシュさせよう（サーバサイドスクリプトの話） # CSS, JS ファイルはgzipしよう。ただし、（CPU使用率とのバランスは重要です） # JavaScript は　minify して転送量を下げる

JavaScriptコーディング等を書く上でのパフォーマンス確認事項３０:phpspot開発日誌 http://ow.ly/17LULE – Javascript News (del_javascript) http://twitter.com/del_javascript/statuses/16368876741

Wu.js is a library for lazy, functional programming in Javascript. Works great in the browser, and also with CommonJS (including node and Narwhal). The largest part of wu is dedicated to iterators. Iterators are lazy sequences with a number of methods that encourage functional programming.

map reduce, iterator, range and more functional language feature

Wu.js is a library for lazy, functional programming in Javascript. Works great in the browser, and also with CommonJS (including node and Narwhal). The largest part of wu is dedicated to iterators. Iterators are lazy sequences with a number of methods that encourage functional programming. What does it mean to be lazy? Many people might expect the following code to log "1 squared is 1", "2 squared is 4", and "3 squared is 9" immediately.

Interesting lazy functional library for javascript.

Wu.js is a library for lazy, functional programming in Javascript. Works great in the browser, and also with CommonJS (including node and Narwhal).

Wu.js is a library for lazy, functional programming in Javascript.

Node.js testing. Inspirational site!

Vows is a behavior driven development framework for Node.js. Vows was built from the ground up to test asynchronous code. It executes your tests in parallel when it makes sense, and sequentially when there are dependencies. Emphasis was put on speed of execution, clarity and user experience.

A neural network API in Javasript

localStorage wrapper for all browsers without using cookies or flash. Uses localStorage, globalStorage, and userData behavior under the hood

store.js uses localStorage when available, and falls back on globalStorage for earlier versions of Firefox and the userData behavior in IE6 and IE7. No flash to slow down your page load. No cookies to fatten your network requests.

localStorage wrapper for all browsers without using cookies. Uses localStorage, globalStorage, and userData behavior under the hood — Read more Save Cancel http://marcuswest.in

localStorage wrapper for all browsers without using cookies or flash. Uses localStorage, globalStorage, and userData behavior under the hood

store.js uses localStorage when available, and falls back on globalStorage for earlier versions of Firefox and the userData behavior in IE6 and IE7. No flash to slow down your page load. No cookies to fatten your network requests.

jquery color expressions

jQuery color plugin xcolor - Website and Application Intelligence http://bit.ly/96k7hW – Delicious Popular (twittilicious) http://twitter.com/twittilicious/statuses/18356137255

Ladezeitenoptimierung mit und für jQuery

nehan意外にも縦書きjsあった

竹取 JS http://dlvr.it/2XXtN

JavaScript で指定されたブロックを縦書きに変換するJS

縦書き

GoogleのJSコーディング規約