10 Beautiful Web UI libraries
http://woork.blogspot.com/2009/01/10-beautiful-web-ui-libraries.html
WEBデザイナ/開発者が覚えておくと便利なブックマークレット集:phpspot開発日誌
http://phpspot.org/blog/archives/2008/11/web_38.html

useful web tools

めもめも

function.apply and .call control the scope of the this keyword

Function.apply and Function.call

Parsing an XML feed or page using jQuery.

Monter ses Slideshows

20 free image GALLERIES (scripts???)

Guia completo das APIs do Google Code.

tutorial

Menu animado con jQuery

Ever seen some excellent jQuery navigation that left you wanting to make one of your own? Today we'll aim to do just that by building a menu and animate it with

How to Make a Smooth Animated Menu with jQuery

I really like the top navigation implemented on Vimeo.com. First time I saw it I wanted to recreate it. And this is exactly what I am going to do in this tutorial. What I like the most is the menu that drops down when you hover search box. It offers you different search options that you can choose and narrow your search.

角丸のスライドダウングローバルナビをCSSで作る。

A plugin form of this script would be great.

PHPとjQueryでクリックした位置が分かるクリックマップ作成

The site map is often overlooked…until now. Make your sitemaps unique and exciting using CSS and jQuery!

In this demo article, we will build a visually interesting sitemap that makes the hierarchy clearer through the use of color.

Jquery sitemap

Visual relational database designer, done entirely in <canvas> and javascript. Rather swanky-looking.

Canvas element used to do basic image-processing on an image. Can a JS port of NumPy be far behind? What about the effects on expectations for javascript from users and engine writers? *Mind buzzes*

Breaking Captchas with a GreaseMonkey script

This tool allows you to draw and create database schemas (E-R diagrams) directly in browser, without the need for any external programs (flash)

CSVファイル（カンマ区切りテキスト）を読み込み、Tableに整形して表示するJavaScriptライブラリ「jquery.csv2table.js」だ。

外部CSVをTable化して表示

これはかなり便利だ

htmlから外部ファイルのcsvを参照してHTMLオブジェクトを生成。すげーな。

Beautiful datepickers and calendars for web developers

Widgets

Upload Widgets

Prototip allows you to easily create both simple and complex tooltips using the Prototype javascript framework.

Nice magnifier effect - good for product pages

jQuery is ideal because it can create impressive animations and interactions while being simple to understand and easy to use. WordPress awesomeness lies in its fact that it can be customized to power any type of site you like! But what happens when you combine the power of jQuery with WordPress, the possibilities are infinite.

wordpress plugin reviews

New version of my Easy Slider plugin for jQuery is here. This is one of the my rare scripts that make it to their second version. In this case version 1.5 All of the features here are result of your comments, so if you have more ideas, keep

interesting for SIFE?

Date Picker - jQuery plugin

Image Preview

Javascript navigation control to manage alphabetical lists

"Navigation is an important part of web design from a usability perspective. However, links and navigation menus also provide opportunities to improve the visual appearance of the site, or to add some interesting effects. If you’re looking to create a navigation menu that stands out from the crowd, jQuery provides plenty of options. In this post we’ll feature 25 tutorials that will show you how to jQuery and CSS to create some interesting effects."

ツールチップスクリプト

BeautyTips | Coliss

シンプルなツールチップも簡単に実装できるだけなく、デザインのカスタマイズが可能で、対応トリガーも豊富なツールチップのスクリプト「BeautyTips」を紹介します。

jQuery

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

13 Excellent jQuery Animation Techniques | Web Design Ledger - http://webdesignledger.com/tutorials/13-excellent-jquery-animation-techniques

Only a few years ago, if something was animated on a website it was automatically assumed to be Flash. However, this is not the case today. With the growing popularity and wide spread use of JavaScript frameworks, sometimes you have to take a closer look to find out what is powering all of those smooth animations. With several JavaScript frameworks available, jQuery is quickly becoming a favorite. If you are interested in using jQuery for animated effects, here are 13 excellent tutorials to get you on your way.

Animações com jQuery

Interesting.

Roter billeder vha. jQuery på almindelige HTML-sider

Rotação de imagens, imagens inclinadas

rotate images with jquery (+ animation!)

Graphics with JavaScript

plotting, geometry, visualization

pretty much a overview of anything you could need

jQuery Cheat Sheet - NETTUTS - http://nettuts.com/freebies/cheat-sheets/jquery-cheat-sheet/

Jquery rails

Pagination

AJAXによって複数の好きな画像を一気にアップロードし、それをフォトギャラリーとしてページに埋め込んで表示できるのがこの「dfGallery 2.0」。フルスクリーンモードにすることもでき、FlickrやPicasaのアルバムと連携可能で、カスタムテーマとマルチスキンによって見かけやレイアウトを大幅かつ自由に変更可能で、さらに管理用のコンソール画面、複数のギャラリーセットとアルバムのサポート、BGMの再生なども可能です。これだけ高機能であるにもかかわらずフリーでの利用（Apache License 2.0）が可能となっており、あらゆる局面で利用可能となっています。 実際の動作デモやインストールとカスタム方法を解説したムービーの再生などは以下から。

した

Put Twitter on your site with this simple, unobtrusive jQuery widget.

Tweet! put twitter on your website with tweet!, an unobtrusive javascript plugin for jquery. Demo displaying three

Admit that you have always wanted to know how to develop a Firefox extension but never had the time to learn. Here I will walk you through and at the end of the article we will have created a fully functional Firefox extension!

Admit that you have always wanted to know how to develop a Firefox extension but never had the time to learn. Here I will walk you through and at the end of...

Pirobox jQuery Lightbox | Design Shack - http://designshack.co.uk/tutorials/pirobox-jquery-lightbox

jquery lightbox

button, span, anchorをスタイリングするチュートリアル

Below, we create a range of button types that frequently appear in application interfaces — stand-alone buttons, toggles, and buttons grouped into multi-function toolbars — and use classes from the framework to demonstrate how you can leverage the CSS for non-jQuery elements. We tested the sample markup and the framework CSS to ensure that styles render the same whether the button markup is the actual button form element (<button>), a link (<a>), or any other tag that makes sense for your particular application.

the most popular javascript frameworks & APIs to see how they differ in terms of global namespace pollution.

Provided by Shaurya during the solution development for Target Safety

Sizzle (new selector engine, available separately), Live Events (a variant of event delegation), Feature Detection (instead of user agent sniffing), faster HTML injection and more.

January 14th, 2009: The jQuery team is pleased to release the latest major release of the jQuery JavaScript library! A lot of coding, testing, and documenting has gone in to this release and we're really quite proud of it.

<3<3<3

If you have worked in your field for a while, there is a pretty good chance that you have a rather extensive portfolio. To make it a little easier to navigate, you will probably be tempted to break them into different categories. In this tutorial, I will show you how to make "filtering by category" a little more interesting with just a little bit of jQuery

I gave a talk last week at Yahoo (at the request of the YUI team) all about the DOM. I outlined some of the reasons why the current situation is such a mess, outline some strategies for working around it, and then give some examples of real world code that's being implemented in libraries today.

Set Font Size Based On Word Count

css-tricks.com

JS Charts is a free JavaScript based chart generator that requires little or no coding. With JS Charts drawing charts is a simple and easy task, since you only have to use client-side scripting (i.e. performed by your web browser). No additional plugins or server modules are required. Just include our scripts, prepare your chart data in XML or JavaScript Array and your chart is ready!

Most of you already aware that jQuery is a lightweight JavaScript library that emphasizes interaction between JavaScript and HTML. it's also known for fast

Most of you already aware that jQuery is a lightweight JavaScript library that emphasizes interaction between JavaScript and HTML. it’s also known for fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. Or in developer’s words “write less, Do more”. Now days jQuery is on top of its charm and everyone from Javascript world love to experiment with it. Because of the remarkable significance of JQuery in Designing field, it is an essential to keep yourself up-to-date with its Quality uses and Examples. In this article, we’ll take a look at Various jQuery Tutorials for your source of inspiration.

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

Did you like it? So...

jQuery Price Format Plugin

Here I will walk you through and at the end of the article we will have created a fully functional Firefox extension!

I've wondered what goes into coding those things.

Like the title says.

autopagerizeが効かなくなったときの対処

これで直った。

greasemonkey の autopagerize のトラブルシューティング

var SITEINFO_IMPORT_URLS = [ 'http://wedata.net/databases/AutoPagerize/items.json', 'http://ss-o.net/databases/AutoPagerize/items.json', ]

Javascript performance book

Gekauft und nicht bereut!

Simpletip jQuery plugin. Making tooltips simple!

Shared with shareomatic.com

A simple jQuery tooltip plugin

tooltip

Simpletip - A simple jQuery tooltip plugin - http://craigsworks.com/simpletip/

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

Ultra small code to drag everything in HTML pages

simplest method I know and use to drag everything in HTML pages, using just three rows of Javascript code.

Was thinking about doing this, stumbled accross this useful little snippet...

Unobtrusive script that allows users to rotate, resize, crop your images with minor changes to your site.

Basic, but nice

jQueryで<ol>のリストに上から順にクラスをつけるTutorial 。

jQuery Sequential List

http://coliss.com/articles/build-websites/operation/javascript/js-jquery-sequential-list.html

Image replacement is arguably one of the most important CSS-based techniques available to a web designer. While some people view image replacement as merely a way to use fonts absent from the client computer, I believe that’s simply untrue. Image replacement has a place on nearly every web site—it can be useful in displaying a variety of page elements: company logos, attractive navigation bars, and fancy paragraph headings. Most importantly though, is its use for the “call to action” buttons; these must stand out in order to attract a visitor’s attention for performing important tasks (like signing up, downloading, or making a purchase).

Yeni bir metin yerine resim koyma metodu

ols-based multiple file uplader really simple to implement and reuse on your web

Sistemas para subir varios archivos con javascript

This post illustrates five interesting rich text editors ready to use in your web projects. I also provided some guidelines regarding how to implement them on your pages using a few lines of HTML code. Try them!

Twitlet is a javascript bookmarklet for fast updating your Twitter (microblogging service) status.

Now there is an easier way of posting webpages with Twitlet. Simply use words #link or #this to include current page’s URL in your tweet.

Gyors posztolás Twitterre a böngészőből.

Compatibility tables for features in HTML5, CSS3, SVG and other upcoming web technologies.

"Compatibility tables for features in HTML5, CSS3, SVG and other upcoming web technologies" (This page lists several advanced web features, like data URIs, for instance, and offers recommendations on when it may be safe to use them.)

modal with cookie and left tabs

Ask SM CSSyJS: Como decidirse por un ancho en pixeles, y otras respuestas a preguntas sobre css y js.

Dicas de CSS

JavaScript Regular Expression Generator

Regular expression generator for javascript

jQuery video tutorial

Jquery Video

The Camtasia Studio video content presented here requires a more recent version of the Adobe Flash Player. If you are you using a browser with JavaScript disabled please enable it now. Otherwise, please update your version of the free Flash Player by downloading here.

Nice (though a bit lengthy) intro to jQuery

test to this items?

JavaScript is an extremely useful scripting language for enhancing user experience and usability. It is becoming more and more popular as more developers begin to make cool techniques accessible. Here are 100 excellent JavaScript (and a few AJAX) techniques, plugins, and resources based on the major libraries of jQuery, Prototype, Scriptaculous, MooTools, and Dojo.

This post illustrates how to use some interesting HTML Form validators to check FORM fields writing only some lines of HTML and JavaScript code. All these proposal are lightweight, cross-browser and simple to use and customize in your web projects in few minutes.

17 Best Javascript Image Galleries

presentation on JQuery from the very basics on up

tutorial

Feb 12, watched first 60 min

uygulama geliştirme hedesi

Bespin is a Mozilla Labs experiment that proposes an open, extensible web-based framework for code editing that aims to increase developer productivity, enable compelling user experiences, and promote the use of open standards.

ตัวทำพรีโหลดแบบ Ajax กลมๆหมุนๆ

animated loading gif's

Free animated loading gif preloaders generator for AJAX loading

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パフォーマンス計測ツール

kind of a badass tooltip plugin but, of course, IE is not going to properly support it for awhile

BeautyTips, a Tooltip Plugin for JQuery

おお、まじか。

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

When creating a User Interface, it's important to make it engaging for the user not only from a visual standpoint, but also with interactivity. With so many

This post will help you in checking out most stunning Script.aculo.us Applications in the World of Web and at the same time might help you in coming up with new web applications using Script.aculo.us. I would like to request all the developers to have a look at these stunning applications which are made and developed by Script.aculo.us

All of these bookmarklets/favelets will be useful to all web designers and developers, they are the quickest method for testing, analyzing and tweaking any web page.

love the XRAY :D

BeautyTips Demo Page

baloon popups

This collapsible breadcrumb was developed to deal with deeply nested, verbosely named pages. Rather than limit the amount of elements shown on the sever side, we decided to go with a client side solution for usability and SEO reasons. It also turned out nice to look at and fun to play with. It is smart in the sense that it collapses based upon the amount and length of the elements in the set. The breadcrumb uses a semitransparent .png overlay to achieve the gradient effect seen on the elements. Visually, it helps to show a "peek" at what is underneath.

miga de pan dinámica

We’ve been down the jQuery “sliders” path a few times before. Once for the Auto-Playing Featured Content Slider and again for the Start/Stop slider. Many of the concepts presented in those tutorials are the same with this slider, so I’m not going to throw a lot of source code at you this time. The big difference here is that there are buttons to change panels and the panels zoom in and out. Fun!

Most people are not aware of the fact that Perl has support for object-oriented programming. If you've used another object-oriented programming language such as Java or C++ or been exposed to object-orientation, t

This is a small list with some basic references about Object Oriented Design process and it includes an UML guide, some articles about how to write OO javascript, PHP and Perl code. I also included some video tutorials about an useful introduction to OO PHP. If you have some interest link to suggest about this topic, please leave a comment, thanks!

xmpp client

Strophe is a library for writing XMPP clients. It is implemented in both JavaScript and C for use in a wide variety of languages. The implementations are production ready, well documented, easy to use, and easy to extend.

A library for writing XMPP clients. It is implemented in both JavaScript and C for use in a wide variety of languages.

"Strophe is a library for writing XMPP clients. It is implemented in both JavaScript and C for use in a wide variety of languages. The implementations are production ready, well documented, easy to use, and easy to extend."

jQuery Ajax Experience Framework Videos article with tutorials

API JavaScript para desenvolvimento de pequenas simulações de física newtoniana.

te an ob

Overview of webOS

Palm® webOS™ is Palm's next generation operating system. Designed around an incredibly fast and beautiful user experience and optimized for the multi-tasking user, webOS integrates the power of a window-based operating system with the simplicity of a browser. Applications are built using standard web technologies and languages, but have access to device-based services and data.

First chapter of upcoming book on Palm's new webOS

The first chapter of an O'Reilly book on developing JavaScript-based webapps for Palm's new webOS

Details of how Palm is leveraging widespread knowledge of HTML, CSS and Javascript to ease development on their new platform.

なるほど便利そうだ

Sprockets is a Ruby library that preprocesses and concatenates JavaScript source files.

"Serve lots of little JavaScripts as a single file."

jQuery provides developers with an invaluable tool to enhance user experience and usability. It truly is the bees knees. The following comprehensively brilliant collection of jQuery tutorials will provide developers and designers alike with knowledge and skills that will blow minds. Prepare for your awakening. Enlightenment follows. Incredible.

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!

ウェブサイトを高速化するにあたり、そのフロントエンド処理に着目し、処理効率の向上に役立てることのできるティップスやツールを紹介する。 - builder by ZDNet Japan

… an assistive tool for web developers, that allows you to quickly review code quality and semantic structure of any website (particularly those based on YAML) as well as testing it against common oversights.

This is our third installment of Ask SM, featuring reader questions about Web design, focusing on HTML, CSS and JavaScript. In this post we'll cover how you can take care of a smooth page scrolling

flush right lists, equal height divs, designing for IE 6, RSS

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.

The HTML 5 specification includes lots of new features, one of which is the canvas element. HTML 5 canvas gives you an easy and powerful way to draw graphics using JavaScript. For each canvas element you can use a "context" (think about a page in a drawing pad), into which you can issue JavaScript commands to draw anything you want. Browsers can implement multiple canvas contexts and the different APIs provide the drawing functionality.

Canvas

Mann, ist das cool!

The list includes a short introduction to Ajax, how to write modular CSS code, PHP Object Model fundamentals and an overview about the most popular JavaScript libraries.

Many exciting new functions and features are being thought up for CSS3: text-shadow, box-sizing, opacity, multiple backgrounds, border-radius, border-image,

Rounded corners, drop shadows etc

This article presents 5 CSS3 techniques which can dramatically get you a stunning user interfaces and how to achieve almost the same effects using jQuery for browsers that are not compatible yet with CSS3 new features.

Screw Flex, AIR, and Flash for RIAs - we've got browsers, Cappucino and Atlas

280Atlas is a basically Interface Builder written for the browser.

下拉菜单

Free resources for quickly developing AJAX applications - http://woork.blogspot.com/2009/02/free-ajax-components-for-advanced-web.html

JavaScript編

エンジニアの勉強法について

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

light weight query portal

Interesting jQuery framework for Portal interfaces. Reminds me a lot of older versions of NetVibes.

Major Features: * Content Integration - Lots stuff gets aggregated fast and easy. * Sound User Experiences - Slick UI, responsive interaction ... * Basic Module Themes - Colors can be assigned to modules. Multiplex Developer Support: * Content Integrator - Basic HTML skills and a little knowledge about JSON shall be enough to accomplish basic content integration tasks fast. * Interface Dresser - Advanced CSS knowledge and skills shall be mandatory to customize and improve the look and feel of this framework, i.e., the modules and the overall layout * Framework Extender - [jQuery] knowledge and JavaScript skills are required to further extend and customize this framework to address your advanced requirements. Walk through more features or go to Download now.

SelectorGadget is an open source bookmarklet that makes CSS selector generation and discovery on complicated sites a breeze.

coolio!

This has win baked in.

SelectorGadget is an open source bookmarklet that makes CSS selector generation and discovery on complicated sites a breeze. Just drag the bookmarklet to your bookmark bar, then go to any page and press it. A box will open in the bottom right of the website. Click on a page element that you would like your selector to match (it will turn green). SelectorGadget will then generate a minimal CSS selector for that element, and will highlight (yellow) everything that is matched by the selector. Now click on a highlighted element to remove it from the selector (red), or click on an unhighlighted element to add it to the selector. Through this process of selection and rejection, SelectorGadget helps you come up with the perfect CSS selector for your needs.

"jquery"

Internet Explorer 5.0 Win 95+ 5 C Tasman Internet Explorer 5.1 Mac OS 7.6-9 1 C Tasman Internet Explorer 5.2 Mac OS 8-X 1 C Trident Internet Explorer 5.5 Win 95

テーブルデータソート 検索もあるよ！

A pro-caching technique for presenting cachable relative times (e.g., "15 minutes ago")

I put together a new mini app for our new status site yesterday that needed exactly this technique. I wanted the content of the application to be entirely page cached, so it would withstand the onslaught if the terrible should happen and we need to redirect all trafic to the status site.

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.

charting and plotting with jquery.

Video and slides from Feb 2009 presentation at Google on trends in Javascript performance, web applications, making use of higher performance, stateful browser clients.

reads like The not so far Future of the Web. Great.

video tuturial

YSlow

Object Oriented CSS

I need to read this. "It adds much needed predictability to CSS so that even beginners can participate in writing beautiful websites."

(studying!!!)

Caption plugin for images using jquery

jQuery Captify

Pegs (Demo of scroll distribution for a single page.)

Happy Birthday to jQuery! jQuery is three years old today, after being released way back on January 14th, 2006 at the first BarCampNYC by John Resig. We have four announcements for you today, we hope you’ll enjoy them!

o

This is the javascript library that I use most frequently, and I'm very excited about this new release! They've made several extensive performance improvements and feature enhancements.

JavaScriptのリファレンス。HTMLとCSSもある。見やすいけど少し重い。

Javascript reference

Javascript

Apple Developer Connection - Safari Dev Center - http://developer.apple.com/safari/

maybe something of note in here

if, like me, you were wondering why the safari javascript docs never show up in google apart from some weird apple PR, then it's coz they are hidden behind the freewall on ADC.

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は超便利。

Written in pure javascript, Sigma Grid is an Ajax data grid for displaying and inline editing data in a scrollable and sortable table. LGPL license available from 2.1 version.

Playing with the twitter api is awesome!

これはエンジニアにはたまらない。GoogleのAjax API群をブラウザ上で試すことができます。 サンプルコードが最初から用意されているのでお手軽です。ちょこちょこっと変更して結果を見ながら組み上げていくことができます。

色々。

jQueryのプラグイン33+1選

Bordi Arrotondati (Semplice da usare)

画像無しで角丸描ける

Liquid Canvas Todo! Gradients, dropshadows y roundedcorners, todo junto!

Tabelle mit Ajax in Rails.

s a very simple and flexible HTML ma

While a lot of Tabs-Scripts claim to be accessible it turns out, most of them are really not. While developing this jQuery Plugin with my coworker Artur Ortega, we tried to find a single existing Javascript powered Tabs-Interface that Artur, using his Screenreader, would actually be able to use properly. We eventually gave up the search.

Recopilatorio de JQuery

JQuery: Die 23 besten Bildergalerie Plugins

JavaScript library

Quick Tip: Add Easing to Your Animations at Learning jQuery

Quick Tip: Add Easing to Your Animations » Learning jQuery - Tips, Techniques, Tutorials - http://www.learningjquery.com/2009/02/quick-tip-add-easing-to-your-animations

this code is very basic, but the result looks quite good (and styleable), and looks easy to implement without hassle pretty much anywhere.

slideshow with jQuery

You want to show your visitors the most recent work you’ve created? You want to pimp your potfolio with a slideshow which has only a few lines of code? You came to the right place… not convinced yet?

Working with the jCrop Plugin image corp

Working with the jCrop Plugin - NETTUTS

John Resig: "The DOM Is a Mess"

Form Validation

This looks like the plugin/page that was used in the jQuery Drupal presentations at Drupalcon

Editable (jQuery Editable Plugin) - http://arashkarimzadeh.com/index.php/jquery/7-editable-jquery-plugin.html

Currently it can convert any tag (span, div, p and ...) to text input, password, textarea, drop-down list.

So you can actually track what those specific people do on your site? wow, that's pretty powerful... hat's off Joost

ลากเม้าส์ออกคำสั่งการทำงาน

jQuery-gestures- Image gallery, simulasi touch screen

まとめ！

Make it Easy to Share and Spread your Content

Somewhat limited version of addthisbutton. Only has wordpress plugin.

PHP/JS/CSS Photo Viewer

Visión, Simple PHP/JS/CSS Photo Viewer - http://iamkoa.net/vision/

JavaScript Libraries | Developer's Toolbox | Smashing Magazine

70 New, Useful AJAX And JavaScript Techniques

As the Web grows and becomes more dynamic, more and more websites have user-generated content and tools that greatly improve the user experience in terms of usability and accessibility. Interactive solutions for lightboxes, form validation, navigation, upload, auto-complete, image cropping, slideshows, tool tips, sliders and tables are being developed that use nifty JavaScript and AJAX scripts. When using these, developers have to carefully consider many subtle techniques to help users get things done. In this article, we present 70 new and useful JavaScript and AJAX techniques, all of which are of the highest quality and are more or less easy to configure. You will also find some very useful but better known techniques to use on almost any project you work on. jQuery, MooTools, Prototype and script.aculo.us are used in these examples, so every taste gets its due.

Useful AJAX And JavaScript Techniques Smashing Magazine

by Noura Yehia As the Web grows and becomes more dynamic, more and more websites have user-generated content and tools that greatly improve the user experience in terms of usability and accessibility. Interactive solutions for

nice looking thickbox alternative

スライドとか出来るプラグイン

MITライセンスlightbox。単一の写真表示、グループ化、AjaxでHTML取得、ビデオ埋め込み、IFRAMEで外部ページの埋め込み

Looks like a really good lightbox that works with jquery "ColorBox supports photos, photo groups, ajax, inline, and iframed content. It is completely unobtrusive, requires no changes to existing HTML. It degrades gracefully, all content displayed can be accessed without JavaScript. And it generates W3C valid XHTML and CSS."

From WebAppers. Another lightbox solution. Competes with Thickbox.

Noupe is a design weblog created to inspire creativity by sharing innovative resources and websites to bloggers, freelancers and web designers.

Forms needs a solid visual structure, a profound hierarchy of form elements (Fields and Labels), powerful techniques and Functionality (AJAX) to make the form look and work creatively. There is a great bunch of creative, outstanding and individually designed from scratch forms.

25 Powerful and Useful jQuery Tutorials for Developers and Designers : Speckyboy Design Magazine

jQuery is everywhere, its fast and versatile, and is rapidly becoming as common on websites as CSS. The only small problem you may have is keeping up with development, keeping up with new plugins and tutorials. This article will do just that. All of these tuts have been written within the past eight weeks, bringing you up to speed with latest developments.

Hi, today i will show a monster collection of jQuery resources you’ll ever need to create that amazing site for one of your clients or for one of your personal projects.

All the jQuery resources you’ll ever need | Hein Maas - Freelance Graphic/Web Designer - http://www.heinmaas.com/2009/03/all-the-jquery-resources-youll-ever-need/

Great resource for awesome jquery sliders

At Filament Group, we build elegant communications and interactions that help people understand, work, and collaborate effectively across a variety of media - from web sites to wireless, to interactive exhibits and print.

Faire défiler le contenu d'un tableau avec javascript

This updated table sorter script is easy to use and feature packed at only 2.5KB. New features include column highlighting, optional pagination, support for links, and date/link parsing. A few other features are alternate row highlighting, header class toggling, auto data type recognition and selective column sorting. More updates will follow soon.

テーブルをストライプ化＆ソート可能にする軽量（2.5KB）なライブラリ。文字列・数値・通貨・日付の並び替えに対応。オプションでページ分割も可能。商用・非商用フリー。

Un javascript de 2,5 ko pour faire des tables triables.

From WebAppers. Non library specific table sorting plugin.

web design

"These rules are the key to speeding up your web pages. They've been tested on some of the most popular sites on the Internet and have successfully reduced the response times of those pages by 25-50%."

jQuery plugin: ‘autoResize’

I remember googling for something of this nature a while ago but all I found were countless attempts using the cols and/or rows attribute of the textarea, thus making it pretty useless if you weren’t using a fixed-width font. Inspired by Jason Frame’s method, I’ve created an animating ‘autoResize’ jQuery plugin. Although it was inspired by his plugin it has a few slight differences, most notably the way in which the off-screen "testing" takes place. In his plugin (apparently inspired by Facebook’s implementation) a DIV is created off-screen and is filled with the textarea’s value whenever it changes. The height of this DIV is retrieved and then applied to the textarea. My plugin makes use of the scrollTop DOM property to gain the true height of the text and then applies that directly (or via animation) to the textarea.

jQuery and Google Maps Tutorial: #1 Basics: jQuery, Google Maps - http://marcgrabanski.com/article/jquery-google-maps-tutorial-basics

map.panTo(marker.getLatLng());

This time we collected the most interesting jQuery tutorials.

like JQuery? This fast and easy to use Javascript framework became very popular in 2008. In the following article, I have compiled a list of 8 absolutely useful JQuery hacks, tips and tricks.

After several iterations, false starts, and great conversations with Michael Nielsen, a flash of the obvious came: HTTP + Javascript! What if you could contribute to a computational (Map-Reduce) job by simply pointing your browser to a URL? Surely your social network wouldn't mind opening a background tab to help you crunch a dataset or two!

An image transition plugin for jQuery. Ripe for overuse, but could be lovely if handled judiciously.

What it does The main point of this plug-in is to make an easy-to-use, simple and fast plug-in to create effect when you switch between images. Minimize the arguments you need to input and still give some decent effects. Why using this With jQuery, it’s so easy to create simple effect such as fade in, move object around… unfortunately when you need to create an effect for image switching, it will require a bit more to create an attractive effect. That isn’t difficult but it isn’t simple and sometimes it’s kind of mess your code up as you need to manage more codes.

Tooltips in web design are becoming more and more commonplace. Even though I don’t think they are appropriate for every type of site, they can be a very useful addition when implemented correctly. If you are planning on using tooltips in your next project, the hardest part may be choosing the right solution. Here are 11 excellent methos for creating tooltips using various solutions such as jQuery, MooTools, and CSS only.

Tooltips in web design are becoming more and more commonplace. Even though I don't think they are appropriate for every type of site, they can be a very useful

11 ทูลทิป แจ่มๆ น่าใช้

Web Design Ledger

jQuery Plugin Development - 10 Tutorials To Get Started - http://www.webresourcesdepot.com/jquery-plugin-development-10-tutorials-to-get-started/

minimizing and optimizing javascript files in a ruby project for deployment

java

For best performance, CSS and JavaScript should be served up using as few requests and bytes as possible. Juicer is a new command line tool that helps by resolving dependencies, merging and minifying files. It can even check your syntax, add cache busters to and cycle asset hosts on URLs in CSS files and more.

Juicer - a CSS and JavaScript packaging tool For best performance, CSS and JavaScript should be served up using as few requests and bytes as possible. Juicer is a new command line tool that helps by resolving dependencies, merging and minifying files. It can even check your syntax, add cache busters to and cycle asset hosts on URLs in CSS files and more

jquery tabs

ing

A Twitter-based project that takes the pulse of SXSWi 2009

Awesome chart plotting scripts!

jQueryアニメーションプラグイン

GX is a full-featured, cross-browser, super-tiny (10kb uncompressed) Javascript Animations Framework. Using GX you can create complex animations working with every w3c CSS property. Currently, GX is designed in order to work with the jQuery Javascript Library and is being released under the MIT License.

GX is a full-featured, cross-browser, super-tiny (10kb uncompressed) Javascript Animations Framework.

GX is a full-featured, cross-browser, super-tiny Javascript Animations Framework.

The jQuery tooltip plugin

tooltip plugin

SundayMorning is a jQuery plugin which allow site-owners to offer their visitors a easy and fancy way to translate their contents.

This shit is trippy.

We think JavaScript is awesome. We also think browsers are awesome. Indeed, when we talk about them, we say they are the cat's meow – which is an American expression meaning AWESOME. In light of these deeply held beliefs, we created this site to showcase cool experiments for both JavaScript and web browsers. These experiments were created by designers and programmers from around the world. Their work is making the web faster, more fun, and more open – the same spirit in which we built Google Chrome. Naturally, if you've made something fun and fast with JavaScript, please send it in. We can't post everything, but we'd love to see it. Thanks for visiting, and happy experimenting.

Google/Google Chrome推奨、canvas、ショーケース/ゲーム/投稿/デモ、物理演算/3D

JSでｺﾞﾆｮｺﾞﾆｮ。

javascriptでいろいろできる例

Last week I did a review of 6 jQuery plugins that were great for implementing charts. Since then, I’ve had the opportunity to work with a couple more alternatives that are outside of the jQuery realm, and arguably look like they could be real contenders for removing Flash’s dominance in this area, so let’s check them out:

Reports of broken sites are an important part of the feedback the IE team receives from the community. When we receive a report of a broken site, we take it and identify the core issue causing the problem. A number of these issues end up being side effects

ie8兼容

Reports of broken sites are an important part of the feedback the IE team receives from the community. When we receive a report of a broken site, we take it and identify the core issue causing the problem. A number of these issues end up being side effects of changes we deliberately made in IE8, but even these are useful. They help us identify which IE8 changes have the broadest compatibility impact. In this post I'll share some of these issues with you so you can quickly identify problems affecting your site when migrating from IE7 to IE8.

jQuery lightbox clone - prettyPhoto

角丸lightbox的ポップアップ

Here's my jQuery lightbox clone, I did it because those available are either not close enough to the real lightbox (lacking animations, not supporting galleries, etc ,etc) or were just not suiting my need. If you have any comment or ways to improve it, just leave me a comment! Bellow you can see a demo of a gallery and single image.

Interesting comparison of JSON and homebrewed control-char delimited data.

This widget downloads a list of all of your contacts, in JavaScript, in under 200ms (this is true even for members with 10,000+ contacts).

Browser Ball attempts, with only moderate success, to allow the configuration of a seemingly endless array of continuous spaces using multiple overlapping browser windows. Within this multivariate space, users are invited to toss a beach ball both hither and yon. If this sounds like a ridiculous use of everyone's time, that's only because it is.

Une alternative à sIFR à explorer. Plus simple à installer et à configurer mais quelques désavantages par rapport à sIFR (pas de sélection du texte, pas de style sur a:hover, etc.)

Neat!

Create music with balls and lines

By default this plugin will read the title attribute of the element and convert it into fade-in tooltip that you can style any way you want. Important note, it doesn't have to be an anchor tag. You can apply this script to any element(s) you want.

The Social Collider reveals cross-connections between conversations on Twitter.

Social Collider

A graphing application created by Karsten Schmidt and Sasha Pohflepp that charts conversations on Twitter in a manner inspired by particles in an atomic collider.

いいチュートリアル.

遅くなりましたが、先日に開催された、Kanasan.JS Greasemonkey チュートリアル読書会のレポートです。 せっかくなので、読書会の内容を元にGreasemonkeyスクリプト作成の「入門」「実践」「Tips」の3本立てでまとめてみたいと思います。

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.

Distributing the horizontal space between elements evenly

Good quick tips in here.

tal cual

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

You may be running non-free programs on your computer every day without realizing it—through your web browser. In the free software community, the idea that non-free programs mistreat their users is familiar. Some of us refuse entirely to install proprietary software, and many others consider non-freedom a strike against the program. Many users are aware that this issue applies to the plug-ins that browsers offer to install, since they can be free or non-free. But browsers run other non-free programs which they don't ask you about or even tell you about—programs that web pages contain or link to. These programs are most often written in Javascript, though other languages are also used. Javascript (officially called ECMAscript, but few use that name) was once used for minor frills in web pages, such as cute but inessential navigation and display features. It was acceptable to consider these as mere extensions of HTML markup, rather than as true software; they did not constitute a sig

The Javascript Trap

Richard Stallman, with his unsurprising take on JavaScript.

Opensource, Free and Usefull Online Resources for Designers and Developers

23 Ultimate Collection Of Useful Ajax Tutorials & Resources

nice alternative to sifr

KeyTable is a Javascript library which provides keyboard navigation and event binding for any HTML table.

Nice editable table through jQuery

Today we present new collection of the most interesting jQuery plugins for the last month.

DataTables is a plug-in for the jQuery Javascript library. It is a highly flexible tool, based upon the foundations of progressive enhancement, which will add advanced interaction controls to any HTML tables.

simple jQuery tooltip plugin

jQuery tool tip

TOOLTIPS JQUERY

Simpletip - A simple jQuery tooltip plugin

e.. learning....

Making a jQuery Plugin Truly Customizable at Learning jQuery

Most if not all of the jQuery plugins out there have some level of customization. But very few of the plugin authors have mastered the very particular art involved. Achieving the "optimum level" of customization is a bit of a balancing act… go too far either way and you've got an unusable plugin!

A jQuery plugin with native animations, auto list navigation, and default application styles for Mobile WebKit browsers like iPhone, G1, and Pre.

Cooles jQuery-Plugin für iPhone-optimierte Websites (mit dem Slide-Effekt).

Query plugin with native animations, auto list navigation, and default application styles for Mobile WebKit browsers like iPhone, G1, and Pre

ipod style web interaction on jquery

Less Than Dot - Blog - Collection Of Puzzles For Programmers

Programming demi-gods exchange lines of brilliance. Read and expand your mind.

It

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

Accordeon ajax multi-niveau

7 jQuery Plugins to Manipulate TEXTAREAs | Steve Reynolds Blog

A retweet button for blogs.

Here's 10 tips that will makes you code more efficiently with jQuery.

haineault.com / blog / 10 useful jQuery authoring tips

Here's 10 tips that will makes you code more efficiently with jQuery. 1. Be lazy // Don't if ($('#item').get(0)) { $('#item').someFunction(); } // Or if ($('#item').length) { $('#item').someFunction(); } // Just do $('#item').someFunction(); jQuery will call the function only if there is a match, no need to double check. 2. Use shortcuts // You can but.. $(document).ready(function(){ // ... }); // There is a shorter equivalent $(function(){ // ... }); It should be well known, but obviously it is not. 3. Chain // Don't $('#frame').fadeIn(); $('#frame .title').show(); $('#frame a:visited').hide; // Do $('#frame').fadeIn() .find('.title').show().end() .find('a:visited').hide(); Unnecessary DOM traversal is a expensive operation, avoid it when possible. 4. Group queries // Ugly $('div.close').click(closeCallback); $('button.close').click(closeCallback); $('input.close').click(closeCallback); // Not ugly $('div.close, button.close, input.close') .clic

The genius behind Google's web browser

Chrome attracted more than 10 million users in its first 100 days. Although that’s an impressive number, it still only translates into about 1 per cent of browser usage online. It will be a while before it can compete with Firefox, Internet Explorer and others. In December last year, Google announced that Chrome was now out of its development, or Beta, phase and is ready to be shipped as a pre-installed browser on some PCs. This could rapidly increase the number of users. Moreover, the European Commission’s antitrust battle with Microsoft over, among other things, how its own browser, Internet Explorer, is integrated into its Windows operating system may give competitors a chance Legislation and market share aside, the technical challenge has been laid down. “Microsoft will have to build something better than V8,” Bak says. Most tech watchers doubt that they will manage to any time soon: in tests, V8 processes JavaScript 56 times faster than the most used version of Internet Explorer.

Sometimes it’s just amazing to see, which level of usability, legibility and visual appeal can be achieved using some basic design techniques. In fact, some

10 Creative & Rich UI interfaces & How to Create Them Sometimes it’s just amazing to see, which level of usability, legibility and visual appeal can be achieved using some basic design techniques. In fact, some talented web-developers manage to deliver powerful, functional and gorgeous web-design in “look-and-feel”-style, which is easy to use and nice to see. The User experience has dramatically improved over the past few years, resulting in rich and responsive user interface. AJAX, javascript and CSS are widely used to offer users the dynamic interaction that they have come to expect from advanced, sophisticated, professional solutions. There have been plenty of posts on the number of awesome javascript, Ajax and CSS techniques and where to find them. Today, we will have a look at 10 creative & rich UI interfaces in modern day websites and how you can create similar interfaces using the techniques mentioned in this post.

Lista efektów jakie mogą być wykorzystane przy budowie strony.

The Spanner - XSS Rays

This could be it: declarative, no control flow, not another programming language masquerading as a template language, small, nice JSON synergy. To be checked out.

20 Twitter Badges to Show Off Your Tweets

There are a number of ways to promote your Twitter (Twitter reviews) account. You can add yourself to one of the many growing Twitter directories, advertise your brand, or, as I’ll discuss in this post, feature a badge with your Twitter information on your website, blog, or even in your email. Here are 20 embeddable badges and widgets that you can customize to include your tweets and, in some cases, those of your friends. Have another badge or widget to add to the list? Tell us about it in the comments.

Here are 20 embeddable badges and widgets that you can customize to include your tweets and, in some cases, those of your friends. Have another badge or widget to add to the list? Tell us about it in the comments.

Tutorial ensinando a montar "janelas" modais em páginas html, que podem ser usadas como os álbuns de fotos e campos de login, usando css e javascript

Simple fenetre modale en Jquery

Make a Mega Drop-Down Menu with jQuery

SitePoint's Craig Buckler blogged yesterday about what he sees as the next big thing in web design: mega drop-down

Exhibit lets you easily create web pages with advanced text search and filtering functionalities, with interactive maps, timelines, and other visualizations.

Exhibit lets you easily create interactive web pages with advanced text search and filtering functionalities, with interactive maps, timelines, and other visualizations...

awesome jquery sliding boxes tutorial

SIMILE Widgets Free, Open-Source Data Visualization Web Widgets, and More This is an open-source “spin-off” from the Simile project at MIT. Here we offer free, open-source web widgets, mostly for data visualizations. They are maintained and improved over time by a community of open-source developers.

This is an open-source “spin-off” from the Simile project at MIT. Here we offer free, open-source web widgets, mostly for data visualizations. They are maintained and improved over time by a community of open-source developers.

Free, Open-Source Data Visualization Web Widgets, and More

Fullsize is an attempt to get a new <IMG> attribute called fullsize into the next version of HTML. Hopefully this site will get the attention of the W3C, and they will add fullsize to HTML and make it a standard. This is an attempt to bring something truely useful to all web developers and is by no means a completely polished idea, but rather a step in the right direction. Please visit the Fullsize Google Group to add your thoughts on how you think this idea can be improved upon.

Fullsize is an attempt to get a new IMG tag attribute called fullsize into the next version of HTML.

ギャラリー、カルーセル

Apr 1st in Javascript & AJAX by Jon Cazier Browsers will automatically display a tooltip when you provide a title attribute. Internet Explorer will also use the alt attribute. But, in this tutorial I'm going to show you how to quickly write a jQuery plugin that will replace the typical browser tooltip with something a little flashier.

Browsers will automatically display a tooltip when you provide a title attribute. Internet Explorer will also use the alt attribute. But, in this tutorial I'm going to show you how to quickly write a jQuery plugin that will replace the typical browser tooltip with something a little flashier.

Font replacement

そろそろ勉強しないといけない予感

nth-child

Grid para mootools

this is great - but it costs money.

Life's too short to spend clicking "Next"

PageZipper put broken up pages back together again but it lets you easily navigate sites where image galleries have been broken into dozens of sub-pages

ideia fantastica!

This script is based on my previous script "Show/Hide Login Panel with Mootools 1.2" but now works with jQuery 1.3.2 instead of Mootools 1.2. Click "Log In | Register" on top to open the demo. Download this script here » Please note the Login and Register forms in this demo will not work "out of the box" without a user login system pre-installed on your site (e.g. PHP/MySQL user login system)! However, most of the CMS such as Joomla, Drupal, Wordpress, etc have a login system integrated in their platform. So if you are using one, read their documentation to see how you could implement this script into your CMS. This page is valid (X)HTML & CSS. What's new in this version? * Panel has been redesigned to be "slicker". * Panel overlaps content instead of "pushing" it. * Images are transparent... and work in IE6! (Thanks to 24Ways for their IE PNG Fix.) This means, you can change the background color of the body as you wish or even set a background image. * Login button

{shim: '/img/transparent.gif'}

I never meant to become obsessive about getting PNG transparency working nicely in IE6. In the summer of 2003, I hit across a situation on a client project where what the designer wanted required the use of PNG transparency. The script that came to hand to get this working in IE6 at the time was called Sleight, but that only dealt with applying the filter to IMG elements. My design needed to do the same for CSS background images, so I hacked up a different version of the script for that purpose, called it bgSleight, and occasionally updated it.

At Filament Group, we build elegant communications and interactions that help people understand, work, and collaborate effectively across a variety of media - from web sites to wireless, to interactive exhibits and print.

the iPod-style menu provides easy navigation of complex nested structures with any number of levels. The entire menu sits within a fixed-size area, and when a node is selected, by default a "Back" link appears below the menu to allow navigation to previous (parent) menus, or set options to show breadcrumb links above the menu options to both deliver feedback and allow quick access to nodes higher up in the hierarchy. A lateral iPod-style slide transition reinforces the notion that you're moving forward into more granular data, or backward into higher-level data. This menu is specifically useful in traversing deeply nested hierarchies, particularly those more than three levels deep. It also provides a more usable alternative to multi-level fly-out menus, which can present challenges to those with limited manual dexterity.

Cool Menu

stairwellblog.com/2009/03/is-canvas-the-end-of-flash stairwellblog.com is-canvas-the-end-of-flash

canvas html5

Related Freebies

Newsletter management for any site

From the article: This free app should be great for any newsletter management needs. Copy this one file onto your site, and you're ready to send and archive all newsletters, manage e-mail addresses and categories, and configure a template for your e-mails. If needed, the source code is well documented!

Web-kreation - Nice & Clean Sliding Login Panel built with jQuery - http://web-kreation.com/index.php/tutorials/nice-clean-sliding-login-panel-built-with-jquery/

PHP

Performance Video

Protovis A graphical toolkit for visualization

nicely designed autosuggest results drop down!

Tunnel HTTP over HTTP, in a structured, controllable, securable way. Let programs claim part of URL space, and serve HTTP, all by using an ordinary HTTP client library.

An interesting alternative to polling http services.

not polling

Interesting web hooks stuff. Yet another PubSub solution: http://reversehttp.net/

singpolyma: Interesting web hooks stuff. Yet another PubSub solution: http://reversehttp.net/

like scrabble but with a time limit and disappearing tiles

Points: 639 - Multiplier: 1.7x, bitches! http://deepleap.org/

Scrabble/boggle... word game

The Fast-Paced Time-Wasting Word Game

jQuery Tips and Tricks Part 2! Obviously, one post is simply not enough. I found some performance tuning, element manipulations tips and tricks that I believe will able to help you develop a more effective and efficient jQuery script.

When designing websites, a commonly desired feature is the ability to dynamically print or email any section of a webpage. Unfortunately, this idea is usually scrapped later in the project due to a lack of time or knowledge. Formatting the text for printing is more difficult than it might initially seem. Today, we will use JavaScript to automatically search for certain page elements and format them correctly for a printing.

print certain areas with jquery

Sprite Creator 1.0 Welcome to Sprite Creator. This program allows you to upload an image and select areas of the image to create the css for that sprite. If you like it feel free to contact me with your thoughts about it at: floweringmind@gmail.com. If you are interested in me, then visit my personal website at: http://www.floweringmind.com.

Sprite

make sprites

A great way to get that sprite, right

ie6でアクセスするとアラートを出すJS

いいなー

いいね

sage politely informin

he ie6-upgrade-warning is a little script (7.9kb) that displays a warning message politely informing the user to upgrade the browser to a newer version (links to newest IE, Firefox, Opera, Safari, Chrome are provided). The webpage is still visible behind a transparent background, but access to it is prevented. The idea is to force users to upgrade from IE6 and avoid the website from a bad reputation that website is not rendering correctly in IE6. The script is completely translatable in any language, very easy to set-up (one line of code in webpage and one parametter configuration).

Implement in TYPO3

20 Excellent Mootools Techniques for Rich User Interface | DevSnippets - http://devsnippets.com/reviews/20-excellent-mootools-script-for-rich-user-interface.html

20 Excellent Mootools Techniques for Rich User Interface

Sliding navigation

tabbing

In this article, we explore the strengths of jQuery in letting web developers create impressive client-side-based user interface components.

Some J Query shizzle

Hier zit daadwerkelijk hier en daar wat moois tussen.

BOX TUTORIAIS

How to create Skype-like buttons using jQuery - http://www.jankoatwarpspeed.com/post/2009/03/11/How-to-create-Skype-like-buttons-using-jQuery.aspx

Helps you build good looking and functional web sites.

Combining Cufón and @font-face

The User experience has dramatically improved over the past few years, resulting in rich and responsive user interface. AJAX, javascript and CSS are widely used to offer users the dynamic interaction that they have come to expect from advanced, sophisticated, professional solutions. There’s a lot of powerful interactivity you can bring to your site to spice up just about any web page using one of the most powerful and modular javascript libraries—MooTools! It’s important to note that small and useful features can cleverly deal with hiding and showing important information in non-traditional ways. Today, we will have a look at 20 creative techniques using MooTools javascript framework for rich UI in modern day websites.

jQuery GalleryView

.nitinh.com/2009/04/ip-address-geolocation-javascript-api-json/ IPAddressGeolocation AddressGeolocation ??? a??????

a few trivial changes to Firebug, I’ve modified it to open on the right side of the browser as a sidebar. With the stock plugin, you can achieve a similar layout by detaching Firebug from the current tab and moving its window in the same position, but this has a generally unwelcome side effect: the separate window doesn’t update when you switch tabs. With Widerbug, you can open the Firebug sidebar, and it will keep up with you as you switch tabs and maintain its width.

If you do any amount of web developing with CSS and JavaScript, it’s probably a safe bet that you use the Firefox and Firebug combo to test ideas, tweak appearance and behavior of pages, and debug problems when they crop up. You might also use a widescreen monitor to provide more screen real estate to flip between your code and the rendered output. In an arrangement like this, the open Firebug panel takes up precious vertical space, while spare pixels on the side go unused.

glow colors

TextboxList turns normal textboxes into a widget which can be navigated with the keyboard, effectively turning your input into a “list” of items that can be easily deleted. It comes with an official Autocomplete plugin.

Mootools multiple tags entry in input field

new TextboxList('form_tags_input

autosuggest, tags Apple Mail style

タグなどの入力に

Coloca caption nas imagens de forma animada e interativa.

Sliding Boxes and Captions with JQuery

jquery 图片 信息

Nice sliding boxes to create interactive captions

jCart is a free Ajax shopping cart that’s easy to install and customize. Based on jQuery and PHP, jCart handles visitor input without reloading the page and is fully functional even without javascript.

Based on jQuery and PHP, jCart handles visitor input without reloading the page and is fully functional even without javascript.

Great cheat sheets for some of the key areas in dreamweaver, css, javascript, mysql, python... etc

Os 20 melhores sliders em jquery

google maps hack

blaubo design　伊野亘輝　GoogleMapsでportfolio

Design

Tropo is cloud-based telephony. Using our simple API you can quickly create and deploy powerful telephony applications in Groovy, JavaScript, PHP, Python, and Ruby. Tropo is powered by Voxeo - the largest and most reliable hosted telephony platform in the world.

What is Tropo.com? Tropo is cloud-based telephony. Using our simple API you can quickly create and deploy powerful telephony applications in Groovy, JavaScript, PHP, Python, and Ruby. Tropo is powered by Voxeo - the largest and most reliable hosted telephony platform in the world. Tropo is currently in BETA and will always be absolutely free for development use. After the BETA, production use will start at $0.03 per minute. If you encounter any problems whatsoever during testing, please contact us via the help menu above. Thanks and happy Tropoing! Sample Code Here's a simple JavaScript example that shows you how to, well, you know. answer(); say("Hello, world!"); hangup(); The following JavaScript example demonstrates how to ask a caller for input: answer(); result = ask("For sales, press 1. For support, press 2.", {choices:"1, 2", repeat:3}); if (result.name == 'choice') { if (result.value == "1") say("sales is not available right now."); if (result.value == "2")

This guy seems awesome! Look how he promotes himself. Good for resumes.

Cool Shit

Great apps, clever site, funny guy.

145 new quick cheat sheets for some of the most widely used tools on the web

"tagged cheat sheet links"

Going forward the performance community needs to partner more with browser vendors in addition to our more typical black box experiments. Browser makers know what is costly or irrelevant in terms of performance. Opera lists repaint and reflow as one of the three main contributors to sluggish JavaScript, so it definitely seems worth a look.

What causes reflows and repaints. These days usually not a big deal on websites targeted at regular PCs, but could be applicable to mobile devices.

"A repaint occurs when changes are made to an elements skin that changes visibility, but do not affect its layout. Examples of this include outline, visibility, or background color. According to Opera, repaint is expensive because the browser must verify the visibility of all other nodes in the DOM tree. A reflow is even more critical to performance because it involves changes that affect the layout of a portion of the page (or the whole page). Reflow of an element causes the subsequent reflow of all child and ancestor elements as well as any elements following it in the DOM."

bueno

"tagged jquery"

<draco> http://service.futuremark.com/peacekeeper/index.action interesting concept, but I think their testing methodology is slightly forced/false

Teste de desmpenho de navegadores

The Browser Benchmark by Futuremark Corporation

Find out which is the fastest browser on your system with Peacekeeper, the browser benchmark from Futuremark. Peacekeeper measures browser speed with a wide range of JavaScript tests and displays the results in an easy to understand format.

<draco> http://www.reynoldsftw.com/2009/03/11-jquery-plugins-to-enhance-html-dropdowns/

JSONスキーマ

IE6 Update looks like IE’s Information Bar, but instead of offering your visitors an ActiveX plugin, it offers a browser update.

赤色ってどんだけきらいやねん。

Help kill Internet Explorer 6 IE6 is like an illness that just won’t go away, but we have the medicine. IE6 Update looks like IE’s Information Bar, but instead of offering your visitors an ActiveX plugin, it offers a browser update. Click here to see a demo! - Read the blog post. IE6 Update Install IE6 Update on your website Copy and paste this code before your closing </body> tag: <!--[if IE 6]> <script type="text/javascript"> /*Load jQuery if not already loaded*/ if(typeof jQuery == 'undefined'){ document.write("<script type=\"text/javascript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js\"></"+"script>"); var __noconflict = true; } var IE6UPDATE_OPTIONS = { icons_path: "http://static.ie6update.com/hosted/ie6update/images/" } </script> <script type="text/javascript" src="http://static.ie6update.com/hosted/ie6update/ie6update.js"></script> <![endif]--> And you're done! OR If you’re a feeling adventurous... Download the Code Buzz on Twitter Already using IE

Install IE6 Update

Trick people into updating IE6 to something far better.

"IE6 Update looks like IE’s Information Bar, but instead of offering your visitors an ActiveX plugin, it offers a browser update."……これはさすがにやり過ぎ感があります。

TestSwarm is still a work in progress but I hope to open up an alpha test by the end of this month. Its construction is very simple. It's a dumb JavaScript client that continually pings a central server looking for more tests to run. The server collects test suites and sends them out to the respective clients.

スクロールしたとき、いつでも画面Topに戻るボタンを表示するjQueryのプラグイン

Ethan follows up his Fluid Grids article with an equally excellent piece on resizing images.

Dynamically scale images with the rest of fluid layouts.

Comprehensive article about using fluid images and details about appropriate ways to achieve this.

Beautiful!

1337!!!

The main point of this plug-in is to make an easy-to-use, simple and fast plug-in to create effect when you switch between images. Minimize the arguments you need to input and still give some decent effects.

jquery image dropdown, jquery custom dropdown, customize select element, convert select element to image dropdown, image dropdown script, insert image in dropdown, image dropdown combobox

police quest !!

Sarien.net is the portal for reliving classic Sierra On-Line adventure games, multiplayer, in your browser.

Welcome to Sarien.net, the portal for reliving the classic Sierra On-Line adventure games. With its focus on instant fun and a unique multiplayer experience, Sarien.net hopes to win new gamers' hearts and promote the adventure game genre.

NOTE TO SELF: when i have free time, learn jQuery

very good collection of menus and interesting collection

Jquery Info

Huh.

by google. Quote: an open-source web API for creating rich, interactive 3D applications in the browser

3D web API for creating rich, interactive 3D applications in the browser

Google Code

Services like Flickr, Delicious, and Twitter all offer JavaScript badges or widgets you can add to your site. But if you already use a JavaScript framework on your site, like jQuery, why would you want to add more JavaScript? Besides, it’s more fun to make your own. All of these services also offer a JSON format feed API, and rolling your own widget is easy.

How to make your own twitter badge!! Excellent

Recently I was checking out some nice flash galleries and came across an effect that I really liked. I had a sudden urge to duplicate that similar effect but

ありがとう

Cufón and Typeface.js are both methods to show text in custom fonts (like sIFR), are both only a couple of months old and both use canvas or VML. So what’s the difference? And which one is better?

10 amazing free rich text editors that will boost your website functionality.

I hope you all love this resource. :)

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.

provides a good explanation of frontend web development

Front end

[transcript: http://ericmiraglia.com/blog/?p=181 ] This YUI Theater entry captures one of the courses Nate has taught at Yahoo, "Professional Frontend Engineering." It covers the foundations of the discipline, some of its core ideas, and...

list of web based utilities you can use it and speed up your own web development.

รวมเวบไซต์สวยๆที่ใช้ jquery

Exemplos de jQuery

abSwitch is a tab/slider plugin for jQuery

tabSwitch is a tab/slider plugin for jQuery - Contenido swapeable

画像はえー。

A method of using XHR requests to get chrome from the server rather than fetching it as the inital HTTP GET.

Преобразование стилей html элементов ввода данных

Progressive Enhancement is a powerful methodology that allows Web developers to concentrate on building the best possible websites while balancing the issues inherent in those websites being accessed by multiple unknown user-agents. Progressive Enhancement (PE) is the principle of starting with a rock-solid foundation and then adding enhancements to it if you know certain visiting user-agents can handle the improved experience.

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

QuirksBlog: Introduction to W3C Widgets

Essentially, a widget is a local HTML/CSS/JavaScript web application. A mobile phone user downloads a widget once, and from that moment on he has a web application stored locally on his mobile phone. Although currently widgets are mostly used for relatively limited functions such as clocks, RSS readers, or Twitter or Flickr clients, as well as for games, there’s no theoretical reason why they couldn’t contain a complete, complicated, JavaScript-heavy web application; for instance a mobile-optimised spreadsheet application.

api gmaps

Cálculo de distâncias entre cidades

As I start on my venture to really start using jQuery a lot more outside of simple form validation, I wanted to share some really great links I found lately that once again got me fired up about jQuery. This is part of my initial research into more jQuery as we’re going to be using it extensively in our new redesign for the .com I am working at so might as well dig more in now. I’ve used jQuery in the past and know its power & philosophy behind unobtrusive JavaScript and JQuery, but have not yet worked on anything extremely extensive outside aiding to help create a custom validation control in MVC using jQuery in the past. Personally (some agree, some don’t) I think the jQuery Site’s tutorials & API docs are only “fair” at this point in time, so you need a lot of links to supplement the learning process. While yes, you keep hearing that jQuery makes things “easier”, no matter what you hear, the learning curve is a still bit steep at first for even some of the best developers I’ve

colección muy extensa de recursos jquery: tutoriales, plugins, repositorios, bla bla bla...

This website is a placeholder for Notimoo sample demos. Notimoo is a Mootools plugin for displaying Growl style notifications to your web visitors. Demo 1 Run this code // First of all I create a Notimoo instance with default configuration var notimooManager = new Notimoo(); // Showing a simple notification notimooManager.show({ title: 'Testing notification', message: 'This is a sample notitication showing how easy is to use Notimoo.' }); // Showing a notification that does not disappear. notimooManager.show({ title: 'Testing notification', message: 'This notification will not disapper on its own. You must click on it to close.', sticky: true }); // Notification with large text. notimooManager.show({ title: 'Testing notification', message: 'This is a notification with a long text. If the message you provide does not fit into the notification size, Notimoo magically auto resize its height so all the content is visible.' }); // First of all I c

利用者に対し非常に分かりやすい通知を行うためのJavaScriptライブラリ「Notimoo」。ページの右上にフェードインで表示するのはなかなかインパクトが大きいですね。

Introduction I love to use JavaScript in unexpected ways, to create code that looks like it shouldn't work but does, or produces some unexpected behavior. This may sound trivial, but the results I've found lead to some very useful techniques. Each of the techniques described can be used for XSS filter evasion, which was my original intention when developing them. However, learning such JavaScript can dramatically increase your knowledge of the language, helping you become better at cleaning up input, and increase web application security. So read on and enjoy my weird and wonderful JavaScript hacks. RegExp replace can execute code When using regular expressions with replace the second argument supports a function assignment. In Opera it seems you can use this argument to execute code. For example, check out the code snippet below: 'XSS'.replace(/XSS/g,alert) This results in alert('XSS'); this works because the match from the RegExp is passed to the alert function as an argument. N

I love to use JavaScript in unexpected ways, to create code that looks like it shouldn't work but does, or produces some unexpected behavior. This may sound trivial, but the results I've found lead to some very useful techniques. Each of the techniques described can be used for XSS filter evasion, which was my original intention when developing them. However, learning such JavaScript can dramatically increase your knowledge of the language, helping you become better at cleaning up input, and increase web application security.

loading

ローディング画像ジェネレータ

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.

Processing library ported to JavaScript

Wie sollte ein benutzerfreundliches Dropdown aussehen? Mit Beispiel.

Here you have a new roundup about a bunch of great tools for making charts and graphs. You can choose between web generators, flash, javascript libraries, Silverlight or PHP classes. At the end of the post you find also 3 tutorials to make pure css bar graphs and another one for Adobe Illustrator. JS Charts (JavaScript based chart generator)

タグをぽんぽんと追加できる

I rolled up the autocomplete plugin (Rein + Yehuda) of my last few posts with the Facebook style text list (Guillermo) of my autobox post. We’re calling it Autobox2: click here to see the demo. Then, download it: jquery.ui.autobox-0.7.1.zip Updated 12/11 (see comments) jquery.ui.autobox-0.7.0.zip Although it is missing some of the behavior of autobox1, it’s a more solid and extendable implementation. It also fixes what is in my mind the most glaring problem of autobox1, the fact that it needed the entire list in the initial ajax call. Autobox2 makes AJAX calls the same way that the autocomplete one does, makes a server call with the current contents of the input box. This is the way you would expect. I will no longer be releasing any more changes to Autobox1 and you can consider it deprecated. (I’ve noted this on the main Autobox1 post.) As to the implementation, it is based on the Rein and Yehuda’s autocomplete plugin as detailed in 2 previous posts. There were a few things borrowe

2 plugins to nice up HTML Forms

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.

Back in October we wowed you with 20 Excellent Ajax Effects You Should Know. The post went on to become one of the most popular ever published at Nettuts+. This

calendario en jquery

jquery calendar

jquery image sequence

Glimmer allows you to easily create interactive elements on your web pages by harnessing the power of the jQuery library. Without having to hand-craft your JavaScript code, you can use Glimmer’s wizards to generate jQuery scripts for common interactive scenarios. Glimmer also has an advanced mode, providing a design surface for creating jQuery effects based on your existing HTML and CSS.

A web design blog from a Toronto based web designer, with articles and tutorials covering practical web design tips and solutions.

XSS (Cross Site Scripting)

A picture is worth a thousand word. No doubt about it. Most of the information based website such as CNN, ESPN, they are all using a massive photo slide show on its front page. It's a very effective method to attract viewers' attention.

Months ago, we posted a popular resource for 30 eye-opening screencasts. As a result of the success of that particular article, we're back with twenty more web development video tutorials that should prove to be as equally helpful in your quest to become a web development ninja. PG Author: Jeffrey Way Hi, I'm Jeff. I'm the editor of Nettuts+, and the Site Manager of Theme Forest. I spend too much time in front of the computer and find myself telling my fiance', "We'll go in 5 minutes!" far too often. I just can't go out to dinner while I'm still producing FireBug errors...drives me crazy. I love jQuery, PHP, MYSQL, CSS, AJAX - pretty much anything. If it will keep you in the good graces of the church, follow us on Twitter. Explosion * jQuery Look: Tim Van Damme jQuery Look: Tim Van Damme "Jonathan Diba writes to ask how the effects are achieve on Tim Van Damme’s portfolio site, referring to Tim’s site as one of the most compelling site design he’s seen.

In the Woods - HTML, CSS, PHP and jQuery Killer Tutorials

Recently we showed you some exceptional CSS navigation techniques and we’d like to follow that up with an article about JavaScript-based navigation examples that you can use. Keep in mind that some of these techniques might not work if the client browser has JavaScript turned off (on average, 5% of users have JS disabled according to W3 web statistics).

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

TableSorter, Colorize, tableRowCheckboxToggle, TablePagination, JQTreeTable, jQuery table2csv, jQuery Table Display, FireScopeGrid, SearchTable, tableLib,

Check out top 10 jquery plugins for working with tables

horizontal acrodion

supports multiple languages but still kinda alpha

Shell pour les langages scriptés (dont Scheme, Scala, et Python)

15-exceptional-jquery-resources-and-tutorials/

15 Exceptional JQuery Resources And Tutorials - http://www.lateralcode.com/15-exceptional-jquery-resources-and-tutorials/

Howto use templating with Jquery.

Client templating in Javascript can be a great tool to reduce the amount of code you have to write to create markup content on the client. There are a number of different ways that templating can be accomplished from a purely manual approach.

Which controls are provided from jQuery UI? Which controls are provided by a jQuery plugin?

Essential Controls List

Grandes lecciones de Ajax con Jquery

jquery 图片注释

An image rotator is one great way to display portfolio pieces, eCommerce product images, or even as an image gallery. Although there are many great plugins already, this tutorial will help you understand how the image rotator works and helps you create your own from scratch.

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.

For membership-oriented websites, registration forms are one of the most important parts. A problematic experience, even if the sign-up is completed, will place a "question mark" to the visitor or vice-versa. Password LockAnd, it is also the first step where you can show that you care about the security of the website & all the data collected. Although you can control/improve the security of the website, it is sometimes the weak passwords used that may have unwanted consequences. Guiding users to have a strong password with the help of password strength meters, besides being an easy process, will help improving the security of the whole & show that the website pays attention to it...

Need this for class.

FANTÁSTICO

Finding the right way view your data is as much an art as a science. The visualizations provided on Many Eyes range from the ordinary to the experimental. We're deliberately providing a wide array of possibilities since this is an experimental site...

Finding the right way view your data is as much an art as a science. The visualizations provided on Many Eyes range from the ordinary to the experimental. We're deliberately providing a wide array of possibilities since this is an experimental site—and expect to see more soon!

cool collection of visualizations

Delivering informative structure is the primary task an interactive user interface should be able to cope with. The more intuitive layout structure is designed, the better users can understand the content. Whatever content you have to present, you can present them in a more interactive & more responsive ways. In this article we’d like to present 10 smart javascript techniques for showing and hiding content using different JS libraries.

Transition effects. Lazyload, sliding, fading in/out, etc.

Delivering informative structure is the primary task an interactive user interface should be able to cope with. The more intuitive layout structure is designed, the better users can understand the content. Whatever content you have to present, you can present them in a more interactive & more responsive ways. In this article we’d like to present 10 smart javascript techniques for showing and hiding content using different JS libraries. 1. Simple Toggle with CSS & jQuery Expand-collapse Transition Effects A simple toggle tutorial with an explanation of how to switch the “open” and “close” graphic state. The markup is pretty straight forward, where the h2 tag is a link that “trigger” the toggle effect. Below the h2, we will have our container where we hold the content. view plaincopy to clipboardprint? 1. <h2 class="trigger"><a href="#">Toggle Header</a></h2> 2. <div class="toggle_container"> 3. <div class="block"> 4. <h3>Content Header</h3> 5.

A convenient list of transition effects. All jQuery based.

There are many web developers that make their custom design using standards XHTML and CSS codes. Nowadays we have many browsers using standards from W3C: Mozilla Firefox, Opera, Safari, Google Chrome. When I develop a website, I find problems with IE6. There are many people that uses IE6 without upgrading to IE7, so, we have to check our website to works also with a non standard browser: Internet Explorer 6.

There are many web developers that make their custom design using standards XHTML and CSS codes. Nowadays we have many browsers using standards from W3C: Mozilla Firefox, Opera, Safari, Google Chrome. When I develop a website, I find problems with IE6. There are many people that uses IE6 without upgrading to IE7, so, we have to check our website to works also with a non standard browser: Internet Explorer 6. Internet Explorer 6 (IE6), not support fully CSS and has a problem loading PNG with Alpha transparency. ie7js There are many CSS tricks to make IE6 compatible with PNG Alpha and other CSS codes, but every webdesigner must spend its time to develop a custom code working only for IE6 and using CSS Conditional Tags. Why spend so many times to develop for IE6? Fortunately, a Javascript Genius, Dean Edwards wrote a script called IE7. This amazing piece of code uses JavaScript to make Internet Explorer 5 and 6 behave like a standards-compliant browser. First of all, you must downl

Webdesign and IE6 incompatibility

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

Regex

toread

15+ Excellent jQuery Plugins To Enhance HTML Forms

Learning jQuery

メモ。

HTML も CSS も、すっかり動向を追わなくなって久しい。たぶん今書こうと思ったら相当忘れてるんだろうなぁ…。まだ進化するのですかー

次世代Web標準の簡単なまとめ

俄然HTMLが面白くなってきた！

The Canvas 3D JS Libary (C3DL) is a javascript library that will make it easier to write 3D applications using canvas 3d. It will provide a set of math, scene, and 3d object classes to make the canvas more accessible for developers that want to develop 3D content in browser but do not want to have to deal in depth with the 3D math needed to make it work. If you are viewing this page with a canvas 3d (ver. 0.4.2 or higher) enabled browser (Firefox 3.5 or higher), the scene below will be moving. If not you will see a screen shot. This scene was originally created by Jay Edry and has been adapted to work with 1.0 Release of the library. Click here to download the source and models

JS Library

すばらしい。 javascript めどいがそろそろ ....

Callbacks vs Events

カスタムイベントを取り扱う際のコールバックシステムの問題点と解決策

Most of the major JavaScript libraries claim to support custom events in one form or another. For example, jQuery, YUI and Dojo all support a custom “document ready” event. However, the implementation of these custom events is always some form of callback system.

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

this.target = "_blank";は盲点。考えたらこれで充分だよなぁ…。

要素の数を取得/画像のプリロード/ブラウザごとにCSSを変更/テキストから特定のワードを取り除く/ブロックレベルの高さを揃える/フォントのリサイズ/右クリックのコンテキストメニューを非表示に

フォントのリサイズとか画像のプリロードとかいろいろ

Image slider

jQuery audio player

david

Animated Record Deletion using jQuery

cancellazione record visuale tramite jquery...bello

Visifire クールすぎて本当に動的に作ったの？というグラフが描画できてしまう「visifire」。 以下にある画像のような、ちょっと他ではなかなか無いグラフを提供してくれます。フリーで使えます。

資料作成に。

Two years ago, we compiled our 10 favorite Greasemonkey scripts, the site-fixing wonders you can load into Firefox's Greasemonkey extension for a better browsing experience. We've updated our picks, and there's a lot that's new.

at InfoQ

This article is a crash course in writing maintainable JavaScript. We'll add features to a running example by iteratively following a simple principle: write a unit test, make it pass. Each test will serve as a quality feedback loop, creating both a safety net and an executable form of documentation for anyone who wants to change the production code. By starting each feature with a simple failing test we ensure that all features are tested. We avoid the cost of rewriting code to test it later. This is particularly valuable given the fact that JavaScript developers have so much rope to hang themselves with - consider how much global mutable state there is between the DOM API and the language itself.

to be tested

tuto java tutorials..

This article is a crash course in writing maintainable JavaScript. We'll add features to a running example by iteratively following a simple principle: write a unit test, make it pass. Each test will serve as a quality feedback loop, creating both a safety net and an executable form of documentation for anyone who wants to change the production code.

inject

Simple Page Peel Effect with jQuery & CSS

pliegue de hoja

オートスライドするタブナビゲーションの作り方　jquery　スクリプトオフだとオートスライドはしないものの遷移自体は可能なのが特徴

Create a jQuery slideshow that enables you to click through each slide when JavaScript is disabled, without having to display all slides one under the

Create a jQuery slideshow that enables you to click through each slide when JavaScript is disabled, without having to display all slides one under the other.

Another great Nettuts tutorial for creating a sliding image slideshow that works with or without javascript. Would be perfect for part of the Pio homepage for next year.

Fade background behalve specifiek element

Make your HTML elements stand out

Inspired by Konami Code Sites I decided to write a simple jQuery plugin which you can use to easily add your own secret ‘cheat code’ style commands to your own website. By default the “Cheat Code” plugin looks for the Konami code pressed anywhere on the website and can be activated only once.

Add a Konami code cheat to your website/blog/whatever

Inspired by Konami Code Sites I decided to write a simple jQuery plugin which you can use to easily add your own secret ‘cheat code’ style commands to your own website. By default the “Cheat Code” plugin looks for the Konami code pressed anywhere on the website and can be activated only once.

よく考えるなこんな方法……。

Today, we will have a look at how to get started with jQuery, and writing your first script!

jQuery has been a great new step in web development. Being able to completely remove Javascript from your markup just makes for code that's easier to manage.

This post is a collection of some powerful carousels for images and text content ready to use in your web projects.

need i say more?

image carousels

SIIIICK Data Table

(function($) { $.ajax({ url:"/js/file1.js", cache:true, dataType:"text" }); $.ajax({ url:"/js/file2.js", cache:true, dataType:"text" }); })(jQuery);

While users are logging into a web site, I thought why not prefetch some JavaScript files they'll be needing on the next page?

Blackbird offers a dead-simple way to log messages in JavaScript and an attractive console to view and filter them. You might never use alert() again.

javascript logging utility

Great looking js logging console for all browsers

JavaScript Debugging

Microsoft's Internet Explorer 6 is almost universally hated by web developers. Fortunately, with the help of Visual Studio and by changing a few IE settings, we can make it much easier on ourselves.

"JSTalk's goal can described like this: JSTalk is to AppleScript, what Cocoa is to Carbon."

Mouse gestures for jQuery. The madness..

pseudo itouch gestures

Jquery gestures

Mausgesten per jQuery erzeugen und einbinden.

new event tracking function is still in beta on the Google Analytics site and not all accounts have access to view them by default. However, this is not a problem as you can add it in manually. When you are logged into your Analytics, type the following url into your browser: https://www.google.com/analytics/reporting/events. This will take you to events page. Once there, click on the “Add to Dashboard” button above the report and this will add the Events Tracking Overview section to your dashboard.

Script om externe links en downloads te tracken in Google Analytics met jQuery

Extend the current functionality of Google Analytics. Track things like file downloads and external links.

working with site hits ocunt

A great tutorial on how to make a nice smooth slideshow.

slideshow com jquery

CSS styleable jQuery mp3 player plugin

Interessante Gegenüberstellung der unterschiedlichen Konzepte beider Bibliotheken.

Here we go again, enjoy my collection of navigation menu. * Accordion Menu * Dock Menu * Navigation/Drop Down Menu * Slide Menu * Tree View Accordion Menu * Dynamic drive Accordion menu Dynamic drive Accordion menu | Demo * jQuery Accordion Menu i-MarcojQuery Accordion Menu | Demo * Horizonal Accordion Menu Horizonal Accordion Menu | Demo * Bassistance jQuery Accordion Bassistance jQuery Accordion | Demo * Designreviver Horizontal Accordion Designreviver Horizontal Accordion | Demo * Phatfusion Image Menu Phatfusion Image Menu | Demo Dock Menu * iconDock iconDock | * jQ Dock jQ Dock | Demo * CSS Dock Menu jQuery + Fisheye CSS Dock Menu jQuery + Fisheye | Demo * MacStyleDock MacStyleDock | Demo * Mootool Fisheye Mootool Fisheye | Demo * Dojo Fisheye Dojo Fisheye | Demo * euDock euDock | Demo * cornerDock cornerDock | Demo

30 Javascript Menu Plugins and Scripts | Queness

List of Really Useful Free Tools For JavaScript Developers

Nice collection of tools for Javascript Development.

Supersized 2.0 Released - Now with Transitions & Controls | Build Internet! - http://buildinternet.com/2009/05/supersized-20-full-screen-imagebackground-slideshow-jquery-plugin-w-transitions-and-controls/

Twitter Emulation Using MooTools 1.2 and PHP - Nettuts+

Crear twitter con mootools y php

preventDefault();

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

forms

Galeria de imagens!

TinyBox is a lightweight and standalone modal window script. At only 3.5KB it doesn’t include any slideshow capabilities built-in but allows for any AJAX or HTML input so the sky is the limit.

TinyBox JavaScript Popup Box - 3.5KB - Web Development Blog

TinyBox is a lightweight and standalone modal window script. At only 3.5KB it doesn’t include any slideshow capabilities built-in but allows for any AJAX or HTML input so the sky is the limit. Future versions will include additional features. It can also be used for images and auto hiding alerts. The popups fade in/out and dynamically size based on the content if enabled. The styling is completely customizable through the simple CSS. I have a couple tutorials and a few scripts I will be posting very soon so check back.

Recopilación de librerías javacript

List of Really Useful JavaScript Libraries

W3Avenue

長くていいから分かりやすく―――実にありがたし。

As I observe other liquid based websites, I see two commonly used techniques on displaying columns, the fixed columns and the liquid columns. There are drawbacks to both that I would like to point out, and later would like to pitch my solution.

Finally a good solution.

Ein jQuery-Plugin zum Erzeugen von pseudo-fixen Spalten, die intelligent auf das Resizen des Browser-Fenster reagieren.

any font embed on website with javascript

sifr-replacement

Nice process article on reworking a news homepage. Love the video at the end with the column switching.

The latest redesign of the Talking Points Memo (TPM) frontpage has been explained in detail

jqueryで作るニュースティッカー、勉強用にも。

This tutorial is a great primer for code think. After my previous posts about how to implement a news ticker with MooTools I received a lot of emails from my readers that asked to me to implement a similar feature with jQuery, including fade in and fade out effects, in the simpler possible way. So in this post I want to illustrate you how to implement a nice news ticker using jQuery and just ten lines of Javascript

filemanager FTP attraverso il browser

webprogram

Many more - see the URL

The Yahoo! Query Language lets you query, filter, and join data across any web data source or service on the web. Using our YQL web service, apps run faster with fewer lines of code and a smaller network footprint. YQL uses a SQL-like language because it is a familiar and intuitive method for developers to access data. YQL treats the entire web as a source of table data, enabling developers to select * from Internet.

YQL + Linked Data = possibilities

Execute elements run server-side JavaScript with E4X (na

jQuery Masonry thumbnail box

he modal window has many advantages. For example, when a modal window contains a smaller element, the user doesn’t need to load an entirely new page just to access it (another way to achieve the same effect is e.g. by using AJAX-based tabs). By providing modal windows, you improve the usability of your website. Having to load pages over and over will annoy most users, so avoiding that is definitely a good thing. Modal windows also allow you to save space by getting rid of large elements that don’t need to be on the main page. For example, rather than putting a full video on a page, you can just provide a link, thumbnail or button of some sort. In this article, we’ll go over best practices and trends for working with and building modal windows. We’ll also provide numerous examples of well-constructed modal windows and a few scripts to get you started with building them.

36 Eye-Catching Menu Structures by 1stwebdesigner

via windfucker

ウェブページでフォントをダンロードしやすくする仕組みっぽい。Javascript一行だってさ。どんな風になるのかな。

all browsers will soon support a wide range of fonts. but using fonts on the web (in most cases) is a direct violation of the font's copyright, as linking to a font gives the viewer a direct way to download the font . It's like using a font to print a book and then including the font with the printed book. Enter TypeKit, a web app that designers and developers subscribe to. The service has a collection of typefaces that the dev can link to in their jscript and TypeKit handles all the background witch's brew of delivering the font to the end user's screen, without that iser being able to download the font package. Interesting idea! I wonder what the tech looks like behind the service and the susbcription fees.

As a Typekit user, you’ll have access to our library of high-quality fonts. Just add a line of JavaScript to your markup, tell us what fonts you want to use, and then craft your pages the way you always have. Except now you’ll be able to use real fonts. This really is going to change web design.

We’ve been working with foundries to develop a consistent web-only font linking license. We’ve built a technology platform that lets us to host both free and commercial fonts in a way that is incredibly fast, smoothes out differences in how browsers handle type, and offers the level of protection that type designers need without resorting to annoying and ineffective DRM.

A simple open source todolist written in PHP and jQuery

My Tiny TodoList is a totally free, simple open source todolist written in PHP and jQuery released from Max Pozdeev and based on my original MyToDoList application

これらを気をつけないと IE では特に遅くなる。jQuery 使う時にはまずはじめに見るべき。

" Using jQuery and other frameworks that make selecting nodes and DOM manipulation easy can have adverse affects if you’re not careful"

A huge Javascript, Ajax and jQuery Toolbox that I hope really really gonna make a difference in your work efficiency.

bunch of nice looking jQuery ideas

NimbleKit is the fastest way to create applications for iPhone and iPod touch. You don't need to know Objective-C or iPhone SDK. All you need is to know how to write an HTML page with Javascript code.

Use PHP functions in JavaScript

php functions converted to js

Article explaining the basics of how to make a website so it loads efficiently.

Find and review bookmarklets at bmlet.com

BySlide accordion Menu like MIT

Open Source Mootools plugin

Build a Windows-style ribbon menu

Screenshots

A ribbon control built on jQuery. It supports grouping, dropdown menus, nested lists theming and more.

The Labs showcases some of our research and development with web technologies like JavaScript and CSS. We also release tutorials and resources to help other web developers enrich the web.

Apply gradients, shadows & highlights. All without using any images!

jqueryによる文字列操作　正規表現を活用　urlアドレスのa要素化、htmlタグの削除など

Web application developement tool

takie visio online

Web Application Ajax Based Development Tool

Comet & Reverse AJAX push

css-template-layout -

The project aims at providing web designers with a way to use the W3's CSS Template Layout Module today. As a jQuery plug-in, the script parses a given set of CSS rules and displays the content as indicated in the specification. Options include the ability to select the CSS parsed, as well as an optional prefix to use for the CSS rules. Specifying a prefix allows style rules that are interoperable with a possible future browser implementations.

The project aims at providing web designers with a way to use the W3's CSS Template Layout Module today. As a jQuery plug-in, the script parses a given set of CSS rules and displays the content as indicated in the specification.

avaScript (jQuery) implementation of the CSS Template Layout Module

e solution that works with every form. Figuring out how to display errors is not a simple task. This is something I tried to remedy with this script. When an error needs to be displayed, the script creates a div and positions it in the top right corner of the input. This way you don’t have to worry about your HTML form structure. The rounded corner and shadow are done with CSS3 and degrade well in non compliant browsers. There is no images needed. When you submit a form, it will look for inp

var m = ("abcccd".match(/ab(c+)/)||[])[1];

JavaScriptで正規表現を使った書き方のtips。

jsの正規表現周りのtips

主にregexpによるmatch関連

フォーム関連　☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆

jQueryによるform作成サンプル

jQuery Ajax tutorials to jQuery UI examples, you've found the ultimate list of tutorials and plugins for jQuery! Everything from Ajax file uploaders to RSS feed plugins, all on one of the longest pages you'll ever scroll.

Studies show that top navigations tend to get the most visual attention when a user first visits a site. Having organized and intuitive navigation is key — and while most drop down menus may look aesthetically pleasing, developing them to degrade gracefully is also essential. In this tutorial I would like to go over how to create a sexy drop down menu that can also degrade gracefully. Step1. HTML First create an unordered list for your base top navigation. Then simply nest another unordered list for your sub navigation. view plaincopy to clipboardprint? 1. <ul class="topnav"> 2. <li><a href="#">Home</a></li> 3. <li> 4. <a href="#">Tutorials</a> 5. <ul class="subnav"> 6. <li><a href="#">Sub Nav Link</a></li> 7. <li><a href="#">Sub Nav Link</a></li> 8. </ul> 9. </li> 10. <li> 11. <a href="#">Resources</a> 12. <ul class="subnav"> 13. <li

jqPlot is a plotting plugin for the jQuery Javascript framework. jqPlot produces beautiful line and bar charts with many features including: * Numerous chart style options. * Date axes with customizable formatting. * Rotated axis text. * Automatic trend line computation. * Tooltips and data point highlighting. * Sensible defaults for ease of use. jqPlot is an open source project by Chris Leonello

Gráficos diversos com jQuery [EXCELENTE]

jqPlot - Pure Javascript Plotting

may be relevant to my interests...

jquery library for charts

Choose Your Own HTML 5 Adventure

really good looking UI stuff for jquery

"jQuery Tools is a collection of the most important user-interface components for today's websites. This single JavaScript file weighs only 5.8 Kb"

Advanced docking using jQuery

APE is a Server for pushing real-time data to Rich Internet Applications, no pull! Data is sent, live, to thousands of clients, in a JavaScript socket fashion. It allows you to write real-time web applications without using any client plugins (Java, Flash...).

Image galleries, sliders and slideshows have become increasingly popular within webpages over the last year or so, and with jQuery becoming ever more popular, more and more developers have been creating these amazing powerful, versatile and sleek galleries. Thank you jQuery. Below you will the most powerful, the most creative and most versatile of jQuery plugins and tutorials built using jQuery.

Page speed is a google tool for evaluating website performance

Page Speed is an open-source Firefox/Firebug Add-on. Webmasters and web developers can use Page Speed to evaluate the performance of their web pages and to get suggestions on how to improve them.

Page Speed is a tool we've been using internally to improve the performance of our web pages -- it's a Firefox Add-on integrated with Firebug.

Website optimization plugin for Firefox/Firebug by Google

Java scrippting

GG

kind of flare for js: impressive!

JavaScript Information Visualization Toolkit, Meaningful Visualizations

There are a few cases where you want to know if the user is idle. Namely: * You want to preload more assets * You want to grab their attention to pull them back * You want close their banking session after 5 minutes of inactivity. (Jerk!) * You want the site to sneak off the screen and see if they notice ;-)

jQuery idleTimer plugin

I have just found this article on the internet and it has a lot of great tips. some of them I was already aware of them and some are not. It will be modified a little bit and I may add more tips. This article was originally written by Jon Hobbs-Smith

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.

tau

JQuery

Regex Selector for jQuery - James Padolsey

"..Page Speed evaluates performance from the client point of view, typically measured as the page load time.."

http://net.tutsplus.com/tutorials/javascript-ajax/fun-with-canvas-create-a-jquery-graph-plugin/ net.tutsplus.com/tutorials CreateajQueryGraphPlugin

Create a jQuery Graph Plugin

Today, we are going to create a bar graphing plugin. Not an ordinary plugin, mind you. We'll show some jQuery love to the canvas element to create a very robust plugin.

Designstuff, Extensions, Plugins

A plugin for jQuery that lets you style select, radio, and checkboxes however you desire.

Custom browser form controls with jQuery. Nice.

As a UI designer, I have to deal with form controls quite a bit. I hate how I can’t make selects, checkboxes, and radio buttons look consistent in all the browsers, so I wrote a plugin to solve just that. Introducing Uniform, a plugin for jQuery that lets you style select, radio, and checkboxes however you desire.

jQuery plugin that lets you style select, radio, and checkboxes however you desire.

These scripts demonstrates several of the available APIs available for both Lua and Python. It is intended to be run as a service and silences the ringer when the phone is placed face down. For some scripting languages, like BeanShell, it's possible to access Android's Java API directly. To simplify things, ASE provides the AndroidFacade class. For other languages, like Python and Lua, the API is made available via JSON RPC calls to a proxy. Naturally this means that only the part of the API which has been wrapped by the AndroidFacade and AndroidProxy are available to cross-compiled interpreters like Python and Lua. Thankfully, both AndroidFacade and AndroidProxy are simple to extend.

Programming Android with scripting languages like Lua or Python.

Android apps for the rest of us? Now script Android apps in Python!

python for android

buéno

5 Extremely Simple Ways To Add Page Curl To Your Website

Page peel, also known as page curl, is something that you put at your website corner to display additional information such as advertisements, promotions or banners.

changes image to text when hovering mouse

CSS swap hover effect

CSS effects - util in webdevelopement

A mouse gesture library written soley in javascript with power and flexiblity to mould itself for you.

Using jQuery To Manipulate and Filter Data

I have been getting familiar with jQuery recently and the more I get into it, the more I'm impressed with it. When I first heard about jQuery I was definitely

jQuery Basics

Test your jQuery selector

sewa notebook, sewa notebook di bandung, rental notebook, rental notebook di bandung, sewa laptop ,sewa laptop di bandung, specialis sewa notebook

Create Beautiful jQuery sliders tutorial

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.

i am guilty of many of these

Lighter.js is a free syntax highlighting class developed with MooTools. It was created with the MooTools developer in mind and takes advantage of many of the Framework's features. Using it can be as simple as adding a single script to your webpage, selecting the elements you wish to highlight, and Lighter.js takes care of the rest.

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.

jquery一个滚动的效果

draggable pane content (instead of division into slides)

Making use of the overflow and scrollLeft DOM property to scroll elements is a much more effective use of the CPU, over animating using CSS top/left. So this episode of J4D demonstrates the same effect used in two completely different ways.

divs con anchura y altura variables

Updated jquery splitter jquery 1.3

A resizable splitter plugin for jQuery.

Splitter en jQuery horizontal, vertical sur plusieurs panneaux ou colonnes

Facebook style autocomplete

dev thought's version of the popular facebook textboxlist

best facebook style autocomplete jquery plugin.

wow, this is the shit!

In the Woods - Coda Slider and More With jQuery Tools - http://blog.themeforest.net/tutorials/coda-slider-and-more-with-jquery-tools/

Create you own surveys, collect answers and analyze

new survey tool

Create surveys to take online with anonomous feedback

Uses HTML and CSS to determine your browsing history. Slowish but effective.

This is a method of sniffing your browsing history without using Javascript. If you haven't cleaned your browsing history recently, just click "Start Scan" and the system will get to work. If this doesn't shock you, it should: websites are not supposed to see this information. It has potential for anyone, in particular advertisers, to view your history and profile you.

ind the best way to select elements depending on the situations

jQuery, since 1.2.2, has had an API for “special events”. These events are special because they have the ability to do some extra work for specific events and even the option to bypass some of the internal jQuery event system. With these special events you can create custom events that require some setup work or you can completely overwrite the behavior of native events.

Rundown of the Special Events feature in jQuery edge

As a follow-up to "30 HTML and CSS Best Practices", this week, we'll review JavaScript! Once you've reviewed the list, be sure to let us know what little tips you've come across!

A jQuery plugin for SWFUpload

When I first stumbled across SWFUpload about two years ago I was impressed by how easy it was to implement. However, their example code has always bugged me as being rather crap, having to assign a separate global event handler for each event, and the lack of multiple handlers for a single event.

When creating a website, one main goal is to attract visitors. Traffic generation is a necessity for monetary purposes, showing off your work, or just

JQuery plugin to make iphone-like checkboxes

A Sprite Library for Canvas | notebook

Belo exemplo de simplicidade e velocidade nos portlets usando a api do jquery e imitando o igoogle

Para Crear una interfaz parecida al igoogle

Welcome t

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.

10 Reasons Why You Should Be Using Firebug

Explicacion de porque se debe usar firebug y algunas extensiones

10. FirePHP Our last, but not least, important Firebug component is FirePHP. With this add-on, we can transparently send information (warnings, errors, logging, info) to the Console panel from our PHP code. Example usage from FirePHP's website:

Use Jetpack to integrate Digg in Firefox

Mozilla&#039;s new Jetpack project makes it easy to enhance the Firefox web browser by using conventional HTML and JavaScript. In this hands-on tutorial, we introduce you to Jetpack and use it to add a Digg counter to the browser&#039;s statusbar.

Mozilla's new Jetpack project makes it easy to enhance the Firefox web browser by using conventional HTML and JavaScript. In this hands-on tutorial, we introduce you to Jetpack and use it to add a Digg counter to the browser's statusbar.

Modal dialog, windows or a popular term lightbox is an unobtrusive ajax solution for displaying the content inside the page itself, it overcome the constraint

(no description)

jqueryの関数ジェネレーター。

Really useful tool for building jquery functions :)

JavaScriptDB: Persevere’s New High-Performance Storage Engine April 20th, 2009 at 8:47 pm by Kris Zyp The latest beta of Persevere features a new native object storage engine called JavaScriptDB that provides high-end scalability and performance. Persevere now outperforms the common PHP and MySQL combination for accessing data via HTTP by about 40% and outperforms CouchDB by 249%. The new storage engine is designed and optimized specifically for persisting JavaScript and JSON data with dynamic object structures. It is also built for extreme scalability, with support for up to 9,000 petabytes of JSON/JS data in addition to any binary data.

We’ve been working with foundries to develop a consistent web-only font linking license. We’ve built a technology platform that lets us to host both free and commercial fonts in a way that is incredibly fast, smoothes out differences in how browsers handle type, and offers the level of protection that type designers need without resorting to annoying and ineffective DRM.

»We’ve been working with foundries to develop a consistent web-only font linking license. […] As a Typekit user, you’ll have access to our library of high-quality fonts. Just add a line of JavaScript to your markup […] We’ll be launching this summer with a great collection of beautiful and hardworking typefaces.«

Basically, Typekit will offer a way for designers to license fonts for use on web pages, which is a big deal because of a CSS feature that is soon to be supported in most major browsers that will allow designers to reference fonts installed on the server and render them as fonts (rather than Flash or images) for users.

jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. As Web developers we are always in search of new tutorials and resources, tips, tricks for our readers . Today we listed Most Desirable Collection Of powerful jQuery etc. We obviously cannot cover all the best from the web, but we have tried to cover as much as possible

listing out 12 JavaScript based chart .

12 jQuery based chart

自動アップデートしてくれるグリモンのなんかそういうの

ユーザースクリプとの管理、アプデート、人気スクリプトのランキングとか。

greasemonkeyのスクリプトの更新チェック、管理

Wescript is utility for userscript runtime environments, such as Greasemonkey. It's useful for finding popular userscripts and checking userscript updates.

Create Featured Content Slider Using jQuery UI

Lista de ferramentas Javascript. MUITO BOM!!!

Just about every website uses the regular navigation concepts we're all used to. After awhile this can get pretty boring, especially for designers who thrive on creativity. While mimicking the OS X dock and stacks isn't new, it's certainly not common.

phew. praise be to the universality of javascript.

"In this web site I have collected various JavaScript tests, to display code samples, have them run and check web browser compatibility." (This page tests various advanced JavaScript operators against common browsers.)

A report on compatibility of various JavaScript features & functionality against common web browsers.

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の効果

his article will present ten easy steps that will instantly improve your script's performance. Don't worry; there isn't anything too difficult here. Everyone can apply these methods! When you're finished reading, please let us know your speed tips.

Don't know when I'll ever get round to reading this!

Text utilities

Cuzillion

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

jLinq is a Javascript library that lets you write queries against arrays of javascript objects. jLinq is completely extensible so you can write your add-ins and they will work with the rest of the framework without any additional programming!

jLinq is a javascript library that lets you write queries against arrays of javascript objects. It's completely extensible so you can write your add-ins and they will work with the rest of the framework without any additional programming.

scripty2: for a more delicious web

いつかこだわりのフォームを作ってみたい。

FireQuery is a collection of Firebug enhancements for jQuery

jquery extension for firefox

10 nützliche JQuery-Plugins für z.B. Formulare und/oder Farbauswahl

Viele nützliche jQuery Plugins

Jquery pluginy

Vaadin is a Java framework for building modern web applications that look great, perform well and make you and your users happy.

WebApps auf Basis von GWT erstellen. Sieht gut aus.

Covers XMLHttpRequest

title-jquery-tutorialsIf for whatever reason you don’t know jQuery, it is a “write less, do more” JavaScript library. It has many Ajax and JavaScript features to allow you enhance semantic coding and user experience.

Come back to this for basic Jquery tutorials

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

In 2007, Apple updated .Mac (now MobileMe), and introduced the "Web Gallery" feature - a photo sharing service that integrates with iPhoto. Web Gallery offers a beautiful interface, but the layout is done entirely with JavaScript. In this tutorial, we will attempt to recreate the Web Gallery interface using only CSS and a small amount of jQuery.

How to Make a Slideshow with a Transparent PNG Frame | Build Internet! - http://buildinternet.com/2009/06/how-to-make-a-slideshow-with-a-transparent-png-frame/

The jQuery

Verkar bra

How to Make a Slideshow with a Transparent PNG Frame

In this tutorial, we will go through the process of creating a small widget that allows users to retrieve turn-by-turn directions to a specified location. We'll be using the Google Maps API, via JavaScript, to provide this rather advanced functionality.

Need this!

XRegExp is an open source (MIT license) JavaScript library that provides an augmented, extensible, cross-browser implementation of regular expressions, including support for additional syntax, flags, and methods. XRegExp is fully compliant with the regular expression flavor specified in ECMA-262 Edition 3 (ES3), and has been tested with Internet Explorer 5.5–8, Firefox 2–3.5, Safari 3–4, Chrome 1–2, and Opera 9. XRegExp uses feature detection—no browser sniffing.

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-перехды

十徳ナイフ的テキストエンコードツール　便利便利

Tutorial para implementar un sitio dinámico de "Próximamente" con php y jquery

We’ve had a lot of questions regarding the background effect on our new site – so I thought I’d explain how it works, to save you the trouble of picking through the source code. Feel free to base your own designs on this technique, but don’t just straight up copy our code and images – we’ve spent a good amount of time on this. If you’re feeling nice give us a mention on your web site/blog/twitter/facebook/bebo/myspace or to your mates down the pub.

Bloody lovely.

We've had a lot of questions regarding the background effect on our new site - so I thought I'd explain how it works, to save you the trouble of picking through

What’s a web site without an image gallery these days? Galleries are used for products and portfolios and they have been getting sleeker, faster and lighter over time. jQuery plugins are available for almost every function you can think of, everything from widgets to animation effects. As a designer, there are many functions I’d like to add to a web site, however I don’t have the technical prowess to program or put it together, but I do know enough to slot some jQuery onto the page. Thankfully there are many developers out there who generously share their work and there are indeed some fabulous galleries and slideshows available as plugins. Here are five sleek offerings which are available for free and are easy to implement on your site.

An awesome article by Sergio Pereira - Devlicio.us that talks about functions and scope in javascript

apply

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.

javascript animation library

Librería para animaciones mediante javascript

หารูป

Plugin em JQuery que gira uma layer com conteúdo "dos dois lados"

QuickFlip is a jQuery plugin I wrote that uses a CSS trick to cause a div, paragraph or any other piece of HTML markup to flip like a card. With a result similar to the UI animation on the iPhone, this jQuery plugin is easily integrated into your webpage to make any portion appear to flip and show its back.

# k Says: November 21st, 2008 at 9:24 am great plugin, it really provides interactive touch # bronius Says: December 4th, 2008 at 9:40 pm Yes, very slick– thanks for sharing it! note to the wayward developer: - do provide a height/width in css for your panels– without it, it swaps but doesn’t smoothly flip - front and back should be of the same size - clip your content with overflow: hidden if you’re unable to reliably stuff your content into a certain size.

jQuery and an RSS Feed. könnte man verwenden um bei easy rec client seitig die rss feeds zu holen

How to build a personal mashup page with jQuery

After finding out about GitHub pages, I decided to put mine to good use by building a mashup for my online content. Since we don’t have any control on the server side, we’re going to use only javascript to make it dynamic. This tutorial will show you how to use jQuery and JSONP to pull data from Twitter, GitHub, and an RSS Feed (without any server side magic). The techniques here can easily be used to interact with any other API.

loads of goodies here

"tagged JSON explained"

ly more complicated example involves storing two

So many choices, so little time.

Simple Tabs w/ CSS & jQuery

Design Reviver

da approfondire specialmente l'overlay per la guida cool

Photo Gallery And Slideshow

Photo Gallery, picture gallery, or slideshow are the best way to showcase your images/photos to your readers. There are a lot of different methods to create them and today we are going to look into different jQuery plugins that can be used to create a better photo gallery.

Yes, finally. If I didn't find that I'd coded it myself now.

Most social networks have API tools that allow almost any website to authenticate users through their system. In today's tutorial, we will learn how to use

Authenticating Users With Facebook Connect and Google Friend Connect - Nettuts+

automatically filling form data with geo information

GeoFill - automatically filling form data with geo information

Non-JS users get the common masked password fields.

iPhone-like password fields using jQuery // DECAF° blog für digitale kommunikation

Nice jQuery plugin to partially mask password fields.

css jQuery menu

menu

Learn jQuery in 17 Easy Examples

背景色をアニメーションで変更

メニューの背景画像をアニメーションで切り替えてくれるjQuery

Cool rollover / hover effect

Blend Images on hover for CSS Backgrounds

jQuery plugin effect for CSS backgrounds

Ever since I saw the Bit.ly JavaScript API I've been wanting to build a simple script for tracking the number of people visiting a blog post from Twitter. This past weekend I built a little script for doing just that - and in a completely unobtrusive manner. The script itself is completely standalone (no dependencies) and can be included in any page relatively painlessly. Additionally, since it's just HTML, CSS, and JavaScript, it's completely themeable and customizable to the style of your site.

ReTweet用ボタン

Jumpstart Your jQuery Plugin

In this tutorial, we will look at using jQuery to call Twitter’s API and then use the results to create a widget for a blog or personal website that shows

Are you someone who is constantly wowed by the cool effects and animation jQuery can do and always searching jQuery tutorials and plugins? Here is a post for

jQuery tutorial and learning

Grundlegendes Gerüst für statische Webseiten.

Bastelsatz für statische Webseiten

"headache relief for programmers :: regular expression generator"

wow i've needed this so much

is added to the ModelAndView using a key that is expected by JsonView. In summary, the controller responds to two URLs, “carselector.html” and “models.html”. It renders an HTML page as the response to the “carselector.html” URL, via a standard JSP view. Let's take a look at the JsonView class, which renders the JSON result for the “models.html” request:

After the user enters a name and clicks submit, the entire screen turns white while the page refreshes and then the results are displayed. This is not a good user experience. Now, let's use jQuery to improve that experience by refreshing only the part of the page that actually needs to change. The modifications made to the existing page are: 1. Split the search form and search results into 2 separate JSPs so the results can be displayed separately, without having to re-render the search form. 2. Add a placeholder <div> on the search form JSP to hold the search results. 3. Add a line of jQuery that submits the search form in the background using AJAX, placing the results in the placeholder <div>. The resulting code looks like this:

Once upon a time, all we needed to worry about was reducing Bytes and Requests and playing around with load order to make things faster. Nowadays, we are

jquery your fonts in there!

JSON: What It Is, How It Works, and How to Use It | Blog | Custom-Built Professional Web Development and Design | Ennui

I’ve been hunting for a good jQuery Growl look-a-like plugin for some time, but I just can’t seem to find one that looks the exact same as the one for Mac OS, so like most web dabblers would do, I decided to roll my own. For those who don’t know what Growl is, it’s basically a notification bubble/popup that appears in the top right of your desktop – examples can be found here. Think of it as calling the alert() function in JavaScript, only it’s not a modal, it’s subtle and it doesn’t look like dog shit.

nice little info bubble controlled by jquery

very cool and the kind of things I have been looking for

tutorial about growl similar function to web pages

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.

This tutorial illustrates a very simple way to work with the Twitter API in order to implement a search in the Twitter public timeline and display search results with an animated stream of messages (tweets) similar to Monitter. In this example I used PHP, jQuery and a very useful Twitter Search API for PHP based on the work of David Billingham and actually developed by Ryan Faerman. This implementation is very simple to customize and integrate on your project.

Creare un flusso di tweets stile monitter

This tutorial illustrates a very simple way to work with the Twitter API in order to implement a search in the Twitter public timeline and display search results with an animated stream of messages (tweets) similar to Monitter.

Create a content sliding website that slide vertically, horizontally or diagonally. This is one of the famous techniques used by most of the porfolio websites.

iPhone style password input. implemented by duplicating the password field to a text field to have control of the contents.

create a keyboard with html and css and jquery

Sometimes it's just fun to play around with the programming languages we know and see what we can create. I thought it might be nice to create a little online

impressive for the drag/drop

This tutorial will demonstrate how to build tooltips that are powered by jQuery, with information pulled from a JSON array.

Create a Content Rich Tooltip with JSON and jQuery | Web Resources | WebAppers - http://www.webappers.com/2009/07/13/create-a-content-rich-tooltip-with-json-and-jquery/

Content Rich tooltip with JSON and jQuery

멋지다. 툴팁을 이렇게 디자인해낼줄이야.

jQuery Sliding Tab Menu for Sidebar Tutorial | Queness - http://www.queness.com/post/274/jquery-sliding-tab-menu-for-sidebar-tutorial

jQuery Sliding Tab Menu for Sidebar Tutorial

use for learning management

jQuery makes writing a good JavaScript-based Web application easy and straightforward, but there are a few extra steps required to turn your good Web application into a great Web app. This article details some of the steps to give your Web application the final layer of polish.

10 Rare and Cool jQuery Plugins

usar javascript con jquery para usar en menus

Not too long ago I wrote a tutorial on how to create a drop down menu with CSS & jQuery, today I would like to go over how to create a simple navigation

vTip is designed to quickly provide very lightweight (706b js, 272b CSS, 270b image) tooltips to users of jQuery. The zip includes everything you need (including an example page), as well as jQuery for the examples to work.

para usar con javasctipt y jquery

vTip is designed to quickly provide very lightweight (706b js, 272b CSS, 270b image) tooltips to users of jQuery. The zip includes everything you need (including an example page), as well as jQuery for the examples to work. Using the jQuery framwork any element with a class of vtip will have it’s title attribute turned into a sleek, customizable tooltip without the klunk and loading time of a large tooltip script. Version 2 introduces a minified version meaning the entire script is now 44% smaller.

tool tips

We saw different methods and techniques that truly speak to the designer’s capabilities and creativity. A great way to distinguish yourself from the crowd is to have a truly unique user interface. Although there are many possibilities, you should carefully plan each project on its own. Not all techniques provide a solution for everything. Some of them are very helpful and easy to implement, but some lack usability and simplicity.

Echo is the way to share your content, and watch the live reaction. Publishers can quickly embed Echo on any site and turn their static pages into a real-time stream of diggs, tweets, comments, ratings and more.

Comments: evolved

@Joylie Funny, I just tried out Echo at http://bit.ly/XHBMd and then saw quick screen shot of Disqus somewhere and realized they're similar. [from http://twitter.com/sandroalberti/statuses/2660345376]

The following pages should give you answers regarding Palm® webOS™ platform development that you could not find anywhere else on this site. Just jump into the section(s) that interest you.

Jquery Inline Form Validation Engine

use for some promotion or mini-site?

twitterみたいな「もっと読む」を作成

The second approach is to serve Gecko XHTML. I’ve found this to be the easier approach if you’re either generating a page dynamically using something like PHP, or if you can create your own .htaccess file to make use of mod_rewrite.

HTML5 may be the latest and greatest technology, but some browsers don’t have native support for the new semantic elements. Let’s forget for a minute about the even sexier functionality that the elements can bring, such as full control over the <video> element, and just focus on getting the elements to be rendered. The problematic a-grade browsers are: IE8 and below, and Firefox 2 and Camino 1 (these two browsers use the same rendering engine, which is why they’re both affected).

HTML5 may be the latest and greatest technology, but some browsers don’t have native support for the new semantic elements. Let’s forget for a minute about the even sexier functionality that the elements can bring, such as full control over the <video> element, and just focus on getting the elements to be rendered. The problematic [...]

Solución a HTML5 en IE6

I’m happy to announce the latest project I’ve been working on: A jQuery plug-in to provide support for the CSS Template Layout Module. For those of you unfamiliar with this specification, it provides a relatively easy way to make a table-like layout using CSS. Until recently it was known as the “CSS Advanced Layout Module”. The spec is still a “working draft”, so it can still change significantly. But while that status hasn’t stopped browsers from implementing other CSS3 modules, so far none have tried implementing this one. Inspired by Eric Meyer’s Call for a layout system as well as his suggestion that many CSS features can be made to work using JavaScript, I went to work. Why wait for browsers to implement something when we can have JavaScript take care of it today? The advantages to using this system include: * Source independence, so there’s lots of possibilities with the same markup * All the benefits of a table-like design without the drawbacks * Instant overvie

CSS3 Template Layout

A jQuery plug-in to provide support for the CSS Template Layout Module.

Find web visitor’s location automatically with javascript and Google APIs

15 Really Useful Web-based HTML Editors - http://www.webdesignbooth.com/15-really-useful-web-based-html-editors/

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

Online Regular Expression Tester

Really cool - makes life a lot easier and has nice syntax down the side

Code help

Pretty nifty before/after image slider in javascript

About a month ago I was reading the New York Times online and they had an article which showed a road in Brooklyn that had been reconstructed to make it safer and more pleasing to the eye. To show the difference in the reconstruction project, they showed a before and after picture using Flash that let the visitor drag a slider over the images, which were sandwiched with one on top of the other, so that you could easily see how dramatic the changes were. I immediately thought that this could be done in JavaScript using jQuery, so I set out to do it.

25 Fresh and New jQuery Plugins and Tutorials

ナビゲーションのUIはこれで完璧かもなjQueryプラグイン集。 階層メニュー、タブ、ツリーやページャにいたるまで、ナビゲーション部分に使えるjQueryプラグイン集25種

Since it’s so fundamental, offering drag and drop in web applications has been a no-brainer ever since browsers first offered mouse events in DHTML. But, although mousedown, mousemove, and mouseup made it possible, the implementation has been limited to the bounds of the browser window. Additionally, since these events refer only to the object being dragged, there’s a challenge to find the subject of the drop when the interaction is completed.

Drag and drop is one of the most fundamental interactions afforded by graphical user interfaces. In one gesture, it allows users to pair the selection of an object with the execution of an action, often including a second object in the operation. It’s a simple yet powerful UI concept used to support copying, list reordering, deletion (ala the Trash / Recycle Bin), and even the creation of link relationships.

How To Automate Optimization and Deployment Of Static Content

mouse tracking tool

Sistema basado en Javascript para guardar el rastro del ratón del usuario al pasear por tus páginas.

The jQuery Flipping Plugin Made Faster and Simpler

15 Awesome tutorials and resources for web developers

by @woork

n extremely lightweight jQuery plugin which gives users the ability to easi

Great list of useful web tutorials.

This application is aimed to automate all clientside improvements for website that should significantly increase load speed of its pages.

Snippet

Excellent repositories

Más de 60 utilidades jquery.

60+ Must Have jQuery Toolbox

50 Best jQuery plugins - June 2009 | AjaxLine

jQuery is the most popular JavaScript library and many sites adopt it for dynamic effects and Ajax functionality. However, relatively few developers delve into the depths of plugin development. In this tutorial, we will create simple plugin to explain the basics. Our code will reverse the text within one or more selected nodes — view a demonstration page.

How To Develop a jQuery Plugin

jQuery is the most popular JavaScript library and many sites adopt it for dynamic effects and Ajax functionality. However, relatively few developers delve into the depths of plugin development. In this tutorial, we will create simple plugin to explain the basics. Our code will reverse the text within one or more selected nodes — view a demonstration page.

"A 'worker' is a script that will be loaded and executed in the background. Web Workers provide a way to do this seamlessly, for example: new Worker("worker.js") - available in Firefox, Safari and Chrome - "If you're doing any computation with JavaScript you should definitely opt to use Web Workers if they're available"

Computing with JavaScript Web Workers

"Normally in order to achieve any sort of computation using JavaScript you would need to break your jobs up into tiny chunks and split their execution apart using timers. This is both slow and unimpressive ..."

interesting option go to near the bottom with "We're Done" Demo

When designing a new site, web designers usually face the age-old question: vertical or horizontal navigation? There are pros and cons to both solutions. One

Load Data while Scrolling Page Down with jQuery and PHP

Like scroll in google reader

Table is an excellent way of presenting information, especially when a company wants to cite various prices for its services or products. For instance, some

HTML Table building samples

JSを併用したテーブルのデザインパターンのまとめ。 サンプルというわけじゃないので、即使えるというわけじゃないけど、テーブルのデザインもカッチリやってあるサイトは個人的には好印象。

jQuery 1.3のオンラインチートシート

Bumpbox - lightbox alternative - support for flv,swf,images, html and pdf

Bumpbox - lightbox alternative - support for flv,swf,images, html and pdf - http://www.artviper.net/bumpbox.php

とりあえず

View 10 of my favorite jQuery plugins which i mostly use with web forms. These can enhance the functionality and look of web form elements.

jQuery is one of my favorite javascript client library. We can do more with writing minimal code. Nearly in every project I need to style up web forms or create rules for validation on form elements. Without jQuery it was very harder and longer way to do by writing a lot of lines of code. jQuery solve this as there are many useful form plugins I can use and enhance my web forms easily. Some of those plugins are reviewed as below.

OK, so these plugins may not help you actually conquer.....well, anything really but they'll certainly make your website look and work great!

10 Advance jQuery Scripts to take Your Website to the Next Level

10 Advance jQuery Scripts to help distinguish your website from the rest! Use these stunning functions to add some spice to your site.

Chris Coyier's Anything Zoomer

AnythingZoomer

JQuery Zoom Plugin

"Even Faster Web Sites"

10 Useful code snippets for web developers

For me, standard HTML Select element is pretty much annoying. It's ugly. It can't be styled properly in Internet Explorer. And it can't contain nothing but simple text. That is the reason why I needed to reinvent Drop Down element. This tutorial shows how to do that (easily, believe it or not).

That is the reason why I needed to reinvent Drop Down element. This tutorial shows how to do that

the most AWESOME MOOTOOLS COLLECTION

JavaScript frameworks like jQuery, prototype (and script.aculo.us), Dojo and mootools have become very popular because they are making the creation of dynamic effects much easier without using fx. flash. jQuery has become one of the most used Ja

JavaScript frameworks like jQuery, prototype (and script.aculo.us), Dojo and mootools have become very popular because they are making the creation of dynamic effects much easier without using fx. flash. jQuery has become one of the most used JavaScript libraries today and can be found in the core of popular products like Wordpress and Drupal.The community is providing a huge amount of free plugins making it possible to find good solutions to nearny any need you may have. This article will introduce you to more than 25 jQuery plugins providing enhancements to how you can display images on your web pages. This is essential for creating dynamic state of the art web solutions. Lets get started!

Amazing Image Effects with jQuery

jQueryでアニメーションするナビボタン。綺麗。

オサレなナビゲーションサンプル

You have a small area. You mouse over it. An area pops up giving you a zoomed in closer look. This is a jQuery plugin that does it. I’m not going to tell you what you should use it for or elaborate use-case scenarios. Your own creativity can help you there.

A rather nice looking zoom tool using jQuery and CSS.

Clever little jQuery plugin for magnifying images and text

You have a small area. You mouse over it. An area pops up giving you a zoomed in closer look. This is a jQuery plugin that does it.

Flickr, being the biggest photo management and sharing site in the world, has an impressive API to let developers access and manipulate almost all of its data.

a sexy, non-reversible live visualization of password field input

Creates a color-bar visualization of the password field useful to avoid mistakes and non-reversible.

a non-reversible live visualization of password field input

As everyone knows, the more dependencies you have in a system, the harder maintaining that system is. Javascript is no exception- and orchestrating actions across complex user interfaces can be a nightmare if not done properly. Luckily, there’s a great pattern for orchestrating complex interaction in a disconnected way. No, it’s not the Observer pattern. It’s a take on the Observer pattern called Event Pooling which is a piece of cake with jQuery’s bind and trigger functions. For the get to the code folks, here’s an example of using jQuery’s bind and trigger for event pooling.

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.

Create impressive animation with javascript, I have gathred a collection of websites that uses flash-like animation and also tutorials, plugins and frameworks that will definitely blow you away.

Not too long ago, I wrote about loading JavaScript without blocking by creating a dynamic <script> tag. When <script> tags are in the flow of an HTML document, the browser must stop rendering and wait for the script file to download and execute before continuing (example). Creating a new <script> tag via JavaScript avoids this issue because it’s out of the flow of the document, so the script file is downloaded and executed without waiting. The result: dynamically loading JavaScript files allows your page to render faster and therefore improve perceived performance.

handling dependancies in js

うおー。WebStorage って！ ウェブアプリは今後どーなっていくんだろー。

Web Storage

AJAX offers users a seamless way to work with your interface, no waiting for whole pages to load. jQuery has a set of tools to make it super simple to implement. We will walk you through how to use jQuery to connect to PHP so you can step up your user interface.

AJAX offers users a seamless way to work with your interface, no waiting for whole pages to load.&#160; jQuery has a set of tools to make it super simple to implement. We will walk you through how to use jQuery to connect to PHP so you can step up yo

ThinkVitamin - Carsonified's blog about the web

At Filament Group, we build elegant communications and interactions that help people understand, work, and collaborate effectively across a variety of media - from web sites to wireless, to interactive exhibits and print.

jExpand is ultra lightweight jQuery plugin that will make your tables expandable. Typical for line of business applications, this feature can help you organize tables better. This way, tables can hold more information such as images, lists, diagrams and other elements.

Welcome to WPS, a PostScript and PDF interpreter for HTML 5 canvas. Note that to see and run the examples, JavaScript must be enabled and your browser must support HTML 5 canvas (latest Firefox, Opera and Chrome should work). This document allows you to try simple PostScript programs in the WPS sandbox. A few examples are presented here accompanied by a brief description of the interpreter and listing some implementation notes for my future reference.

Interprets PDF files for output with HTML 5's <canvas> element

PostScript、インタープリタ

Really neat thing: a postscript interpreter written in JavaScript using Canvas as a drawing surface. Not sure how practical this is, but it sure is fun thing.

Setting and clearing cookies with jQuery is really easy (especially when compared with regular Javascript) but it's not includedin the jQuery core and requires a plug-in. This post shows how to set, get the value of and clear cookies with jQuery.

Setting and clearing cookies with jQuery is really easy (especially when compared with regular Javascript) but it's not included in the jQuery core and requires a plug-in. This post shows how to set, get the value of and clear cookies with jQuery.

awesome t-shirt display technique

What You Need To Know About JavaScript Scope | How-To | Smashing Magazine

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

Drop-down menu (also known as pull-down menu) is an essential in most web design. It plays important role in the creation of an effective and user friendly

A vector-based, client-side framework for rendering maps in native HTML 5. Written in JavaScript, it uses the new Canvas element to load mapping data from various sources, including OpenStreetMap. Maps are styled with Geographic Style Sheets (GSS), a cascading stylesheet specification for geospatial information – a decision which leverages literacy in CSS to make map styling more accessible. However, GSS is a scripting language as well, making Cartagen an ideal framework for mapping dynamic data.

A vector-based, client-side framework for rendering maps in native HTML 5

"Just like CSS for styling web pages, GSS is a specification for designing maps. Adapted for dynamic data sources, GSS can define changing geographic elements, display multiple datasets, and even respond to contextual tags like "condition:poor"."

argh. 1997 all over again. This is just as abusive as a million fin-de-siecle flash portfolio sites. Ah the usability nightmares.

An html5 canvas experiment by 9elements.com

Seems to be Firefox only

horinaja for scriptaculous or jQuery

"Horinaja is a slide-show ready-to-use for scriptaculous/prototype or jQuery. Horinaja is innovant because he use your mouse wheel for a best navigation." Very cool.

Web designers are a special breed – we’re one of a small group of professionals that actively seeks out to improve ourselves and our craft through any means possible. This generally means on our own, from each other, and through an awful lot of ‘guess, test and revise.’ Web design isn’t for the faint of heart or those with any fear of failure.

Web designers are a special breed – we’re one of a small group of professionals that actively seeks out to improve ourselves and our craft through any means

Recently I've been working on a Ruby GUI framework called Bowline. In a nutshell, Bowline lets you build cross platform desktop applications with Ruby, HTML

This looks a lot like what you normally use

pretty amazing

The jquery-week-calendar plugin provides a simple and flexible way of including a weekly calendar in your application. It is built on top of jquery and jquery ui and is inspired by other online weekly calendars such as google calendar

As data visualization often needs to reach a broad audience the browser is becoming the number one tool to publish and share visualizations. A lot of visualizations require user-interaction to unleash their full potential, thus interactive applets that run directly in the browser are a a great way to analyze the data at hand. Beside the usual suspects like Flash, Silverlight and Processing, JavaScript is quickly gaining ground in the field of interactive visualization embedded in websites. We’ve collected 13 JavaScript visualization libraries that help you get started faster, keep it flexible and develop with higher reliability.

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

jQuery is totally cool. I’ve been using it for a year now and I find myself constantly learning new tricks and running into great improvements.
 The amount of plug-ins and resources out there is great, too, making this powerful javascript library either a must-use (for many developers) or a very-cool-thing-I-like for the others.

 However, many people want to know how to write better code. 

Here, my friend, are some tips.

Interesting way to save data in point 10.

sigh, I've been meaning to do this

This is a simple plugin that turns properly formatted HTML forms into forms with in-field label support. Labels fade when the field is focussed and disappear when text entry begins. Clearing a field and leaving brings back the label.

iPhone風のトグルスイッチ。

"Way back in June, Thomas Reynolds released iPhone-style-checkboxes for jQuery, a progressive enhancement for checkboxes which makes them into the beautiful iPhone toggle switches. I really like these switches on the iPhone so I went about finishing up his version for the Prototype framework. Of course, I couldn't help but add some new features along the way!"

Last week I was dealing with a unique problem. I needed to set focus to a username field, but the field had an in-field label. The script was set to clear out

Ok, maybe they won’t exactly “Rock Your World” but they might completely change the way you look at your jQuery development. At the very least, I hope this simple technique will help you build clean, reusable and extendable front-end code.

HTML5 is getting a lot of love lately. With the arrival of FireFox 3.5, Safari 4 and the new betas of Google Chrome and Opera, browsers support some great new features including canvas and the new audio/video tags. Most interesting: modern mobile devices like the iPhone or Android-based phones also support new standards in favor of Flash. The future looks bright for HTML5. Time for us to play with this technology. We’ve created a litttle experiment which loads 100 tweets related to HTML5 and displays them using a javascript-based particle engine. Each particle represents a tweet – click on one of them and it’ll appear on the screen. The original particle engine was ported from a Flex/AS3 project that we’ve created to javascript. We’re using processing.js for particle rendering on canvas which is a very useful graphics library created by John Resig. The music will only be played if the browser supports the audio tag. To detect if the audio or canvas feature is present we use the aweso

Time for us to play with this technology. We’ve created a litttle experiment which loads 100 tweets related to HTML5 and displays them using a javascript-based particle engine. Each particle represents a tweet – click on one of them and it’ll appear on the screen.

cool interactive animation/sound demo for HTML5

23 jQuery Fade in Fade out Effect

Annotated link http://www.diigo.com/bookmark/http%3A%2F%2Fhacks.mozilla.org%2F2009%2F07%2Ftracemonkey-overview

This will explain what kinds of programs get the best speedup from TraceMonkey and what kinds of things you can do to get your program to run faster.

Code highlighters are very useful tools to present code snippets on your blog or website with a professional look and improve the readability of code you provide for your readers. In this post I want to reply to some requests I received in the past weeks about this topic and suggest you my five favourites code highlithers.

It's 100% Java Script based and it doesn't care what you have on your server. This is

いつのまにか公式ページできてた

拡張機能版AutoPagerize

がんばってくださいー

home of official greasemonkey, ff ext port ,and the google chrome ext

ページごとに分けられたWebページを自動で読み込み継ぎ足し表示を行うブラウザ拡張です。 AutoPagerizeは様々なWebサイトで利用でき、効率的なWebブラウジングを提供します。 (via http://d.hatena.ne.jp/tanemori/20090802/DailyLink)

Take the most popular CMS, Wordpress, and then take the easiest and most versatile of Javscript libraries, jQuery, and you have a match made in heaven. Implementing jQuery within Wordpress is a lot easier than you would think, all you need is a little support from the huge WP community and a little patience, and you are good to go. Below you will find 30 Tutorials Combining both Wordpress and jQuery.

Ajax SDK, Framework

A jquery plugin providing a weekly view of calendar events #jquery

今回紹介する内容は以下の通りだ。 * HTML 5マークアップについての簡易リファレンス(新要素/廃止された要素/DOCTYPEについて) * Video/Audio要素とそのAPI * Canvas要素とそのAPI * 大幅に強化されたフォーム要素 * アウトラインを意識したマークアップ(section,articleなどを用いたマークアップ方法) * ドラッグ&ドロップAPI

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.

Giva Labs - Linkselect jQuery Plug-in | Giva

Doesn't look like you can automate it, though that would be awesome

another firefox repl plugin

A firefox java script REPL (uses telenet).

To keep the Google Analytics code from interfering with page rendering you can use jQuery to load and execute the ga.js file. The ‘jquery.geekga.js

Speeding up Google Analytics

Nice technique to use on labels in forms.

nline labels are nothing new – in fact the easiest way to label a field is to simply set the field value up front and blow it away when the field gains focus. Easy, right? But what if the browser focuses on the first field right off the bat...what field is it? The label is gone, so to find out what we're supposed to type we have to switch out, then back...what a terrible interaction! This little jolt could be the difference between a conversion and an abandoned form. Happily, there's a better way.

A jquery picture gallery

inspiration for my own site

<html> <head> <script src="/jquery/jquery.js"></script> <script> $(function() { var req = 'http://search.yahooapis.com/WebSearchService/V1/webSearch?appid=YahooDemo&query=finances&format=pdf&output=json' $.getJSON(req,{}, function(data) { console.dir(data) }); }); </script> </head> <body> </body> </html>

jQueryでワンランクアップするWordpressのプラグイン・チュートリアルいろいろ

updated

No databases, no programming, no headaches. A simple javascript shopping cart in under 20kb that you can setup in minutes. It's lightweight, fast, simple to use, and completely customizable. All you need to know is basic HTML.

This is really a cool tool for adding shopping cart to your website. But also checkout the navigation system on documentation section.

The more intuitive layout structure is designed, the better users can understand the content. Whatever content you have to present, you can present them in a

The more intuitive layout structure is designed, the better users can understand the content. Whatever content you have to present, you can present them in a more interactive & more responsive ways.Today we would like to focus on sliding effects and how i can change the structure of a page in a truly unique and creative way. There are many transition effects that can be used to slide different contents, such as fading, horizontal sliding, vertical sliding, the list goes on. Try to pick the transition that best captures the style of your website.In this article we’d like to present 5 smart techniques for sliding and scrolling content using the power of CSS and the beauty of jQuery.

i

30 Essential Web Developer Cheat Sheets

The list of skills a given web developer must possess is growing everyday. With the massive growth of web technologies, comes the demand for developers with a wide skill set. A useful tool in any developers tool box can be the well known 'cheat sheet'. Today, we will have a look at 30 essential web developer cheat sheets, ranging from MySQL to Photoshop.

12 jquery tooltip for web developer

scroll que segue o mouse! :)

So, in this tutorial, we will learn how to create a scroll menu. We will achieve the following objectives: Keep html as simple as possible, and let jQuery and CSS do the rest. Scoll up and down according to mouse-Y axis Use jQuery.color plugin to animate the background-color changes - download jQuery.color (Yes, you will need this to animate the background color, I thought it will do it by default, obviously it doesn't! )

jQuery big Horizontal scroll menu

RT @creattica: 8 Online Text Editors To Consider For Your Projects http://bit.ly/wk8QY [from http://twitter.com/DangerGranger/statuses/2298845158]

List of WYSIWYG editors

Many times when developing a custom website, a clients needs to be given the ability to edit the text directly from an administration section. As many people don’t know the nuts and bolts of html, they have to use a simple editor to create their markup. This article discuses the pros/cons of the most used online text editors.

In the Woods - 8 Online Text Editors To Consider For Your Projects

AjaxCase is the best collection of Ajax examples and demos around the web. you could find many useful ajax examples and demos on AjaxCase, the ones you can use in almost every project you will be working on.

Ferramentas Web

awesome ajax

"Obtrusive JavaScript Checker is a tool to traverse through all elements in a web page, and when it finds a HTML element with inline events (which is bad, JavaScript should be unobtrusive), it highlights it with a red border." (This is available as both a Greasemonkey script and as a separate extension.)

Obtrusive JavaScript Checker is a tool to traverse through all elements in a web page, and when it finds a HTML element with inline events (which is bad,

'Obtrusive JavaScript Checker is a tool to traverse through all elements in a web page, and when it finds a HTML element with inline events (which is bad, JavaScript should be unobtrusive), it highlights it with a red border. It also highlights javascript:'

"Obtrusive JavaScript Checker is a tool to traverse through all elements in a web page, and when it finds a HTML element with inline events (which is bad, JavaScript should be unobtrusive), it highlights it with a red border. "

Obtrusive JavaScript Checker is a tool to traverse through all elements in a web page, and when it finds a HTML element with inline events (which is bad, JavaScript should be unobtrusive), it highlights it with a red border. It also highlights javascript: links with a magenta border.

datagrids

jquery.timepickr was created in a attempt to make the process of inputing time in a form as easy and natural as possible.

Not perfect, but an interesting time picker implementation.

timepikcer

A time selector with a very ergonomic UI -- pick hour, minute in 15 minute increments, then am/pm.

jquery time picker

Posted from: CSS-Tricks

Just what the world needs, another jQuery slider. YAWN. I know, check this one out though, it's got lots of cool features. Here on CSS-Tricks, I've created a

Slider MUITO BOM com JQuery.

Very good JQuery slider.

.htaccess stuff

Some very useful tips here

Mod_rewrite is an Apache-based rewrite engine for dynamically rewriting URLs. It’s built into Apache servers natively, though not enabled by default.

Mod_rewrite is an Apache-based rewrite engine for dynamically rewriting URLs. It’s built into Apache servers natively, though not enabled by default. It’s capable of functions beyond simple rewrites, though, some of which are included below.

are two reasons for thi

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.

Following are few very useful jQuery Tips and Tricks for all jQuery developers. I am sharing these as I think they will be very useful to you. Disclaimer: I have not written all of the below code but have collected from various sources from Internet.

This collection of jQuery plugins might come in handy next time you’re building a site. This post highlights some of the more aesthetic plugins online that can add a spark of creativity into your web design.

This collection of jQuery plugins might come in handy next time you're building a site. This post highlights some of the more aesthetic plugins online that can add a spark of creativity into your web design.

There are at least five ways to make AJAX calls with the jQuery library. For beginners, however, the differences between each can be a bit confusing. In this

There are at least five ways to make AJAX calls with the jQuery library. For beginners, however, the differences between each can be a bit confusing. In this tutorial, we'll line them up and make a comparison. Additionally. we'll review how to inspect these AJAX calls with Firebug as well.

from Twitter

For static content, we may want the response cached. But for dynamic content, which can change in a second's time, caching AJAX becomes a bug, right? It should be noted that Internet Explorer always caches AJAX calls, while other browsers behave differently. So we'd better tell the browser explicitly whether or not AJAX should be cached. With jQuery, we can accomplish this simply by typing:

25+ jQuery Tutorials Roundup | ExtraTuts

jQuery Tutorials Roundup

uery Tutorials For More Int

collection of jquery sliders

Slider images

It is a clear fact that Ajaxed interfaces, if not overused, eases using websites so much. For an e-commerce website, this can mean a better shopping experience for customers where they can concentrate more on the products which may result in better sales. This is a detailed tutorial which shows creating an unobtrusive Ajaxed shopping cart using jQuery & PHP and can guide you to Ajaxify any e-commerce software you may already be using or coding. The main functions of the cart will be adding/removing items to the basket without the need of refreshing the page & displaying the actions with effects.

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

m initiates by declaring a v

Creating Flash Charts From Google Spreadsheets

Más práticas de Javascript

Read: Developers: Never Mind the APIs, Here's YQL Execute [feedly] http://tr.im/koyE [from http://twitter.com/krisnelson/statuses/1693267224]

RWW's @jolieodell dares to tackle the powerful beast that is the new YQL Execute http://bit.ly/J1gxO and so far has lived to tell the tale [from http://twitter.com/marshallk/statuses/1680054262]

...includes explanation of what YQL is, starting with: a sophisticated solution that is agnostic across all Internet platforms and that lowers both the burden of labor and the barriers to entry for social and other web application developers

Tweetable is a lightweight jQuery plugin which enables you to display your twitter feed on your site quickly and easily. More than just displaying the feeds you can highlight @replys as well as links being dynamically generated for ease of use.

Display your twitter feed on your site with a jQuery plugin.

Para mostrar los twits en tu site con jQuery

show twitter feed with jquery

Build Internet!

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

CKEditor is a text editor to be used inside web pages. It's a WYSIWYG editor, which means that the text being edited on it looks as similar as possible to the results users have when publishing it.

text editor for internet publishing

CKEditor is a text editor to be used inside web pages. It's a WYSIWYG editor, which means that the text being edited on it looks as similar as possible to the results users have when publishing it. It brings to the web common editing features found on desktop editing applications like Microsoft Word and OpenOffice.

Der frühere FCK-Editor, einer der wichtigsten Open Source-Editoren für Content Management-Systeme

CKEditor is a text editor to be used inside web pages. It&amp;#039;s a WYSIWYG editor, which means that the text being edited on it looks as similar as possible to the results users have when publishing it. It brings to the web common editing features found on desktop editing applications like Microsoft Word and OpenOffice. Because CKEditor is licensed under flexible Open Source and commercial licenses, you&amp;#039;ll be able to integrate and use it inside any kind of application. This is the ideal editor for developers indented to provide easy and powerful solutions to their users.

like tinymce

scroll

amazing solution for scrollbar (scrollpane) in Jquery

This is very simple using jSrcollPane, a jquery plugin which allows you to replace the browsers default vertical scrollbars on any block level element with an overflow:auto style.

I was working on a project recently where form checkboxes were required, but the standard UI would not do. I needed something a little more engaging. So in this short tut, I’ll show how to turn this…

This plugin will resize and scale targeted images to their max width according to the image ratio, the browser size and some simple options.

This plugin will resize and scale targeted images to their max width according to the image ratio, the browser size and some simple options. Change the size of your browser to see it's effect.

smart photo scaling

I like to read articles on webdesignerwall.com. Not just because of its content, but also because of its great design. I like one simple effect this blog has and that is a zoom icon that is being shown when you hover an image. In this simple tutorial, I'll show you how to do it in two ways: CSS way and jQuery way.

Prevent spambots from getting your email, encode all the email addresses you publish on your site! Enter the address you want to encode, then put the code we provide in the source code where the address should appear and...VOILA!

防止email地址被垃圾邮件爬虫

Prevent spambots from getting your email, encode all the email addresses you publish on your site!

If you’ve encountered a situation where you leave your email address on a public website and start getting spam starting next day, then you are not alone. Mailto Encoder is a site which helps to prevent this by encoding your email address with javascript in a way that makes it unreadable to any spam bot spider or email extractor.

Make your pages load faster by combining and compressing javascript and css files | rakaz

compares ajax-frameworks (jquery is missing)

Raible Designs | Ajax Framework Analysis Results

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.

IxEdit is a JavaScript-based interaction design tool for the web. With IxEdit, designers can practice DOM-scripting without coding to change, add, move, or transform elements dynamically on your web pages. Especially, IxEdit must be useful to try various interactions rapidly in the prototyping phase of your web application.

IxEdit is a JavaScript-based interaction design tool for the web.

by LukeW, author of "Web Forms" from Rosenfeld media

Real-time inline validation can help people complete web forms more quickly and with less effort, fewer errors, and (surprise!) more satisfaction.

....en hoeveel % conversieverbetering het oplevert!

for unlnown items (is this username taken?) validate fields as the user proceeds from one field to the next

jQuery Horizontal Menu

jQuery 橫向動態導航選單

95+ Exceptionally Useful jQuery Plugins, Tutorials and Cheat Sheets http://ow.ly/nLrP [from http://twitter.com/10minuteexpert/statuses/3714335547]

If you’re serious about creating state of the art dynamic web solutions using jQuery this is the right place for you! Fortunately for all of us highly skilled developers have dedicated their precious time and passion to create open source frameworks that encapsulate most of the browser related difficulties and in many ways these make difficult parts of client side scripting fun and it is not a nightmare any more. This article will briefly introduce you to the Javascript framework jQuery and then provide excellent examples of the low hanging fruits waiting for you if you’re starting to use jQuery. jQuery is just one of several frameworks that all have powerful features. Why focus on Javascript frameworks anyway? Because they provide NEED TO HAVE functionality out of the box that can be accessed so easily you wont believe it. Trust me the effects you’re going to roll out soon will impress your co-workers, friends and most important your customers

Increase online sales and improve customer service by chatting with visitors to your website using a standard chat client.

Live chat with users on your website. A great way to engage. Considering how it might make visitors feel though?

Codigos para hacer animaciones

ry time an element the element with an ID of maintrigger is clicked, a new div element needs to be appended to the paragraph element containing the text "clicked". This simple demo touches all of the basic functionality requirements including accessing elements, hooking up events and appending elements except that of AJAX abstraction and will let us get a feel for each library.

"JavaScript frameworks are a boon when you have lots of ideas to turn into functional, clean code. And with the meteoric rise of web applications using AJAX technology, frameworks like jQuery are necessary to reduce the time you spend implementing the required functionality..."

デザインの邪魔をしないシンプルで小粋なjQueryエフェクト集

Mootool, Prototype, jQuery and Tutorials via Queness

Various snippets of code (html, css, php, jquery, etc). Definitely worth keeping handy.

One of the brilliant things about jQuery is the ease in which you can implement animations. A few years ago anything that looked even the smallest bit

web

Today here with great deal of 25+ Paramount jQuery Tutorials, This article will briefly introduce you to the Javascript framework jQuery and then provide excellent examples of the low hanging fruits waiting for you if you’re starting to use jQuery. jQuery is just one of several frameworks that all have powerful features.jQuery is fast and versatile, and is quickly becoming as common on websites as CSS. most of the websites lately have a featured area with content that slides or changes in some way. This is a great technique to show several pieces of content in a limited amount of space and a good way to engage the user. A fancy Apple.com-style search suggestion 1138 Submit A Form Without Page Refresh using jQuery 279 jQuery Tools Scrollable 345 Navigation List Menu with Nudging Effect 433 Sliding Boxes and Captions with jQuery 529 colorcharge jQuery 1.2

css web form and jquery plugins

style your forms

# $('.column').sortable({ # connectWith: '.column', # handle: 'h2', # cursor: 'move', # placeholder: 'placeholder', # forcePlaceholderSize: true, # opacity: 0.4, # }) # .disableSelection();

Hello again, it’s time for comprehensive programming article. Here you’ll find 38 mainly jquery and CSS based drop-down or just multi level menu tutorials with down loadable files and explanations as well. My favorite here is the first pick – Outside the box with very unique navigation menu. It’s always good to have such reference articles in your bookmarks and when you have to create some really big website with a lot of content and menu sections – just return here. Shorten your developing process with already premade menus, which can be easily modified with little touch of CSS.

JavaScript shell scripting / phpied.com

Demo | CKEditor - http://ckeditor.com/demo

@tobinharris: FCKEditor got an awesome revamp. Fast AND pretty! http://ckeditor.com/demo

Editor de HTML

html5の話

アプリケーションキャッシュ, クロスドキュメントメッセージング, Web Workers, Web Storage, Web Database, Web Sockets, Geolocation API など

Validació de formularis

Javascript Validation Library

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

表单验证

jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. In this post I’ve selected 14 jQuery navigation menu tutorials that you can learn from them how to impalement your own jQuery based navigation and have some great effects.

HTML 5 is shaping up to be quite an impressive step up from the capabilities web developers are currently constrained to. One of my favorite new features provided by the spec is support for native drag and drop.

scroll ticker

ses the animation to speed up and slow down, while linear makes it sooth and continuous, so this is the option for us in this situation.

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

10 incredible JQuery navigation menus

Here are 30+ fresh and amazing jQuery plugins and tutorials which i have hand-picked from jQuery articles or plugins published in last 30 days on the interwebs. If you are looking for latest on jQuery, then this is a must read for you.

"...what effect does the large-scale structure of the JS output code have on the DEFLATE algorithm of GZIP which is used to serve up compressed script?" Another instance of using knowledge of the specific file type to get gains in compression. Is there a web proxy running all this at which I can point my phone?

On JavaScript minification and compression.

better compression through instruction rearrangement. this guy drives me somewhat crazy, but he does cool work.

Animated text color

FireCrystal is a Firefox extension that helps designers and programmers alike figure out how interactive behaviors on the web work. FireCrystal allows users to "rewind" their interactions with web pages while showing the relevant code.

track DOM changes

@igrigorik: "nifty FF extension for replaying / rewinding DOM changes: http://bit.ly/2aGyPH" (from http://twitter.com/igrigorik/status/3839646962)

According to jQuery dot com, jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax

PelFusion

Web Design, Development, and Business

Let's make the web faster

Excellent wordpress plugins harnessing the power of jQuery!

wordpress jquery

Javascriptの読込みは</body>のすぐ前が良いって聞いたことがある。

Traversing Functions in jQuery

jQuery UI Multiselect - http://www.quasipartikel.at/multiselect/

Another attempt of a sortable, searchable multiple select widget It depends on jQuery 1.3 and jQuery UI 1.7. The widget is styleable using Themeroller. It works in an unobtrusive fashion, by just turning html multiple select inputs into a sexier equivalent. There's no extra markup needed. For installation instructions please have a look at the corresponding blogpost Source code is available at Github In case you are looking for the original version, it has been moved here Bleeding Edge Demo is always available here (thanks to Github Pages)

選択項目をウィンドウ間で追加削除できるプラグイン

Converts html multiple select inputs into slicker interfaces. It makes searching within the options possible which is very functional for large lists & selected items can be re-ordered by drag’n drops.

10 Beautiful jQuery and MooTool Calendar Plugins | Queness - http://www.queness.com/post/656/10-beautiful-jquery-and-mootool-calendar-plugins

In this tutorial, we’ll be using JQuery to take a horizontally scrolling website and add a parallax scrolling background effect reminiscent of old-school 2D platform games like Sonic the Hedgehog.

silverback 的な遠近感とサイドスクロールをミックスした jQuery エフェクト

tablararasında dolşaırken arkada bulutları hareket ettiriyor

for my portfolio site

Best jQuery Plugins

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

Best jQuery Plugins - August 2009

トップページでは，ブラウザのウィンドウサイズに合わせてコンテンツが可変する，リキッドレイアウトが採用,このウェブサイトでは複数のJavaScriptライブラリを使うことで，リキッドレイアウトを実現.

個人的にjQueryを使う場合、「JSの中でjQueryを使う」と言うより、「jQueryの中でJSを使う」と考えた方が理解しやすいと思うので、今日は"jQuery言語"の書き方を紹介したいと思います。

Built with typographic standards in mind, Baseline makes it easy to develop a website with a pleasing grid and good typography. Baseline starts with several files to reset the browser’s default behavior, build a basic typographic layout — including style for HTML forms and new HTML 5 elements — and build a simple grid system. Baseline was born to be a quick way to prototype a website and grew up to become a full typographic framework for the web using “real” baseline grid as it’s foundation.

using jquery like popular social netwroking sites

SNS常用组件

Useful for more advanced developers too - I didn't know several of these.

return arguments.length; }

The JavaScript Framework Matrix shall give you an overview of popular JavaScript frameworks and their functions. There are various examples for the frameworks and every snippet contains links to the official documentation. The choice of a framework depends on many factors and can't be made of this document only. The matrix shall solely demonstrate the different API styles and functionalities of the JavaScript libraries.

16 Javascript para resaltar los códigos de tus post

まとめ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆

Seven jQuery Plugins That Let You Do Cool Stuff With Images http://ow.ly/phQL [from http://twitter.com/10minuteexpert/statuses/3982683362]

**flickr annotation plugin

In a recent post, I wrote about jQuery plugins that let you easily add a stylish galleries and slideshows to your site. Today, we have six plugins that let you add some cool functionality and interesting effects to images. As a designer, I found plugins like this to be so useful because I would never be able to write or develop functionality like this myself. So thank you generous developer community for sharing all this great work. And now on to the plugins… jParallax jParallax turns a selected element into a ‘window.’ Through this window you can see a number of absolutely positioned layers. The layers move in response to the mouse, giving a parallax effect. The parallax effect was utilized on the popular Silverback application website last year. To download the plugin and see working demos, visit the plugin website.

Sie finden auf dieser Website qualitativ hochwertige Bücher und Artikel, die Sie in der Aus- und Weiterbildung zum Software-Entwickler unterstützen. Alle Inhalte sind unter einer Creative-Commons Lizenz veröffentlicht und dürfen von Ihnen heruntergeladen, gedruckt und zu nicht-kommerziellen Zwecken verbreitet werden.

Kostenloses Buch zum Lernen von c#

Kostenlose Bücher zur Programmierung, u.a. C#, C++, Java

Une petite introduction à l'émément CANEVAS en HTML5

facebook like divs and images

doesn't do prev/next however

FamSpam's facebox is great, but the visual is too facebookish (well that's the way they wanted it). Fancybox is great, but programmatically dealing with it is hard (you have to create an element on the fly and trigger a click on it). So, instead of using one or another, a mashup was created. Basically is a facebox with fancybox look.

web designer cheatsheet

web design

.bookmarklets {background-color:#f6f6f6; border-top:1px solid #fff; text-decoration:none!important;} .bookmarklets strong {border:1px solid #e5e5e5;

Useful Bookmarklets For Better Productivity

the title at first threw me off, but some of these are kinda cool.

很有用

Loads javascript in parts - gains up to 40% in page load speed (nice to have)

An AJAX application optimization tool from Microsoft.

Doloto is an AJAX application optimization tool, especially useful for large and complex Web 2.0 applications that contain a lot of code, such as Bing Maps, Hotmail, etc. Doloto analyzes AJAX application workloads and automatically performs code splitting of existing large Web 2.0 applications. After being processed by Doloto, an application will initially transfer only the portion of code necessary for application initialization.

Using Page Speed

"Page Speed is an open-source Firefox/Firebug Add-on. Webmasters and web developers can use Page Speed to evaluate the performance of their web pages and to get suggestions on how to improve them."

ools > Firebug > Open Firebug

>>FireCrystalはThe MIT Licenseのもとで公開されている<< >>Webページ上でユーザの操作を記録し、内部でどのようなイベント発生・DOM操作がおこなわれたかを解析して、時系列で表示する。<< >>FireCrystalを使用すればJavaScriptの各所にブレークポイントをわざわざしかける必要もなく、記録開始ボタンを押す→操作をおこなう→記録停止ボタンを押すだけでどこでどのイベントが発生し、DOMの操作がおこなわれたかがわかるようになる。<< >.FireCrystalは現在、アルファ版として位置づけられている。大量のJavaScriptが埋めこまれているWebページで FireCrystalを使用すると、解析に時間がかかったりFirefoxごとクラッシュする場合があると公式サイトでアナウンスがされている。<< >>一部の環境ではセグメンテーションフォルトを起こしてクラッシュする報告もあがっている。利用する際はくれぐれも注意されたい。<< >>どのようなイベントが発生し、どのようなDOM操作がおこなわれたかをバルーンで表示してくれる。<< >>DOM操作の瞬間がアニメーションで表示される<<

これはいい！かも

A few months ago, I stumbled across Matt Westcott's excellent JSSpeccy. I had seen some pretty imaginative canvas creations, but Javascript emulators? What a perfect idea for a daft new project. I got underway shamelessly porting vNES into Javascript. Although not the most efficient, it didn't have any of the pointer memory mapping magic associated with emulators written in lower level languages. As such, it was more or less a direct port, bar a few tweaks to compensate for the lack of static typing, and obviously a rewrite of all the I/O. I highly recommend you use Google Chrome to play JSNES. Thanks to its high performance canvas element, and a clever optimisation by Connor Dunn, it runs at full speed on modern computers. Mac builds are also available. Otherwise, it just about runs on Firefox 3.5 or Safari 4, but it's hardly playable. The source is available on Github, contributions welcome!

I highly recommend you use Google Chrome to play JSNES. Thanks to its high performance canvas element, and a clever optimisation by Connor Dunn, it runs at full speed on modern computers. Mac builds are also available. Otherwise, it just about runs on Firefox 3.5 or Safari 4, but it's hardly playable.

7 Steps for Systematizing The Design & Build Process

スペックやデータ、料金表などを表示するためには、テーブルコーディングは欠かせませんね。テーブルにjQueryのプラグインを実装すると、ソートやページングなどなど、様々な機能を追加する事ができます。今回は、テーブルに実装できるjQueryプラグインいろいろとまとめてみました。

jqueryのテーブルに関するもの様々

テーブルに利用できる色々なjQueryプラグイン。CSV読み込みとか。

テーブルにjQueryのプラグインを実装すると、ソートやページングなどなど、様々な機能を追加する事ができます。

仕事につかえそう

ソートやページングなどなど、様々な機能を追加する事ができます。

TestSwarm provides distributed continuous integration testing for JavaScript. It was initially created by John Resig as a tool to support the jQuery project and has since moved to become an official Mozilla Labs project.

Javascript testing framework.

TestSwarm provides distributed continuous integration testing for JavaScript.

This is amazing - MS is providing a Content-Distrib-Network for us to use for free, to distribute the jQuery and ASP.NET-AJAX files.

web framework comparisons

comparaison de frameworks php, ruby, js, css

"Clamato is a Smalltalk dialect that is designed to operate within the JavaScript runtime. "

Clamato is a Smalltalk dialect that is designed to operate within the JavaScript runtime.

Clamato is a Smalltalk dialect that is designed to operate within the JavaScript runtime. Clamato is self-hosting, in that it can compile itself to efficient JavaScript, entirely within the web browser. It uses a parser library based on Lukas Renggli’s PetitParser. Smalltalk constructs (eg: temps, instance variables, message sends, blocks) generally map one-to-one to their JavaScript equivalents (respectively: local variables, object properties, method calls, functions). There are several departures from Smalltalk’s syntax and semantics. The most notable of these are: no explicit returns, 0-based indexing, no metaclass hierarchy, special syntax for instance variables. Clamato includes an (incomplete) interface to the JQuery JavaScript library, along with a Seaside-like HTML builder. Cæsar is a system browser built on all of the above. Like Clamato, it departs in a few notable ways from traditional Smalltalk browsers, but retains their spirit.

JavaScriptに変換されてWebブラウザ上で動作するSmalltalkです。Webブラウザから直接開発できます。

In this article tripwire magazine present a list of more than 70 useful AJAX-based techniques and tools you should always be aware of when developing Ajax-based web-applications. The article gives you instant access to Ajax menus, calendars, interactive elements, animation, basic javascripts, visual effects, auto-completion, instant field editing that you browse quickly without looking through endless search results or bookmarks.

Calendario tanto ate para combobox

Site Logo Script- Click here for a DHTML script that creates a static logo image, positioned in the lower right corner of the browser.

aumentar imagens, efeito javascrip

jQuery Image Magnify enables any image on the page to be magnified by a desired factor when clicked on, via a sleek zoom in/out effect. The enlarged image is centered on the user's screen until dismissed.

CSS Library

kinda like lightbox...photo just enlarges once you click on it without the load image and next/previous/close buttons

It took me a little while before I gave jquery plugins a go, thinking it will be complex and I won’t have time. But, it turns out to be really simple, elegant and useful for both simple and complicated scenarios.

Ótimo tutorial que mostra desde a criação de um simples plugin à criação de testes unitários

Might use fireunit instead of QUnit

Feature-wise, an iTunes LP is a DRM-free album in high-quality 256kbps AAC format, along with digital extras (visualizer(s), photos, videos and interviews) wrapped in a custom WebKit-powered site.

The “deluxe album” format from the iTunes Store is an attempt to revitalize music sales by providing an immersive digital experience complete with detailed art reminiscent of when people used to buy records. Feature-wise, an iTunes LP is a DRM-free album in high-quality 256kbps AAC format, along with digital extras (visualizer(s), photos, videos and interviews) wrapped in a custom WebKit-powered site.

"The iTunes LP experience is accomplished with HTML 4.01, CSS and JS. The interface feels very Flash-like, but there is no trace of it. The CSS animations are elaborate and smooth. ... As a music fan, and as a web developer, I couldn’t be more pleased with the new iTunes LP offering. If your audience is significantly Apple-oriented (e.g. a site about Mac rumors or a popular iPhone app) this proves that you can provide an incredible experience using only JavaScript and some proposed CSS3 properties."

Lava Lamp on tab navigation and content

It’s hard to attract visitors attention, but this article should help to stand out and create semantically correct, good looking and accessible web forms, checkboxes, radio buttons, buttons, fieldsets – everything you can think of when you are creating contact or login page!

I featured many good looking contact forms some time ago – 91 Trendy Contact And Web Forms For Creative Inspiration, so you should know how looks good example. Now let’s take a look how to create outstanding and beautifully designed form elements from scratch ourselves. Things can get tricky even if you are experienced designer. It’s hard to attract visitors attention, but this article should help to stand out and create semantically correct, good looking and accessible web forms, checkboxes, radio buttons, buttons, fieldsets – everything you can think of when you are creating contact or login page!

Forms without tables? No way!

An AJAX Based Shopping Cart with PHP, CSS & jQuery

An AJAX Based Shopping Cart with PHP, CSS & jQuery – Tutorialzine - http://tutorialzine.com/2009/09/shopping-cart-php-jquery/

Lightbox without the Javascript. Me likey.

XHTML

iphone dev. environment/resource

Design Mobile Apps (cross platform)

Online dev environment for creating HTML5/CSS3/JS-based apps for smartphones. iPhone now, "Pre and BBerry coming"

a free, collaborative, web-based, open-source mobile development environment where developers can easily create smartphone applications using standard web technologies (such as HTML 5, CSS, and Javascript) and distribute them as stand-alone applications to app stores.

ongoing attempt to offer alternative methods to spruce up menus, I’ve pieced together an elastic thumbnail menu.

By http://bit.ly/Tweets2Delicious

Event calendars and date pickers are really useful plugins for web applications. Wordpress does have a date picker, which allow bloggers to schedule the article. I am a big fan of jQuery, so i always use jQuery Calendar plugins to accomplish my tasks when the clients asked me to implement an event caldendar for them. In this article, i would like to share 9 really useful jQuery Event Calendar and Date Picker plugins that every web designers and developers should know.

9 Useful jQuery Calendar And Date Picker Plugins For Web Designers

undefined

"Making users click through multiple pages just to edit a field is so 1999. In this tutorial, you'll learn how to create an in-place editing system as found on popular sites, such as Flickr."

Mejorar la velocidad de JSON

When you’re working with JSON, performance and security are often opposing, yet equally important concerns. One of these areas of contention is handling the JSON strings returned by a server. Most JavaScript libraries do a great job of abstracting away the details, but the underlying process has long been a frustrating exercise in compromise. On one hand, eval() is the fastest widely available method, but it is not safe. On the other hand, textual JSON parsers written in JavaScript may be much safer, but are dramatically slower. In client-side situations, where milliseconds count, such a large performance overhead is typically too prohibitive to accept. Recently, an exciting new alternative has emerged: browser-native JSON parsing. Integrating JSON parsing as part of the browser’s implementation of JavaScript allows for using the more secure parsing method, and even provides performance faster than eval() offers.

Recently, an exciting new alternative has emerged: browser-native JSON parsing. Integrating JSON parsing as part of the browser’s implementation of JavaScript allows for using the more secure parsing method, and even provides performance faster than eval() offers. To take advantage of that, this post will show you how to detect whether or not a browser supports native JSON parsing, and how to force jQuery to use browser-native parsing in its $.ajax calls when it is available.

g

Form di registrazione al sito

JavaScript frameworks like jQuery, prototype (and script.aculo.us), Dojo and mootools have become very popular because they are making the creation of dynamic effects much easier without using fx. flash. jQuery has become one of the most used JavaScript libraries today and can be found in the core of popular products like Wordpress and Drupal. The community is providing a huge amount of free plugins making it possible to find good solutions to nearny any need you may have. This article will introduce you to more than 35 jQuery plugins providing enhancements to how you can display images on your web pages. This is essential for creating dynamic state of the art web solutions. Lets get started!

tripwire magazine provides easy to digest articles with relevant and hand-picked information all subjects of web design and development, ranging from; Fonts, Photoshop, CSS, Ajax, Javascript, web design, graphics, typography, advertising, SEO, Tutorials & much more.

jquery画像系まとめ

iWebSkel: The Ultimate Website Skeleton! By Federico Maggi http://iwebskel.com

iWebSkel is the ultimate ready to use kit for website design. It features only the latest version essential components to start developing quickly using XHTML, CSS, and Javascript. Elegantly packed together.

jQuery Cheat Sheet

sample

Drag & Drop with PHP & jQuery | Papermashup.com - http://papermashup.com/drag-drop-with-php-jquery/

The ability to drag and drop content on a page and have it save the order can make for a great user interface and is actually relatively easy to execute with a few lines of jQuery. You’ll need to include the jQuery user interface library which you can find here: Jquery Google API. All the files needed to get this up and running are in the download at the bottom of this post. In this tutorial we’re going to be looking at 2 main PHP pages. the index.php page which contains the contents and functionality to perform the drag and drop and the updateList.php file which is a simple piece of code to update the listOrder column in the database using PHP and MySQL. Additionally you will need to add your database details to the connect.php file in the download package.

The ability to drag and drop content on a page and have it save the order can make for a great user interface and is actually relatively easy to execute with a few lines of jQuery. You’ll need to include the jQuery user interface library which you can find here: Jquery Google API. All the files needed to get this up and running are in the download at the bottom of this post.

The ability to drag and drop content on a page and have it save the order can make for a great user interface and is actually relatively easy to execute with a

Exemplo de implementação de Drag and Drop com PHP e Jquery

CSS and Javascript tricks

Excelentes scripts para varias funciones.

Asynchronous Image Loading with jQuery

# on LoadImage(pSelector, pCallback){ # var loader = $(pSelector); # loader.html(‘<img src="’ + gLoadSpinnerUrl + ‘"/>’); # # LoadThisImage($(img), loader

this.setSpeed(mph);

Inform your visitors about browser-updates

Benutzer über Browserupdates informieren

This service is an opportunity to inform your visitors unobtrusively to switch to a newer browser. Many internet users are still using very old, out-dated browsers – most of them for no actual reason. Switching to an newer browser is better for them and for you as a webdesigner.

jQuery Tutorial

By http://bit.ly/Tweets2Delicious

os + browser組み合わせテスト ->buildbot

Have you ever used DeskShade in Mac? It cures boring and cluttered desktops. The feature of DeskShade that I love most is locked screen. It’s so awesome. Today, I write this tutorial to help you build the locked page for login with same feature of that DeskShade. In this tutorial, I’m using basic jQuery code. So if you’re new to jQuery, it’ll help you so much to understand Click event. Furthermore, with CSS, your login page is not gonna be boring likes before.

Suite à : http://aext.net/2009/09/learning-jquery-submit-form-php-mac-style-modal-window/

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>-->*/

Great for jQuery lovers

"jquery tools plugins must-read"

"After spending about a day and a half in testing I am forced to conclude that the HTML5 drag and drop module is not just a disaster, it’s a fucking disaster."

Holy H Christ... WHAT have we done!? We stood idly by and let this drag and drop disaster happen.

Gee, I wonder why that is.

In this round-up we’ll be looking at 5 JavaScript libraries that can really ease the development of modern, attractive web sites. The libraries that we’ll

In this round-up we’ll be looking at 5 JavaScript libraries that can really ease the development of modern, attractive web sites. The libraries that we’ll be looking at aren’t libraries in the same sense as something like jQuery or the YUI; they’re much smaller and much more specialized. But they’re the best at what they do and provide unique functionality.1. Fixing PNGs in IE6 with DD_BelatedPNGCreated by: Drew DillerLicense: MIT

20 Fantastic Latest jQuery Plugins

15+ Blogs To Follow For jQuery Lovers

RealMarc

Script de compactação de imagem (javascript) que redimensiona a imagem em uma direção (horizontal por exemplo) sem distorcê-la simplemente, ele corta partes semelhantes da imagem.

Sounds just what I need to take my jQuery to the next level. All the technical authors are people I follow/admire/respect.

jQuery Enlightenment was written to express, in short-order, the concepts essential to intermediate and advanced jQuery development. Its purpose is to instill in you, the reader, the knowledge that jQuery developers take as common development knowledge. Each chapter contains concepts critical to becoming a seasoned jQuery developer. This was written for three types of readers. The first reader is the person who has read all of the introductory books on jQuery and is looking for the next logical read. The second type of reader is the JavaScript developer, already versed in another solution, but is now trying to quickly learn jQuery. For these types of readers this is exactly the book you wish every library had available. The third reader is me, the author. I genuinely crafted this book so that it could be used as my own personal reference source to jQuery concepts.

jQuery Enlightenment

jquery by example $15

# Not limited to a single ready() event # Attaching/removing events using bind() and unbind() # Programmatically invoke a specific handler via short event methods # jQuery normalizes the event object # Grokking event namespacing # Grokking event delegation # Applying event handlers to DOM elements regardless of DOM updates using live() # Adding a function to several event handlers # Cancel default browser behavior with preventDefault() # Cancel event propagation with stopPropagation() # Cancel default browser behavior and event propagation via return false # Create custom events and trigger them via trigger() # Cloning events as well as DOM eleme

A Fancy AJAX Contact Form

By http://bit.ly/Tweets2Delicious

Turn any webform into a powerful wizard with jQuery (FormToWizard plugin)

Take a look at ten simple, effective, and useful tricks and techniques from several excellent jQuery developers and sites around the web that leverage the library to take your designs to another level.

Great jquery tips. The scrollable demo is neat: http://flowplayer.org/tools/scrollable.html.

There are plenty of jQuery tricks and techniques out there, and the vast and powerful jQuery library can meet almost anyone’s JavaScript’ing needs. Since jQuery makes JavaScript accessible to designers who want to add simple interaction and visual techniques into their design without knowing extensive programming knowledge, it’s worth a few moments to explore this excellent library. As any designer knows, adding small bits of extra visual detail and user-friendliness can add professionalism and appeal to any web design. In addition, for designers that sell templates, WordPress themes, and other types of web designs, the use of jQuery in a design can be a great selling point. Let’s take a look at ten simple, effective, and useful tricks and techniques from several excellent jQuery developers and sites around the web that leverage the library to take your designs to another level.

iPhone Apps with HTML, CSS, and JavaScript

Vários Tools Tips (Balões do mal)

jquery tooltips 25 jquery tooltips

100++ jQuery Tutorial and Plugin Collections on September | Queness - http://www.queness.com/post/742/100-jquery-tutorial-and-plugin-collections-on-september

also has links to other mootools sites

Web site que oferece o arquivo para download e a página para visualização de um preloader feito em JQuery !

There is always a minor problem when it comes to preloading image on a website. Nobody really has a full solution for it. There are a lot of preloaders available, but most of the time they only display the words: Loading page or have an animated image that spins. Why can't there be a nice loading bar of some kind? I've gotten a few request on how to make a preloader, or people asking me how to get all the images of a web page and preload them (even the images in CSS). This preloader has it all. Loading bar, custom animations and getting all images included in the web page.

There is always a minor problem when it comes to preloading image on a website. Nobody really has a full solution for it. There are a lot of preloaders available, but most of the time they only display the words: “Loading page” or have an animated image that spins. Why can’t there be a nice loading bar of some kind? I’ve gotten a few request on how to make a preloader, or people asking me how to get all the images of a web page and preload them (even the images in CSS). This preloader has it all. Loading bar, custom animations and getting all images included in the web page.

Easy user interaction and data collection is really a key functionality on most websites and web applications. Providing users high quality and intuitive input forms may be just what is needed to make your users take the time to fill in and submit the information you’re trying to collect. In this article I have collected a number of really essential jQuery Form Enhancements. A few cheat sheets have been added as well.

Easy user interaction and data collection is really a key functionality on most websites and web applications. Providing users high quality and intuitive input forms may be just what is needed to make your users take the time to fill in and submi

This collection of Mootools scripts rounds up the top ten Lightbox image viewers based on the Mootools Javascript library and highlights the supported media of each.

10 tipos de Lightbox Con MooTools

sounds super useful, wish there was something like this for flash.

PHP debug info for the client side

Include-olsz egy php fájl a forrásodban, plusz egy plugint felresz, és máris van egy php debuggered a böngésződben a Firebug-ba beépülve.

Output PHP debug info to client side.

awesome looking in-browser PHP debugger - nearly as nice as the werkzeug ine is for Python. "I develop PHP async interactions via ActionScript and LoadVars, Ajax, or Remote Scripting before, since year 2000 but for some reason I have never thought about a portable, scalable, simple, and complete debugger file as Formaldehyde is. I hope you'll appreciate its simplicity, its basic and useful features, and I am waiting for your feedback in WebReflection"

IPhone

Documentation to support use of jqtouch to develop iPhone web applications quickly and easily

Detecção de faces utilizando javascript

Script permettant de faire de la détection faciale à l'aide de javascript.

WYSIWYG

memo

Web masters constantly search for ways to optimize the way content is presented on their sites. With the advent of terms like “above the fold” it is ever so important to provide eye-catching and functional user interfaces. In this tutorial we are going to make a slick content slider for a computer shop, with the help of jQuery and the MopSlider plugin. The slider is going to be generated with PHP and we are using a plain txt file as a data source for the notebook configurations.

そろそろインスタンスとかコンストラクタとか、ちゃんと説明できるくらいにはなっておかないと。サイ本ちゃんと読むか～・・・・

JavaScript の言語仕様周辺のまとめ

知りたいことが書いてある

結構わかりやすいJSのFAQ。ページが長くて使い辛いのがちょっとだけど。。。

Lecciones de Jquery

Google's video introduction to #html5

an educational Introduction to HTML 5 video that goes over many of the major aspects of this new standard

We've put together an educational Introduction to HTML 5 video that goes over many of the major aspects of this new standard.

Video Introduction to HTML 5

Für alle Internet-Ausdrucker. Also Hilfreich ist es definitiv.

The Printliminator is a bookmarklet with some simple tools you can use to makes websites print better. One click to activate, and then click to remove elements from the page, remove graphics, and apply better print styling. Here is the bookmarklet:

Makes a print bookmarklet to delete elements from a web page

The Printliminator is a bookmarklet with some simple tools you can use to makes websites print better.

Print web pages without unwanted ads or other stuff

blendet Banner etc. beim Drucken aus

DragDrop de arquivos do desktop para o navegador

drag & drop from desktop

Chrome

Today we're excited to propose a new standard for making AJAX-based websites crawlable. This will benefit webmasters and users by making content from rich and interactive AJAX-based websites universally accessible through search results on any search engine that chooses to take part. We believe that making this content available for crawling and indexing could significantly improve the web.

experience

A proposal for making AJAX crawlable Wednesday, October 07, 2009 at 10:51 AM Webmaster level: Advanced

GR: A proposal for making AJAX crawlable http://bit.ly/3eVxrM [from http://twitter.com/robinhowlett/statuses/4690173313]

いまさらながらIE6対策についてのまとめです。わかりやすくまとめられています。

IE6メモ。

IE6のハックのまとめ。

Best place to get started for developing google chrome extension

This website contains all the information you need to build extensions for Google Chrome

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.

to get a URL that will run this code.

A really neat Google App that lets you enter a code snippet in js, PHP or Python, and then run it if you so desire with GET and POST vars; if that's not enough, you can also fire off an HTTP POST to a third party server. So what? So if you ever have a code fragment you need to host and want to be able to call with a variable or two, this service is ideal :-) The perfect accompaniment to a Yahoo Pipe:-)

David Walsh Blog Become a complete programmer with PHP, CSS, MooTools, jQuery, and ∞.

Great how to...

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.

簡単に設置できる超軽量のコンテンツスクローラーのスクリプト

Div scrollabili con Javascript

how to customize a site's scrollbar in jquery.

TinyScroller is a basic scrollable div script at only 1.7KB. It can be used with any HTML and degrades gracefully. The styling is completely customizable through the simple CSS.  || The TINY.scroller.init function takes 5 parameters: the id of the parent content wrapper, the id of the content div, the id of the scroll div, the id of the scroll button, and the class of the scroll button active state (optional). This script has been tested working in IE6-IE8, Firefox, Opera, Chrome, and Safari. Please send bug reports to michael@leigeber.com with the subject “BUG REPORT”. This script is available free of charge for any project, personal or commercial, under the creative commons license and is offered AS-IS

Slideshow

in-browser JavaScript slideshow application for viewing site design mockups and photos

Tutorialzine is the one place for high quality tutorials, resources and frebies. Learn bleeding edge techniques in web development and design, download open source components and participate in the community.

Twitter Ticker auf jQuery Basis mit Unterstützung mehrerer Accounts web website

A jQuery Twitter Ticker – Tutorialzine - http://tutorialzine.com/2009/10/jquery-twitter-ticker/

The best strategy for dealing with Internet Explorer 6 is not to support it. Stop. Ok, I feel your frustration. You're a web developer and you're ready to tear your hair out because you have to support Internet Explorer 6, but, to put it tactfully, IE6 doesn't support you. You've spent hours on it, but you just can't seem to get your layout right. I can empathize. I can also help.

backbutton

jQuery BBQ enables simple, yet powerful bookmarkable #hash history via a cross-browser window.onhashchange event. In addition, jQuery BBQ provides a full jQuery.deparam() method, along with both fragment and query string parse and merge utility methods.

jQuery BBQ enables simple, yet powerful bookmarkable #hash history via a cross-browser window.onhashchange event.

Javascript popup pop up

Maps are often placed on a company website to help customers find their way there. For that, Google Maps is excellent. But wouldn’t it be nice to add your company logo, parking lots, train stations, etc. to the map, to help the customer even more? It is very simple, and in this article I am going to show you how. [via Michel V.]

Maps are often placed on a company website to help customers find their way there. For that, Google Maps is excellent. But wouldn’t it be nice to add your company logo, parking lots, train stations, etc. to the map, to help the customer even more? It is very simple, and in this article I am going to show you how.

Maps are often placed on a company website to help customers find their way there. For that, Google Maps is excellent. But wouldn't it be nice to add your company logo, parking lots, train stations, etc. to the map, to help the customer even more? It

Vários exemplos

Building a jQuery/PHP Powered Chat Room

CHAT BÁSICO!

Collezione menu jQuery

Special input formatting with live feedback

Great JS lessons

Archive of current HTML5

At FOWA London 2009 Bruce Lawson gave an introduction to HTML 5 and how it might be used in the future.

New HTML is coming! Are you on the bus?

This is a great list of plugins - I have one running on my blog (a pretty simple one) that allows me to animate the pic there without hitting the page size too hard. Can't wait to start playing with the rest of these....

One of the most important website element without content or design is navigation. You have to make site navigation intuitive, engaging and useful. jQuery is an excellent choice for achieving this. Check out these 26 incredible jQuery plugins for creating excellent website navigation. Download the pre-built scripts and add the code along with the jQuery framework to quickly and easily enhance your web designs. In this useful list for every webdesigner and developer you’ll find 26 tutorials that will show you how to create amazing navigation with jQuery and CSS.

Proximity-based effects

Approach is a jQuery plugin that allows you to animate style properties based on the cursor’s proximity to an object. It works in a very similar manner to jQuery animate, however it animates over distance instead of time.

Bring Wordpress and jQuery together really makes sense and the plugins for Wordpress you’ll find here will make your blog theme more powerful and dynamic. Please leave a comment if I missed plugins that deserve to be here!

ほほー、Safariのプレビュー機能がついてるのは珍しい。

CSSがWeb標準に準拠して記述されているかチェックすることができます。

HTMLファイルやJavaScript、CSSファイルのメンテナンスを行うことが出来るEclipseベースの開発支援ソフトウェア WinはIE・FF・Safari / MacはFF・Safari

CSS切り替えでデザインを変える

8 plugins baseados em jQuery e Ajax para criação de nuvem de tags

Lista de Itens em formato dropdown

iHwy jquery listmenu plugin - dropdown menu navigation for lists - http://www.ihwy.com/labs/demos/current/jquery-listmenu-plugin.aspx

crea menu da liste di dati varie

check later

login system

Today we are making a cool & simple login / registration system. It will give you the ability to easily create a member-only area on your site and provide an easy registration process. It is going to be PHP driven and store all the registrations into a MySQL database. To add the needed flair, we are using the amazing sliding jQuery panel, developed by Web-kreation.

Más de 10 sorprendentes recursos jQuery.

jQuery is a very powerful Javascript framework that allow you to built functionnal and extremely good looking webistes. In this article, I have selected 10+ jQuery resources to spice up your website.

jQuery is a very powerful Javascript framework that allow you to built functionnal and extremely good looking webistes. In this article, I have selected 10+ jQuery resources to spice up your - Show/Hide a nice login panel, Easy Display Switch with CSS and jQuery, Create a better jQuery stylesheet switcher, Turn any webform into a powerful wizard with jQuery, Chat with jQuery and PHP, Beautiful tag clouds with jQuery and flir, Fading colors with jQuery, Twitter-like login panel using jQuery, Disappearing “Scroll to top” link with jQuery and CSS, Using jQuery to recreate the product slider from Apple's website, Create an astonishing image rotator with jQuery,

Tutorial para drag and drop

We’ve all seen the brilliant functionality on Mashable where news stories and interesting articles can be shared to social networking sites; the functionality is driven by the images accompanying the articles; you click and hold on an image and can then drag it into a toolbar to share it. It’s brilliant and intuitive, and in this article I’m going to show you how we can replicate this behavior with jQuery and jQuery UI.

jQuery Plugins to Really Enhance Users Experience

mâcher le travail comme une bibliographie de jquery

Plataforma gratuita y sencilla de compras online con Ajax

RT @wpstudios: RT @nicholaspatten Tutorial: jQuery: 35 Fresh and Useful jQuery Plugins. http://bit.ly/2dW3Gf [from http://twitter.com/jonconnelly/statuses/5032939313]

The jquery slidetoggle() is great, but one thing I always thought it was missing is some opacity fading in the sliding animation. When I was coding this iteration of position absolute I wanted this kind of animation so I went there and coded it. This is a very small plugin, but I still find the effect cooler than a regular sliding.

fade and slide toggle plugin « Position Absolute

jQuery fade and slide toggle plugin

I like to be confident with post titles, but the reality in this case is a *possible* solution for very long dropdowns. The problem with long dropdowns is that the dropdown itself can go below the “fold” of the website. That is, below the visible area of the browser window. So in order to access those menu items down below, you need to scroll your browser window. For those of us with scroll wheels of some kind on our mice (mouses?), it’s not a big deal. For those without, those lower menu items are totally inaccessible, because to use the browser scrollbar means mousing off the menu (and probably having it close).

Navi scroll

Bonito efecto para una galería de imágenes...

This tutorial will show you how to create a fading caption for your thmbnail gallery. It uses jQuery framework and CSS to create this transparent and fading effect.

jQuery, PHP, Picasaで作るイメージギャラリーチュートリアル。なお、CSSフレームワークに960 Grid Systemが使用されている。

Create an Image Gallery Powered by Picasa

Picasa ウェブ アルバムに登録された画像を使ってイメージギャラリーを作るチュートリアル記事です。PHPとjQueryを使っています。

Come manipolare una galleria di immagini generata da Picasa

Let’s face it: Web-safe fonts are very limiting. Maybe a dozen fonts are out there that are widely enough adopted to be considered “Web safe,” and those ones aren’t exactly spectacular for much other than body type. Sure, Georgia, Arial or Times New Roman work just fine for the bulk of the text on your website, but what if you want something different for, let’s say, headings? Or pull quotes? What then?

efectos en listados

Mashable

Whether you need to display content within a limited amount of space or you just want to make a section of your website more engaging, jQuery is an excellent solution. With jQuery you can easily create accordion style content boxes, image galleries, and content sliders. Here are 14 excellent jQuery plugins for adding this type of functionality to your site.

Whether you need to display content within a limited amount of space or you just want to make a section of your website more engaging, jQuery is an excellent

Mais uma alternativa ao sIFR. Este plugin entretanto parece ainda estar em fase de desenvolvimento. A conferir.

Say goodbye to the browser-specific properties and hacks cluttering your files and say hello to lean, mean CSS. With eCSStender, when you write the rules, browsers pay attention.

script for modernizing and extending css

Hold on. Before anyone gets too excited, jQuery does not have the ability to actually monitor a room’s temperature. The thermometer we are building is a vertical slider from the jQuery UI library. As the temperature is changed on the thermometer, the page design will update accordingly. The choice to go green in today’s post wasn’t random. Actually, it’s the result of an annual one day movement in the blogosphere…

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

Fade colors using jQuery

como dar un efecto de desvanecimiento a una lista de links

Pretty cool

Using PHP and jQuery we are going to create a Google Wave-like history slider. Using it, we will enable our visitors to go back and forth in time to view the changes that take place on a comment thread.

e’ve all seen the videos (and some even got access to a developer’s preview) of Google’s latest product – Wave. Although not “ground-braking” and “revolutionary” as we’ve imagined (wonder why “over-hyped” comes to mind) it still features some great UI that will surely inspire at least a few developers to implement some of it in their works. I, being one of those inspired people, am going to show you how to create a Google Wave-like history slider. Using it, we will enable our visitors to go back and forth in time to view the changes that take place on a comment thread. So take a look at the demo (maybe even keep it open in a separate tab), download the example files and keep on reading.

Google Wave like UI with history slider

View Source Tutorial: Sticky Notes With HTML5 and CSS3

Posted using BDelicious

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.

Have you ever seen a tabbed content area in a sidebar that was a little jerky? The jerkiness can be caused by a bunch of things, like the content in the

The plan is to build a tabbed area, something pretty simple to do from scratch with jQuery, and then make it behave better. Of course, we’ll keep it simple, and keep the markup clean and semantic. The guts of the functionality will be based on calculating heights and animating between those heights on the fly.

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.

In this post you’ll find out about amazing WordPress plugins based on jQuery UI. jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is designed to change the way that you write JavaScript. Below is a list of 25 surprisingly amazing best jQuery based WordPress plugins. I hope you will like the list and will use one of these plugins on your blog . Feel free to Subscribe if you would like to be informed for the latest posts.

jQuery for Designers - Tutorials and screencasts

This replicates the floating box as seen in apple's store.

Fixed Floating Elements | jQuery for Designers - Tutorials and screencasts - http://jqueryfordesigners.com/fixed-floating-elements/

35 More Useful jQuery Plugins and Techniques

This tutorial will show you how to create a infinite carousel script with jQuery. It also have a simple autorotate script that will rotate items in the carousel.

slide show...

Create a Simple Infinite Carousel with jQuery - http://www.queness.com/post/923/create-a-simple-infinite-carousel-with-jquery

In a race against time, we are always looking to save as much as possible; this is especially applicable to the Website development. A website needs to be developed as fast as possible without compensating on any of features that make it unique and stand out. This is where code snippets show their power. Code Snippet is a small region of re-usable code that are developed in specific modules in order to facilitate smooth integration in to programming. Here, we will show you where can you get the snippet to satiate your needs. Show some love by bookmarking it

snippets = trozos de codigo

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

スライドショーJS。

Tutorial on creating an Animated Navigation Bar Using HTML, CSS & jQuery.

Barra de navegação com animação ao passar o mouse (jQuery)

CSS techniques web developer should use

Rotating tabbed box

Great tutorial that helps explain the logic behind the jquery used to create a general tabbed box.

Advanced jQuery Tabbed Box

Thematic mapping for Google Maps”—which means an easy way of adding heat maps (aka chloropleths), pie charts and point clusters as a layer over a Google map.

choropleths for google maps

A library that makes it easier to overlay various kinds of information over Google Maps.

In this article, we share with you some innovative uses of jQuery in animating web design elements. You'll read about some interesting techniques, tutorials, and examples that will show you how to create similar effects on your own websites and web apps.

Attractive Jquery CSS Tooltips Tutorials – Designzzz

by @Nettuts

code for an html and css dropdown menu

Learn to build a Mega Drop Down Menu from scratch with CSS & jQuery. Easy to learn in 6 steps - Requires basic knowledge of CSS and jQuery.

A new trend for ecommerce sites in having what they call “mega drop down menus”. According to usability expert Jakob Nielson, mega drop down menus tested to be more efficient for large scale websites. I decided to experiment with different ways of implementing this technique and would like to share how I achieved this method.

We are using Wordpress as CMS for this blog, hence we decided to install WP-Super cache plugin for Wordpress to improve the performance. This plugin will create static HTML files from your blogs post and other pages and save them on web server. These HTMLs are served to client whenever consecutive requests are made. Hence this greatly improve the performance as it reduce PHP parsing and database connections. Bandwidth control is an important task to be followed when your traffic is increasing. With limited monthly bandwidth hosting, your site may run out of bandwidth and thus result in increase in down time. Hence it is very much advisable to compress your websites response with GZip and then serve it to client. Compressing output can significantly improve your websites performance by reducing the size sometimes upto 80%

Rundown of cool jQuery features/plugins

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.

Great, Simple, and Useful - Password Strength Checker Tutorial

Segurança em senhas

A JavaScript code optimizer, widget library and templating system.

Google tools for javascript: includes library, compiler and html templates. Used in gmail, google docs etc.

"The Closure Compiler compiles JavaScript into compact, high-performance code. The compiler removes dead code and rewrites and minimizes what's left so that it downloads and runs quickly. It also also checks syntax, variable references, and types, and warns about common JavaScript pitfalls. These checks and optimizations help you write apps that are less buggy and easier to maintain. You can use the compiler with Closure Inspector, a Firebug extension that makes debugging the obfuscated code almost as easy as debugging the human-readable source."

help you write apps that are less buggy and easier to maintain. You can use the compiler with Closure

"Closure Compiler is a JavaScript optimizer that compiles web apps down into compact, high-performance JavaScript code. The compiler removes dead code, then rewrites and minimizes what's left so that it will run fast on browsers' JavaScript engines. The compiler also checks syntax, variable references, and types, and warns about other common JavaScript pitfalls. These checks and optimizations help you write apps that are less buggy and easier to maintain. You can use the compiler with Closure Inspector, a Firebug extension that makes debugging the obfuscated code almost as easy as debugging the human-readable source. "

As we continue exploring our mistakes, with last week’s blog challenge about the worst mistake we’ve made in a relationship, this week I’m going to challenge your work history and experience.

Chroma-Hash is a sexy, secure visualization of password field input

Kind of pointless but cool

awesome password confirmation tool using color

<elderec> a sexy, secure visualization of password field input - http://foxxtrot.github.com/Chroma-Hash/

"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

The Closure Library is a broad, well-tested, modular, and cross-browser JavaScript library. You can pull just what you need from a large set of reusable UI widgets and controls, and from lower-level utilities for DOM manipulation, server communication, animation, data structures, unit testing, rich-text editing, and more. The Closure Library is server-agnostic, and is intended for use with the Closure Compiler.

Javascript all purpose library

The Closure Library is a broad, well-tested, modular, and cross-browser JavaScript library. You can pull just what you need from a large set of reusable UI widgets and controls, and from lower-level utilities for DOM manipulation, server communication, animation, data structures, unit testing, rich-text editing, and more. The Closure Library is server-agnostic, and is intended for use with the Closure Compiler.

Javascript UI components from Google.

An Introduction to the Raphael JS Library - Nettuts+

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

A very smart visualization of passwords and its effect on usability

Yesterday, I posted Chroma-Hash, an experiment in how to visualize the live-input of secure fields, such as a password on a login screen. So far, I’ve received a lot of great feedback, as well as a number of questions that I thought deserved a proper response. Before I go into any details, I invite you to check out the live demo, (if you haven’t seen it already), so you can get a clear idea of what Chroma-Hash does.

Article on how to solve the masked password issues. Solution doesn't work, but it's a start.

Elegant UI gives user visual feedback on correctness of "hidden" passwords

visualize the live-input of secure fields, such as a password on a login screen

In this lesson I want to illustrate you how to use some useful jQuery methods that allow you to manipulate easily CSS classes. In particular I prepared some examples to explain the following methods: toggleClass(), hasClass(), addClass() and removeClass().

Mashable

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

Amazing jQuery Hover Effects | jQuery Wisdom - http://www.jquery.wisdomplug.com/jquery-plugins/jquery-animation-effects-plugins-jquery-plugins/amazing-jquery-hover-effects/

Let hovers effects communicate and interact with the users. This collection of my handpicked amazing jQuery Hover effect plugins and tutorials will help you bring great interactivity and usability into your website.

Collection d'effets hover.

rs of JavaScript from the Mast

This post pick up on my previous post "jQuery and General Javascript Tips to Improve Your Code" and provides additional nice to know tips for jQuery developers. jQuery is popular for a reason and widely used by nearly everyone from huge companies

jQuery skill up

jParse is a jQuery plugin that allows you to quickly and easily parse XML.

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

Evented I/O for V8 javascript

Very nice!

What if programming languages were real persons like you and me? What if they were parts of families and had relations and affairs? Have you ever thought of going to a supermarket and Visual Basic was the young woman waiting in the line in front of you?

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.

The canvas driver for gnuplot was contributed by Bruce Lueckenhoff, and extended by Ethan Merritt (sfeam). To view the results you need a browser that supports the HTML 5 'canvas' element.

Gnuplot demo scripts run through the HTML canvas terminal See also the demo output for the PNG and SVG terminals. Your browser may not support the HTML 5 canvas element The canvas driver for gnuplot was contributed by Bruce Lueckenhoff, and extended by Ethan Merritt (sfeam). To view the results you need a browser that supports the HTML 5 'canvas' element. That currently means firefox, safari, opera, or konqueror (KDE 4.2).

55 Decisive Useful jQuery Tutorials | Dzinepress - http://www.dzinepress.com/2009/11/55-decisive-useful-jquery-tutorials/

[ad#link-unit-post] I would like to present an well-aware language best tutorials, as you know jQuery is a lightweight JavaScript library that accentuate communication between JavaScript and HTML, there is advanced features and strong support are

Simple jQuery plugin that checks if a client browser supports a given font.

QUOTE: Simple jQuery plugin that checks if a client browser supports a given font.

»Simple jQuery plugin that checks if a client browser supports a given font.«

jQuery-Plugin, das trickreich überprüft, ob eine bestimmte Schrift auf dem Zielsystem vorhanden ist.

-remote-shell-port=9222

chrome用デバッグツール　eclipse前提

o

Free animated loading gif preloaders generator for AJAX loading

การทำ Preload หน้าเว็บแบบอัติโนมัติ สวยดี

Understanding jQuery UI widgets: A tutorial Last updated 2009-06-07 This was written largely to help me make sense of using UI to create my own widgets, but I hope it may help others. "Widget" to me means a user-interface element, like a button or something more complicated like a popup date picker, but in jQuery UI terms it means a class, members of which are associated with HTML elements; things like Draggable and Sortable. In fact, not everything that I would have called a widget uses $.widget; the UI datepicker does not.

In modern Web Development the Javascript Frameworks have a great spread for their versatility and for their usability. I daily use jQuery, maybe the most famous framework, to make rich my websites. In this post I’ve collected some resources that can be useful to enhance the images in many web projects. A complete list of plugins and tutorials that will be useful to improve the quality of your next works. Enjoy! Don’t forget, you are free to suggest additional resources in the comments to this post.

Plugins And Tutorials To Enhance The Images Of Your Website With jQuery | PV.M Garage - http://www.pvmgarage.com/en/2009/10/plugins-and-tutorials-to-enhance-the-images-of-your-website-with-jquery/

In modern Web Development the Javascript Frameworks have a great spread for their versatility and for their usability. I daily use jQuery, maybe the most famous framework, to make rich my websites.

In modern Web Development the Javascript Frameworks have a great spread for their versatility and for their usability. I daily use jQuery, maybe the most famous framework, to make rich my websites. In this post I’ve collected some resources that can be useful to enhance the images in many web projects. A complete list of plugins and tutorials that will be useful to improve the quality of your next works. Enjoy! Don’t forget, you are free to suggest additional resources in the comments to this post. Plugins and Scripts Supersized – Full Screen Background/Slideshow jQuery Plugin So, what exactly does Supersized do? Resizes images to fill browser while maintaining image dimension ratio; cycles Images/backgrounds via slideshow with transitions and preloading; navigation controls allow for pause/play and forward/back jQuery plugins and tutorial for the images Direct Link Live Demo ThickBox 3.1 ThickBox is a webpage UI dialog widget written in JavaScript on top of the jQuery library. It

The third iteration of the TinyTable table sorting script adds search, column averages and totals, record numbering, a view all function, and a reset function. At only 6KB it is still lightweight, quick, and includes all previous TinyTable features. Other features include alternate row highlighting, header class toggling, auto data type recognition, and selective column sorting. If you don’t need the new features take a look at the second version of the script which weighs 2.5KB. To initialize a table sorter follow the pattern below:

Pretty Useful and Cool

10 Pretty Useful and Cool jQuery Plugins

There are new jQuery plugin being released everyday. In this post, I have found 10 jQuery Plugins that are pretty useful and also pretty cool concept.

This list is pretty nice and more recent. All of the plugins seem to be pretty dialed in and compatible with all the major browsers

Web Design Ledger

jQuery Plugins for Enhancing Forms

dynaTrace Ajax works by sticking low-level instrumentation into Internet Explorer when it launches, capturing any activity that occurs

After reading a recent post by Steve Souders concerning a free tool called dynaTrace Ajax, I was intrigued. It claimed to provide full tracing analysis of Internet Explorer 6-8 (including JavaScript, rendering, and network traffic). Giving it a try I was very impressed. I tested against a few web sites but got the most interesting results running against the JavaScript-heavy Gmail in Internet Explorer 8.

notes on dynatrace - traces/graphs everything that IE Does.

dynaTrace Ajax works by sticking low-level instrumentation when it launches, capturing any activity that occurs.

Jammit is an industrial strength asset packaging library for Rails, providing both the CSS and JavaScript concatenation and compression that you'd expect, as well as YUI Compressor and Closure Compiler compatibility, ahead-of-time gzipping, built-in JavaScript template support, and optional Data-URI / MHTML image embedding. Jammit is an open-source component of DocumentCloud.

Jammit is an industrial strength asset packaging library for Rails, providing both the CSS and JavaScript concatenation and compression that you'd expect, as well as YUI Compressor and Closure Compiler compatibility, ahead-of-time gzipping, built-in JavaScript template support, and optional Data-URI / MHTML image embedding.

なにこれかっこいい

Clock composed of scrollbars = fun

nice java script hack

You may not be away of bookmarklets which are an underused tool in web designer or developer's toolbox. A bookmarklet is a a term that merges bookmark and

10 Useful Bookmarklets for Web Designers and Developers A bookmarklet is a a term that merges bookmark and applet to add functionality to a web browser. They can be stored in the bookmark bar of any browser and used from there to perform useful tasks and consist primarily of Javascript code.

Comet For The People

Recopilatorio de galerías de imágenes, slideshow, carousel.

One of biggest problem often faced by web developers is limited space. Using image carousels and slider components can be an easy way to add rich content to your site with little ease even with limited space. All you have to do is to select which carousel will be best for you.

Free Image Carousels for Web Developers

Genial script realizado con jquery, que simula el efecto que utiliza Ikea para mostrar sus productos por sector.

In this tutorial I will be showing you how to piece together an interactive picture – aka an image that contains tooltips and popup boxes. This can be useful for showing off a particular aspect of a photo (ie items or people).

regular expression generator. Because sometimes it's just not fun to come up with them from scratch ;-)

"PaperCube is a new experimental tool exploring the visual navigation of academic citation networks."

Terrific visualization tool for exploring connections between authors and citations.

Incredibly pertinent on bibliometry. Nice.

We use some JavaScript and CSS magic to apply a two-color gradient to any text. Shadows and highlights can also be applied.

Allows creating gradient texts

make gradient headers without img

rainbox gradient text

Applies gradient to HTML text via JS (jQuery) and CSS.

Gradient text creation

検索/ディレクトリ/ギャラリー

cool way to wrap text around non-square images!

Clever jQuery plugin which allows text to wrap around irregularly shaped images, by processing the image with canvas and rewriting it as a sequence of floated horizontal bars of different widths.

text wrap

jQSlickWrap is a plugin for jQuery which enables you to easily and accurately wrap your text around the content of floated images. It's as simple as $('img').slickWrap();

The #1 Javascript Pop Up made by Paul Engel

lightbox系

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.

今回は、JQueryを使って簡単に導入できるドロップダウンメニューをいろいろとご紹介。 ブログなどでも利用できるシンプルなものをなるべくピックアップしてまとめてみました。 初心者の方には、マウスオーバー時のメニューのでかたがそれぞれ微妙に違っていたりするので、好みのエフェクトを見つけて使ってみてもいいかもしれませんね。 Simple jQuery Dropdowns デモ | ダウンロード シンプルで、簡単に使えそうですね。 Simple jQuery Dropdowns droppy – Nested drop down menus デモ | ダウンロード マウスオーバーでメニューが上から下にピロっとでます。 droppy - Nested drop down menus Create a multilevel Dropdown menu with CSS and improve it via jQuery デモ | ダウンロード こちらのメニューもいい感じのエフェクトがかかってます。 Create a multilevel Dropdown menu with CSS and improve it via jQuery Superfish デモ | ダウンロード アルファがかかったエフェクトがいい感じです。 Superfish SuckerFish Style デモ こちらもアルファがかかったエフェクトです。 SuckerFish Style jQuery & CSS Example – Dropdown Menu デモ こちらは、シンプルなドロップダウンメニュー jQuery & CSS Example - Dropdown Menu jQuery Simple Drop-Down Menu Plugin デモ | ダウンロード jQuery Simple Drop-Down Menu Plugin Drop down menu with jquery デモ Drop down menu with jquery mcDropdown jQuery Plug-in デモ | ダウンロード セレクトボックスも、JQueryでカスタマイズできます。 mcDropdown jQuery Plug-in jquery.combob

jQueryで作るドロップダウンメニュー。メニューが画像の場合、つてのがやっぱないんだよなぁ…。

this recursively is probably a bad idea since it will eventually blow the browser’s JavaScript stack, but it works OK for the demo. The more interesting part is the server-side /wait URL which is being polled. Here’s the relevant Node

http://news.ycombinator.com/item?id=957266

Nice small selection of: making drop caps, desiging a vertical zig-zag list, text-flow,

12 Useful jQuery Plugins for Working with Tables

eight but rich data grid with resizable columns a

With more than 7000+ plugins, WordPress is the most extendable Content Management System available; in fact,

10 JavaScript Quick Tips and Best Practices

Punch cards! - http://www.outstandingelephant.com/jcquard/ need Firefox 3 though [from http://twitter.com/davidwees/statuses/1038769341]

"jCquard’s target audience is people who would like to (or, God help them, need to) write JavaScript applications using IBM-style 80-column punch cards."

programare veche

Galeria de Imagens com jQuery

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

sliders with jquery

jQuery Slider plugin

jQuery Slider is easy to use and multifunctional jQuery plugin. Below you can find demos and documentation.

Regular expressions can be scary...really scary. Fortunately, once you memorize what each symbol represents, the fear quickly subsides. If you fit the title

You should care because webhooks will be ubiquitous. You should care because they’re going to reshape the internet. You should care because webhooks are the next step in the evolution of communication on the internet and nothing will be left untouched.

"Webhooks are user-defined HTTP callbacks. Here’s a common example: You go to github. There’s a textbox for their code post webhook. You drop in a URL. Now when you post your code to github, github will HTTP POST to your chosen URL with details about the code post. There is no simpler way to allow open ended integration with arbitrary web services. -- You should care because webhooks will be ubiquitous. You should care because they’re going to reshape the internet. You should care because webhooks are the next step in the evolution of communication on the internet and nothing will be left untouched." -- Timothy Fitz

David Kaneda has created jQTouch a "jQuery plugin with native animations, auto list navigation, and default application styles for Mobile WebKit browsers like iPhone, G1, and Pre."

ふむ。

HTML高速化まとめ

Documentation jQuery, Jquery est un framework javascript , facilitant notament les fonction AJAX. jQuery etant le plus repandu , il fallait en faire la traduction

Une documentation JQuery en français et bien structurée

MITlicense

Plugin para deixar o header da tabela fixo em jquery.

Chromatable JQuery Plugin

Table with fixed th

table header fixed

Tabele o ustalonej kolumnie

Learn regular expressions once and for all

a detailed overview of regex

project

In this article, I’ll show you a few methods for controlling how your site’s files are cached by browsers so you can achieve the best of both worlds: maintaining optimal performance while ensuring that any updates are seen immediately, without a hitch by all of your users.

Front-end techniques to improve your site usability using jQuery

Usability is a very important part of website building. Sadly, this is often neglected by designers and developers.

By http://bit.ly/Tweets2Delicious

Learn How To Create Your Own jQuery Plugin http://bit.ly/5lHcR [from http://twitter.com/kureng/statuses/3241005052]

ota

engines out the wazoo!

via /.

crazy useful

$("body p").highlight("jQuery highlight plugin");

unhighlight

コレ使った。IEうぜー。img.onload = ""; や img = void 0; は IE で発生するメモリリークを回避するためのコードです。

naturalWidth

latest log

获得图片的真实尺寸

slider javascript

check auto slide

ajax javascript charts visualisation web ; Not related to AJAX, shorthand for Asynchronous JavaScript and XML ; Ajax.org Platform is a pure javascript application framework for creating real-time collaborative applications that run in the browser. Ajax.org Platform radically changes the way you write applications:Live markup Markup and JSON api Collaborative backbone 100% open source software

In this tutorial it’s explained a simple step-by-step way to implement an ultra versatile slider with horizontal scrolling and animated effects using MooTools.

they

ptify is a plugin for jQuery written by Brian Reavis (@brianreavis) to display simple, pretty image captions that appear on rollover. It has been tested on Firefox Chrome, Safari, and the wretched Internet Explorer

Captify is a plugin for jQuery written by Brian Reavis (@brianreavis) to display simple, pretty image captions that appear on rollover. It has been tested on Firefox, Chrome, Safari, and the wretched Internet Explorer.

Caption en Imágenes

Añade Caption a tus imagenes con jquery de una manera muy sencilla

Captify is a plugin for jQuery to display simple, pretty image captions that appear on rollover

Captify is a plugin for jQuery written by Brian Reavis (@brianreavis) to display simple, pretty image captions that appear on rollover. It has been tested on Firefox, Chrome, Safari, and the wretched Internet Explorer. Captify was inspired by ImageCaptions, another jQuery plugin for displaying captions like these. The goal of Captify is to be easy to use, small/simple, and completely ready for use in production environments (unlike ImageCaptions at the moment). Also, it's only 2.3kb!

In this tutorial we will see how to create an AJAX website without lose the reference to the URL. What is that not lose the reference? If you have created some full AJAX website you have realized when you change the web content, the URL is not updated, so, the URL reference is lost. Services like Gmail uses it to increase the navigation’s user experience.

The Best jQuery Plugins of 2009 | Web Design Ledger

Shows how powerful the canvas tag is in html 5.

star rating javascript tutorial

(no description)

With simple steps and limited programmer skills jQuery will allow you to add goodies to your website you would'nt even allow yourself to dream about! This post is listing a lot of really cool plugins you can simply download and setup to impress your visitors!

This week at Google I/O, Google talked a lot about the evolution of the technological capabilities of the web. HTML 5 is ushering in new era of browser-based

Great, comprehensive article

Talking about AJAX and Flash searchability

Google is working on it The Google Webmaster Central team has been providing a wealth of education around these issues to help developers build search-friendly web sites. For instance: * Search-friendly AJAX * Canonicalization * Site moves At Maile’s Search-Friendly Development session at Google I/O, Google announced two advances in their ability to crawl and index RIAs. While both of these advances are great efforts, they were driven entirely by the search team. And unfortunately, they don’t solve the issues with the Google Code APIs. Wouldn’t it be great if the new Web Elements they just announced were search-engine friendly by default?

a web file manager for publishing and managing files hosted in a web server of your choice. Different users can have access to different files and with different permissions.

Mollify is a web file manager for publishing and managing files hosted in a web server of your choice. Different users can have access to different files and with different permissions. User interface is simple and intuitive, and it comes with following languages: Deutsch, English, Français, Português, Suomi. Mollify is 100% free to use, also sources are available with EPL 1.0 license.

Cooler kostenloser online Filemanager

Unit-testaus javascriptissä yms.

jquery conf

fancybox＋flowplayerによるflvの見せ方　jquery

15 Handpicked Fresh and Useful jQuery Tutorials

สุดยอดรวมสคริปต์ดีๆที่ไม่ควรพลาด

jQuery has really simplified the work flow for web designers. Even someone with basic javascript understanding can use it. These tutorials are proof of that. In

recently there are some famous blogs, like Abduzeedo and Mashable, that are using a fixed toolbar on the bottom of the page with useful button for the sharing.

"Nice And Simple Toolbar For Your Website With CSS3 And jQuery" http://j.mp/5oMaQQ

In this tutorial we'll learn how to build a nice toolbar for our website using some CSS3 properties and basic jQuery techniques.

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

Lazy Load Image lazy loader plugin for jQuery.

Delays Loading of Images with Lazy Loader jQuery Plugin

These jQuery plugins help designes to create facebbok style UI with ease

RSS

at Ajaxian

Videos

Ajax Experience Talks: Resig, Slocum, and Heilmann

Good explination of custom twitter status design!

Hangar17.com

świetny engine client side do wykresów itp, urywa głowę

cool scripts for creating graphs

Code readability is a universal subject in the world of computer programming. It's one of the first things we learn as developers. Readable and maintainable

Top 15+ Best Practices for Writing Super Readable Code - Nettuts+

好的编程习惯

jQuery für Anfänger

jQuery is an amazing Javascript library that makes it easy to create astonishing web effect in just a few lines of code. This post gathered all useful jQuery tutorials to kick start your learning process.

よい記事。フロントエンドエンジニアの観点からの、パフォーマンス向上方法。

PageDetailerとYFlowによるパフォーマンス改善ポイントの洗い出し

http://www.alphaworks.ibm.com/tech/pagedetailer あとで計測してみよう。

IBM PageDetailer、そういうのもあるのか

>10. Minify JS これは、JavaScriptの改行や無駄なスペースを削除することでファイルサイズを減らそう、という項目です。 個人的なオススメはJSMinというツールです。

実質 YSlow の解説。わかりやすい

YSlowの解説

nice web based viz tools

Amazing collection of web graphing tools. Nice to see data-driven graphics, for a change!

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

Simple jQuery tabs

Good tutorial

tabs jquery

Tabs con jQuery y CSS

good

This jQuery plugin enables simple and easy creation of an interactive "Featured Items" widget.

タブUIの構造や特長、設置の判断、ユーザビリティ、アクセシビリティ、実装のポイントや機能の拡張方法、実装例やスクリプト例 http://www.smashingmagazine.com/2009/06/24/module-tabs-in-web-design-best-practices-and-solutions/

I didn't realize they were just HTML & JS !

Downloadify is a tiny JavaScript + Flash library that enables the generation and saving of files on the fly, in the browser, without server interaction.

Downloadify is a tiny JavaScript + Flash library that enables the generation and saving of files on the fly, in the browser, without server interaction. * Overview * Download Overview Web applications that allow you to generate vCards, color palettes, custom code, etc would benefit from using this library. In addition to increasing speed (no round trip to the server) this solution can reduce the database and server load of existing web applications. This is not a library to ‘force download’ a file from a server. It does not interact with a server at all.

This could be interesting...

iPhone向けWebアプリ開発のためのjQueryプラグイン「jQTouch」の紹介記事です。

iPhone向けWebアプリケーションの開発において、jQuery使いなら見逃せないプロダクト「jQTouch」のベータ版がリリースされた。同プラグインを使用すれば、ネイティブアニメーションを伴うWebアプリケーションでも簡単に開発できるようになる。jQueryベースのため、強力なAjaxアプリケーションだって可能だ。本稿ではjQTouchを使ったWebアプリ開発方法を紹介しよう。

Auto-fills the megaupload captcha and auto-starts download

Simple, timed slideshow. Easy

Simple version

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

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

Web Sockets Now Available In Google Chrome

The Web Sockets API enables web applications to handle bidirectional communications with server-side process in a straightforward way.

When will this be usable?

"Starting in the Google Chrome developer channel release 4.0.249.0, Web Sockets are available and enabled by default. Web Sockets are "TCP for the Web," a next-generation bidirectional communication technology for web applications being standardized in part of Web Applications 1.0."

Chrome set to take over the world

The Web Sockets API enables web applications to handle bidirectional communications with server-side process in a straightforward way. Developers have been using XMLHttpRequest ("XHR") for such purposes, but XHR makes developing web applications that communicate back and forth to the server unnecessarily complex. XHR is basically asynchronous HTTP, and because you need to use a tricky technique like long-hanging GET for sending data from the server to the browser, simple tasks rapidly become complex. As opposed to XMLHttpRequest, Web Sockets provide a real bidirectional communication channel in your browser. Once you get a Web Socket connection, you can send data from browser to server by calling a send() method, and receive data from server to browser by an onmessage event handler.

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

canvasとJavascriptで実装したペイントツール

free drawing tool. no account needed, floating pallets.

Online sketching tool

涂鸦

This is a free tool for sketching and experimenting with textures and colors.

The modern web developer who does not consider Ajax when planning or building their websites is potentially missing out on a powerful tool to enhance usability. There are however, challenges in implementing Ajax functionality on a web page. In this article we’ll discuss solutions to five of the most common challenges that a developer faces when using Ajax to enhance the content on their website. Although there is a lot more to discuss and research on all five topics, this post should give beginners and intermediate Ajax developers some solid tips on implementing Ajax functionality in a more user-friendly and accessible manner. Problem #1: Content Is Not Backwards-Compatible This problem occurs when a designer has incorporated JavaScript and Ajax enhancements into their website’s architecture without making provisions for browsers that have disabled JavaScript. Nothing is wrong with planning a website with JavaScript and Ajax; in fact, in today’s market, JavaScript considerations

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

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

Developing websites is much more than just a pretty face, and depending on what typed of features you’d like to implement on the site, there’s a lot of coding that goes into it. Many times designers turn to a WYSIWYG tool, however tools of that sort are more limited to advanced code. Being able to code a site using a variety of tools lets you simplify the coding process while you take a big bite out of saving time. Below we’ve hand picked 20+ Tools for Quick & Clean Code Development that will help you code much faster and in an efficient manner.

Preload de Imagens com javascript e jQuery.

ajax สคริปทั้งหลายที่ facebook ใช้ เผื่อใช้น่อ

Meerkat, depending on the options you have set, will slide or fade in from the top or bottom of the browser window and remain in its fixed position while the rest of the page will scroll normally.

Meerkat, named for its pop up like behavior, is a jQuery plugin created by Jarod Taylor.

PastryKit accomplishes all three of the aforementioned things — hiding the MobileSafari address bar, providing fixed-position toolbars, and providing scrolling with momentum — by disabling regular scrolling and setting up its own view hierarchy and implementing its own scrolling.

talking about creating iPhone apps with great design and user experiences. Let’s acknowledge that to mak

About iPhone OS web app dev versus native Cocoa Touch. http://www.jqtouch.com/.

Stronger, Better, Faster Design with CSS3 (via smashingmag) - In our last article about CSS3, Pushing Your Buttons With Practical CSS3, we talked about using new CSS3...

We've often been asked what makes Google Chrome so fast -- from its snappy start-up time and fast page-loading, to the ability to run complex web applications quickly. To walk through some of the thought processes and technical decisions involved in making Google Chrome a fast browser, we've put together three technical interviews on DNS pre-resolution, the V8 JavaScript engine, and DOM bindings. In a future post, we'll also cover other important areas like WebKit and UI responsiveness.

Spoiler alert: DNS pre-resolution, the V8 JavaScript engine, and DOM bindings

Chrome does indeed has a fast.

Clearbox is a professional image and content viewer overlay window. Images below are speaking for themself, where you can see some examples about using the script: image galleries and many type of contents including Flash, Quicktime, Windows Media formats, HTML, inner content, etc.

stop slideshowstart slideshow

This is similar to a jquery slideshow plugin.

How to make labels inline!

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.

2009年に紹介したものを中心としたjQueryのプラグイン100選

リンク集

javascript jquery 関連

Thanks to the might of JavaScript, the words dynamic and illustration no longer apply exclusively to Flash-based websites. Now that dynamic HTML is a

This is the open source release of EtherPad, a web-based realtime collaborative document editor. This project exists mainly as an exhibition of the code, to help support those who want to run or modify their own etherpad servers, or for those who are curious about how etherpad's algorithms make realtime collaboration possible.

Para hacer animaciones de html en jquery

Roundabout is a jQuery plugin that converts a structure of static HTML elements into a highly customizable turntable-like interactive area. (And now, not just turntables, but many shapes!) In its simplest configuration, Roundabout works with ordered- and unordered-lists, however after some quick configuration, Roundabout can work with an set of nested elements.

The Star Rating widget is a plugin for the jQuery javascript library that creates a non-obstrusive star rating control based on a set of radio input boxes or select options

Stjärn - betyg

During play, the negative space between windows is transformed into a playing field—the abstracted tennis court of Pong.

Super!

hen I started developing I was fortunate enough to have an experienced friend who pointed me to all the right articles, websites, etc. The right tools make all the difference and this educational jumpstart was exactly what I needed to hit the ground running. Now that I’ve gathered a good deal of Javascript knowledge and used a wide variety of Javascript resources, I’d like to share these so that others can experience the same benefit I did. And don’t stop reading if you already know Javascript inside and out: there’s resources here for all skill levels, from noob to pro. 1. Mozilla Developer Center Mozilla Developer Center Skill Level: Noob to pro Format: Website The Mozilla Development Center should be your starting point for all things Javascript. Beginners should start with the Core Javascript Guide. Javascript can be a really confusing language at first and going through each of these pages will make you comfortable with Javascript’s peculiar syntax and methods. (It’s way bett

array for lambda function

javascriptのfor文でのtips

JavaScriptでfor文の中でイベントを設定すると全てループ終了時の変数が使われる問題について

This "feature" took me a day and a half to fix.

east partially responsible for 10 years ago! Let me explain what it is, why it is and an effe

Another Solution to Animation Queue Buildup in jQuery Or: Why do hover animations continue after I stop hovering? Over at learningjQuery.com, Brandon Aaron published a quick tip on how to prevent animation queue buildup in hover animations. Since I was not satisfied with his solution, I tried to find another. After taking some wrong paths and learning a lot about jQuery's animation (queue) system, I think I finally found a good solution. The last locigal step was to wrap it up into a nice jQuery plugin - and so hoverFlow was born.

hoverFlow is a jQuery plugin that avoids animation queue buildup in hover animations. The plugin honors a single mouseover/-out with a full animation cycle while still preventing the continuation of the animation after the mouse has stopped moving.

A solution to animations building up after MouseOver.

The plugin honors a single mouseover/-out with a full animation cycle while preventing animation queue buildup.

"After a small amount of experimentation I was able to make Erlang talk to a web page using pure asynchronous message passing. I think this means the death of the following technologies: comet long-poll AJAX keep-alive sockets"

Erlang's creator anoints websockets (includes example server and client)

After a small amount of experimentation I was able to make Erlang talk to a web page using pure asynchronous message passing.

frameworks the pros use.

resource for web developers

This is an introduction to JavaScript. There are plenty of these on the web, but most of them appear to be for non-programmers, teaching the building-blocks of programming as JavaScript uses them. And that's fine, because many people who have never programmed in their lives, find themselves needing a tiny bit of script for their web page, and need to start somewhere.

Scott Hanselman on Programming, User Experience, The Zen of Computers and Life in General

Generic firefox/gecko plugin framework

Make pretty graphs with javascript, using jQuery

5 New Useful jQuery Plugins For Your Next Projects | AEXT.NET - http://aext.net/2009/12/5-new-useful-jquery-plugins-for-your-next-projects/

Programming, Designing and Blogging

ソースのコピペでいけるお

都道府県のselectのテンプレート！

jQuery Inline Form Validation Engine - Open Source Resources for Web Developers

alternate jquery validation plugin

LaTeX and MathML math notation in HTML pages

MathJax is an open source, Ajax-based math display solution designed with a goal of consolidating advances in many web technologies in a single definitive math-on-the-web platform supporting all major browsers.

‘MathJax is an open source, Ajax-based math display solution designed with a goal of consolidating advances in many web technologies in a single definitive math-on-the-web platform supporting all major browsers.’

High-quality display of LaTeX and MathML math notation in HTML pages

rich text editor

多种Jquery资源分类

情報収集などネットブラウズ時に便利なブックマークレットの紹介です。

ブックマークレット　まとめ

ブックマークレット

Web Insp

Como usar o safari...da Apple

Popular plugings jQuery

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

jQuery is a lightweight JavaScript library that emphasizes interaction between JavaScript and HTML. A fast, concise, library that simplifies how to traverse HTML documents, handle events, perform animations, and add AJAX. Here we have collected 7 jQuery Cheatsheets which are definite to come in handy for web developers and designers too. Hope you like the collection.

jQuery is a lightweight JavaScript library that emphasizes interaction between JavaScript and HTML. A fast, concise, library that simplifies how to traverse HTML documents, handle events, perform animations, and add AJAX. Here we have collected 7 jQuery Cheatsheets which are definite to come in handy for web developers and designers too. Hope you like the collection.

jQuery Auto Save form elements

a

Plugin for auto submitting (saving) a form onchange.

Orderly is a textual format for describing JSON. Orderly can be compiled into JSONSchema. It is designed to be easy to read and write.

Orderly is a textual format for describing JSON. Orderly can be compiled into JSONSchema. It is designed to be easy to read and write. JSONSchema attempts to provide a representation for three distinct types of information about JSON structures: * Data structure (for documentation and validation purposes) * Storage attributes (information pertinent to tools that wish to persist JSON data) * Interaction Control (providing hints on how to render a UI where data can be manipulated). JSONSchema attempts to provide a representation for three distinct types of information about JSON structures: * Data structure (for documentation and validation purposes) * Storage attributes (information pertinent to tools that wish to persist JSON data) * Interaction Control (providing hints on how to render a UI where data can be manipulated).

Uki is a fast and simple JavaScript user interface toolkit for desktop-like web applications. It comes with a rich view-component library ranging from Slider to List and SplitPane.

Uki is a fast and simple JavaScript user interface toolkit for desktop-like web applications. It comes with a rich view-component library ranging from Slider to List and SplitPane.

jQueryのanimateのキューオプションと.stop()メソッド引数による動作制御のバリエーションデモ＊jQueryのanimateメソッドは、動作を待ち行列(キュー)へためて順次実行してくれますが、放っておくと延々とため続けてしまうので、stopメソッドやqueueオプションでそれを制御する。

Strategies for handling the timing of jQuery animations triggered by UI.

Speed Tracer is a Google Chrome extension that enables developers to identify performance problems in their web apps using a "Sluggishness Graph," in combination with many other metrics.

12/08/2009 07:14:00 PM Do you ever wonder what's going on inside the browser when a webpage doesn't load or respond as quickly as it should? Many developers do, especially when trying to build powerful web applications for their users. But up until now, it's been difficult for developers to identify problems in a slow-to-respond application. So, tonight at Google Campfire One, we're happy to announce that we're adding a new tool to Google Web Toolkit called Speed Tracer. Speed Tracer is a Google Chrome extension that enables developers to identify performance problems in their web apps using a "Sluggishness Graph," in combination with many other metrics. In the spirit of clean, simple design, developers need only look at the Y-Axis of their application's Sluggishness Graph to see how they're doing: * If the y-axis is close to zero, then the app is fast * If the y-axis registers around 100%, then the app is, well, sluggish And in either case, Speed Tracer provides lots of ad

На досуге немного закопался в дебри jquery и на страницах небеизвестного Smashing Magazine нашёл очень любопытную августовсую статейку. Удивлён, что столь полезный материал ещё не появился на Хабре. Исправляю несправедливость своей версией данной статьи.

by @briancray

In a default Google Analytics setup, the information you have about your users’ navigation behaviors and preferences is limited to which pages they viewed and where they came from. But what does that really tell you about how your users behave inside your web pages? Not much, and that’s where all the juicy behavioral insight comes from.

Geolocation EASY

GeoLocation

Part 3

Some pretty weird things I didn't know about in here.

コードプレビュー

expanding code box

to jak z tym obcinaniem? drugi punkt

v3

"No keys required. You can now copy 'n paste code easily or embed in RSS readers, for example, without getting key errors."

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

実際のところHTML5でどのくらいのアプリが実装できるのか実験

teclado virtual em jquery

zoom con jquery

Cool zooming control.

画像ズーム

jQ plugin om inhoud te zoomen

article about long vs. short javascript timers, etc

In this tutorial we are going to create a colorful jQuery & CSS clock, which will get the user's local time and display a colorful animated clock. It uses our new & just released tzineClock plug-in for jQuery.

And in the mood of the upcoming holiday, this week we are going to make a colorful jQuery & CSS clock, which will help you keep track of those precious last seconds of the year.

Another #jquery slider/carousel plugin for content

jLinq is a fully extensible Javascript library that allows you to perform LINQ style queries on arrays of object.

AutoSuggest

So I needed to add some auto-completing functionality to my project Build It With Me. I figured it would be easy to find a ready-made jQuery plugin to do the work for me. I was wrong. Naturally I took it upon myself to solve this problem for all of you :) I created this plugin to be as general purpose as possible. As a result it ended up being vastly more customizable than any other jQuery auto-complete plugin. Not only that, I am using actual jQuery. For some reason all the other "jQuery" plugins don't really take advantage of the radness that is jQuery. Consequently, my plugin ended up being dramatically smaller in size (way less code). Just 7kb minified. Have fun with it! AutoSuggest is a very lightweight jQuery plugin that makes auto-completing extremely easy.

25 Rounded Corners Techniques with CSS | cssJuice - http://www.devwebpro.com/25-rounded-corners-techniques-with-css/

The Best jQuery Lightbox Scripts – woorkup.com

jQuery Lightbox

Getting Started with jQuery

Jquery starter tutorial and resources

なにこれおもしろそう

Opera Developer Community article: Raphaël: a JavaScript API for SVG

Nice.

jQueryを使うことでCSSの記述が簡単になったり、できることが増えるということを実例を挙げて紹介。

CSS-Tricks fame, recently gave an excellent presentation on how to extend CSS using jQuery. I remember seeing this wonderful presentation floating around recently but hadn’t been aware of who the author was until now. I would like to apologize to every one of my readers, including Chris, for posting this article up without any reference to the slides author – my original online source didn’t include any mention of him (or any author for that matter) so I had rather foolishly gone ahead with the use of them without investing more time into researching who put them up

extender css con la ayuda de jquery

The Google Maps jQuery Plugin lets you simply embed Google Maps using The Google Maps JavaScript API in your web pages.

The Google Maps jQuery Plugin lets you simply embed Google Maps using The Google Maps JavaScript API in your web pages. To useThe Google Maps JavaScript API, you need to first sign up for an API key. Once you've received an API key, you can develop a map application following the instructions in this documentation.

nest loops too many....

Speed up your JavaScript,

Last week, I covered the first reason why JavaScript can take too long to execute: too much happening in a loop. There's a similar problem with functions in

10 Javascript Plugins that Skin and Beautify Web Forms - http://www.queness.com/post/1616/10-javascript-plugins-that-skin-and-beautify-web-forms

Queness

Alright, another post regarding web form, this time, it's javascript plugins that skin and beautify web forms. As a freelance designer, I found it quite frustrating to see different browsers render form elements differently. They don't look the same. We can skin the textbox and button easily, but form elements like drop down list, checkbox, radio button and file upload are pretty hard to customize it. You would need css and javascript skill to skin it.

List of tools and resources for learning and using AJAX.

According to wikipedia, Ajax, sometimes written as AJAX (shorthand for asynchronous JavaScript and XML), is a group of interrelated web development techniques

wechselnder hintergrund beim scrollen.

superb portfolio

nice scroll down effect with this portfolio

背景どうやってんの？

Here it is, the brand new Smashing Book. Announced several months ago in a couple of posts, it has finally arrived. You can buy the Smashing Book right now. And in case you didn’t know, it’s available here exclusively. The book is available and can be shipped right away.

Web Style, design, and typography

Here it is, the brand new Smashing Book. Announced several months ago in a couple of posts, it has finally arrived. You can buy the Smashing Book right now. And in...

But the funny fact is that I was at my local coffee shop and a college girl had the book in hand!

Everyone loves the Coda site so why not copy the style.

coda style slider jquery thing

Coda-Slider is a jQuery plugin I first released in September, 2007. It aimed to mimic the slider effect on the promo page for Panic’s Coda software.

15 useful jQuery plugins and tutorials

By now I’m sure you have grasped at least the basics and simplicity of the jQuery library. Now it’s time to move on to some more in depth and practical techniques. jQuery isn’t just for hiding and showing content as we saw in the first part of our series, it can also perform many powerful tasks for us with just a few lines of code. For part two of our jQuery series, we will have a look at some special selectors, the animation method, and simple AJAX calls. Be sure to check out the demo for each section for an idea of how you could implement some of these ideas and scripts! Special Selectors We have learned that selecting elements with jQuery is very similar to selecting elements with CSS. For example, say we wanted to select all paragraphs within a certain div, we could do something like this: $(function(){ $('#my_div p').click(function(){ //your code here }); }); This is all fine and dandy for simple selections and manipulation. But what if we wanted to get more specific or use a

Grid-based layout is probably the more preferred way to style up a webpage to give it more magazine-like look and feel. This tutorial is about how to use CSS and Javascript to create a fluid grid-based layout (See demo here). The algorithm/procedure used in this tutorial is very simple and straightforward. There are more advanced algorithms out there which can handle multiple scenarios. But the purpose is to understand the basic logic on how to create such layout. So here it goes…

TipTip is a very lightweight and intelligent custom tooltip jQuery plugin. It uses ZERO images and is completely customizable via CSS.

large images, multiple pieces of Javascript, and hefty CSS files. All of these can contribute to a website that is less than optimized and may run slower and become irritating to the end user.

「mixiアプリ」は、iGoogleのガジェットのように、SNS「mixi（ミクシー）」上に組み込まれて実行される、Webアプリケーションです。

Web app development framework

キターキター、これ便利すぎ（予想）こんなの欲しかった

FireQuery、Firebugと連携するjQuery開発補助アドオン FireQueryはconsole.logに吐き出した内容を元に、画面上のエレメントをハイライトしてくれる。例えば console.log($(’p'));と出せば、コンソールに出力された jQuery(p)という表示にマウスを当てると、該当部分がハイライト表示になる。どの部分に対して適用されているかがすぐに分かる

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.

RT @tweetlicius: iPhone Development: 12 Tips To Get You Started [HTML & XHTML Tutorials] - http://bit.ly/322mLv

html text area

WYSIWYG HTML Editor for jQuery

Some INCREDIBLE (and beautiful) CSS/Javascript techniques. My favourite is the Sexy Music Album Overlays for styling your music streams and provides you some graphics to do so.

CSS and JavaScript are extremely powerful tools for designers and developers. However, sometimes it's difficult to come up with the one excellent idea that would solve...

This page lists down all the jQuery APIs at one place for your easy access. So my recommendation is to bookmark for future use.

jquery cheatsheet

Name

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

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

tobeytailor's gordon at master - GitHub

純用 JavaScript 實作的 flash player.

SWF v1 support only.

flashをjavascript iphoneでみれる

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.

Firebug

A J/S, lite version of firebug for any browser.

(no description)

jQuery 1.4 API Cheat Sheet

Website security is an interesting topic and should be high on the radar of anyone who has a Web presence under their control. Ineffective Web security leads to all

We all know the kind of dynamic and engaging functionality that jQuery can add to a user interface, but integrating jQuery does require some technical know-how. This isn’t a big deal for many of us, but some WordPress users prefer the simplicity of a plugin. The purpose of this article is to help you discover some of the useful WordPress plugins available that gives you jQuery powered functionality in an easy to implement package. Carousel Gallery (jQuery) for Wordpress wordpress jquery plugin This plugin builds on the builtin Wordpress gallery, and replaces any gallery inserted using the tag with a neat jQuery powered carousel. By carousel it means you can browse through all the pictures in the gallery and they’ll slide from the right to the left and seamlessly start over at the end. jQuery Lightbox For Native Galleries wordpress jquery plugin jQuery Lightbox For Native Galleries makes the native WordPress galleries use a lightbox script called ColorBox to display the fullsize ima

Some fantastic JQuery plugins for WordPress development

Série de plugins em jQuery para Wordpress, incluindo galerias.

Today we are making a simple, yet eye-catching accordion with the help of CSS, jQuery and the easing plug-in for some fancy effects. ДЛя babyset

有名どころのjQuery用プラグインのデモ

14 jquery and CSS demos I wish I knew much before

Web Developer Juice

– James Padolsey

in short, YQL allows us to make cross-domain GET requests!

Helium is a tool for discovering unused CSS across many pages on a web site. The tool is javascript-based and runs from the browser.

Helium - javascript tool to scan your site and show unused CSS

integrate this into release procedure

determine unused css

tool for identifying unused css

BrowserCouch is an attempt at an in-browser MapReduce implementation.

BrowserCouch is an attempt at an in-browser MapReduce implementation. It's written entirely in JavaScript and intended to work on all browsers, gracefully upgrading when support for better efficiency or feature set is detected.Not coincidentally, this library is intended to mimic the functionality of CouchDB on the client-side, and may even support integration with CouchDB in the futur

"BrowserCouch is an attempt at an in-browser MapReduce implementation. It's written entirely in JavaScript and intended to work on all browsers, gracefully upgrading when support for better efficiency or feature set is detected. Not coincidentally, this library is intended to mimic the functionality of CouchDB on the client-side, and may even support integration with CouchDB in the future."

You can get most of the benefits of an iPhone application without writing a single line of Objective C. An open source project called PhoneGap lets your wrap your website in iPhone App goodness. And you can even charge for your creation. Even more exciting than being able to easily create an app is getting access to some native iPhone APIs. Currently PhoneGap supports JavaScript access to the user’s location and the device accelerometer. Camera and vibration are still in the works.

You can get most of the benefits of an iPhone application without writing a single line of Objective C. An open source project called PhoneGap lets your wrap your website in iPhone App goodness. And you can even charge for your creation. Even more exciting than being able to easily create an app is getting access to some native iPhone APIs. Currently PhoneGap supports JavaScript access to the user’s location and the device accelerometer. Camera and vibration are still in the works. There’s talk of being able to use a web form to create your app by submitting only the URL of your website. Currently, it’s a little more work, but easier than creating an app from scratch. You’ll still need to download the SDK and write your app in Apple’s XCode. The PhoneGap wiki has a hello world tutorial that should get you started. One really cool aspect of the PhoneGap project is that it also supports Android and Blackberry. A write-once approach to mobile development is within grasp of the ordinary

Proyecto de desarrollo de aplicaciones para iPhone

OpenFaces is an open-source library of AJAX-powered JSF components, an Ajax framework and a client-side validation framework

OpenFaces

OpenFaces is an open-source library of AJAX-powered JSF components, an Ajax framework and a client-side validation framework. OpenFaces is based on the set of JSF components formerly known as QuipuKit. It contains fully revised codebase of QuipuKit and introduces many new components and features.

Muy interesante

Filtering Blocks | CSS-Tricks - http://css-tricks.com/filtering-blocks/

Web development can be tricky and time-consuming. To be more effective and productive, we, designers and developers, can integrate useful tools in our daily routine....

Metoda na css3 w IE

ie-css3.js allows Internet Explorer to identify CSS3 pseudo selectors and render any style rules defined with them. Simply include the script in your pages and start using these selectors in your style sheets — they'll work in IE... Honest...!

紹介済みから未紹介のものまで、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 選択項目が拡大するシンプルなナ

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

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

Quix é um bookmarklet extensível, o que lhe permite aceder facilmente a todos os seus favoritos e bookmarklets, em todos os seus navegadores

Joost De Valk's extension of Shaun Inman's Shortwave extensible bookmarklet. Especially useful on the iPhone.

Quix is an extensible bookmarklet, that allows you to easily access all your bookmarks and bookmarklets, across all your browsers, while maintaining them in only one spot. All you have to do is remember the shortcut for the bookmarklet, so, basically, it’s like a command line for your browser

Quix is an extensible bookmarklet, that allows you to easily access all your bookmarks and bookmarklets, across all your browsers, while maintaining them in only one spot.

オブジェクト　クラス

A smart method to prevent spam in form submissions without using a CAPTCHA

It works over the top of jQuery and diligently reports errors and any incorrect usage of jQuery. It will also, to some extent, offer guidance on best practices and performance concerns. Handy with firebug's console.

"jQuery Lint is a simple script you can download and use with jQuery. It works over the top of jQuery and diligently reports errors and any incorrect usage of jQuery. It will also, to some extent, offer guidance on best practices and performance concerns."

ThemeRoller version !

For web developers and designers, it can be difficult to memorize the syntax for multiple programming languages and frameworks, especially since they are always

For web developers and designers, it can be difficult to memorize the syntax for multiple programming languages and frameworks, especially since they are always evolving and growing. This is where cheat sheets come in handy. Most cheat sheets are designed to be printer friendly, so you can have them laying around on your desk as quick reference cards. Here is a collection of useful cheat sheets specifically for front end web development that will help you with HTML, JavaScript, and CSS.

10 Ways to Install Accordion Menus in Your Wordpress Theme | Pro Blog Design - http://www.problogdesign.com/design/10-ways-to-install-accordion-menus-in-your-wordpress-theme/

Today you will learn 10 ways to install accordion menus in your Worpress theme! This will help to organize your blog, make your site look more professional, and possibly save you some precious real estate in your layout. Real estate on a blog is as important as it is in the real world (especially in congested areas), you need to make the most out of your space as you can. Accordion menus get their name from the instrument of the same name. Much like the bellows going in and out as someone plays music on an accordion, an accordion menu expands and contracts from user interaction, one section at a time. This way top level names are listed at all times, but sub-categories and child items are only exposed as each section is expanded. Your visitors only see what they need to at any given time.

500 Internal Server Error

Form, CSS

There are many many tutorials and plugins for the jQuery core, but not so many that focus on jQuery UI. jQuery UI has been criticized in the past for its lack of documentation and support, but times have changed. Accompanied by its content rich website, in-depth docs and, especially, support from the jQuery community as a whole, jQuery UI has become huge and has never been easier to use. This post has been written as an introduction and reference for the amazing jQuery UI.

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.

On your site you might have a comment box or contact form fields limited to certain character count. You can use this simple plugin to provide user with that useful information.

CheatSheet de expresiones regulares

var k=t.value;k!=h&&X(0);h=k というコードが毎秒100回実行されている。

具体的には、var k=t.value;k!=h&&X(0);h=k というコードが毎秒100回実行されている

タイマーでしか日本語未確定文字列の変更をチェックできないというのがそもそもなんとかならんのか。

* Googleのトップページは開いているだけでCPUを使うので、用事がないときは開かないようにしよう。 * Amazon、YouTube、IEEEなども同様に、開いているだけでCPUを使うので、用事がないときは開かないようにしよう。 * YOMIURI ONLINEとBing（のトップページ）にもすこし気をつけよう。

Programming, Designing and Blogging

Today we are making an AJAX-enabled Sticky Note management system. It will give visitors the ability to create notes with a live preview, and move them around on the screen. Every movement is going to be sent to the back-end via AJAX and saved in the database.

The quick copy paste jQuery starter embed; Value swap (usually for search fields); Equal Column Height; On Hover add and Remove a class; Live Event Binding; Partial Page Refresh; Each Element; Find an element close by (jQuery 1.4); Delay animation/effect; Check if an element contains a certain class or element;

Hi guys! If you have tested the beta of Plusmusica (it's a beta, report bugs please!) maybe you have find some tips when you move the mouse over some elements.

How to display tips

We are going to learn how to create our custom jQuery plugin to show tips on mouse over event on our desired elements. We will also be able to customize the appearence of the tip division for each kind of elements in the CSS code and much more.

Iterface builder pour le webdev/javascript

280 North has already made two major breakthroughs in building its web-based presentation app 280 Slides. First, it created the Objective-C-like superset of JavaScript called Objective-J. Then it re-implemented much of Apple's popular Cocoa APIs in the web-oriented Cappuccino. Now, its latest project, Atlas, represents perhaps a third breakthrough: a visual integrated development environment for building the next generation of desktop-like web applications.

An intens IDE for web app development

This jQuery plugin is an attempt to recreate Google's imageless buttons and prove that it doesn't take a whole team of engineers and an endless cycle of code revision and quality control (their own words) to pull this off. I don't know how Google did it, but my buttons automatically adapt to paddings and other styling you wish to use. They allow for a lot of stylistic customisatoin via a few lines of css while keeping all the display critical css rules hidden deep inside the plugin.

Botões em jQuery no estilo Google sem imagem

Some time ago I was doing some proof of concept: how Visual Studio docking functionality can be done with jQuery and unordered lists. Basically, the main goal was to implement multiple docking and undocking functionality. This tutorial will show you the results of PoC.

jQuery “flash like” menu

When you rollover one item of your menu, the font-size expand to 225%, the color fade to yellow and the other items are giving more space to the hovered item, when you roll out it will take its place back in the menu.

Retro computing goodness

Windows 3.1 experience!

Windows 3.11 in web browser

Windows 3.1 desde el navegador

Windows 3.1 on the web

Y links a muchos más plugins de jquery y wordpress

Tooltips on website are small things which can play a big role in website design. If a tooltip on your website is very well made and looks amazing then it can lift up visitors impression about your website. And that’s why here comes jQuery to help with its well made tooltips. And remember that all those small website design things make your website look better. So this time I will show you my Top 30 of jQuery tooltip plugins. Enjoy!

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.

jQuery.sheet addresses the web-based spreadsheet or "websheet" in a different, simple, approach - using html, you simply load the sheet from a url, and you save it to a url... Simple. Or write your own approch. jQuery.sheet manages the sheet creation, viewing, and editing processes, you simply build your application around it.

What is jQuery.sheet? jQuery.sheet gives you all sorts of possibilities when it comes to giving your web application a spreadsheet style interface with MS Excel style calculations. jQuery.sheet addresses the web-based spreadsheet or "websheet" in a different, simple, approach - using html, you simply load the sheet from a url, and you save it to a url... Simple. Or write your own approch. jQuery.sheet manages the sheet creation, viewing, and editing processes, you simply build your application around it. jQuery.sheet is also theme-able, using jQuery UI ThemeRoller, so you make the spreadsheet look like you want.For a complete list of all the MS Excel style functions that jQuery.sheet supports, take a look at the Demo, which is the documentation. Why did I start jQuery.sheet? I like a challenge, I like to learn, I like to contribute, and I saw where other attempts at the same thing, although being nice, could be improved. And with the web basically migrating in it's entirety over

Textarea Behavior Something that I never realized before is that text areas are drop targets by default. Using this property alone (without registering drag events on the source elements), we can emulate drag and drop behavior of non-linked images between different documents. If you drag any of the images on the right side to the textarea you will see the url of the image in it. This works in all browsers except, as anyone could expect, in IE, which doesn't allow you to drag images to input fields.

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

snappy cycle plugin

JavaScriptのアニメーションフレームワークを17個紹介した記事です。

gráficas chart usando javascript

It's another IE bug caused by placing a list with a background set within a floated <div> that has been relatively positioned. Problem and solutions discussed here.

IE hacks, fixes for css

In today's scenario browser bugs with CSS can be an incredible source of frustration for Web designers and developers. In this post I'm sharing some most common CSS browser compatibility Issues/Bugs. Here's the following list:

10 Common CSS Browser Compatibility Issues/Bugs You Must Know

nice image effects

Great examples of jquery

michaelv.org

Emulación del sistema operativo Windows v3.11 en JavaScript

Windows 3.1 in a browser window

Home page of Michael Vincent, containing information about calculators, computers, and plenty of random nonsense.

windows emulato in javascript

Not fully there yet, but could be a great one stop solution for video in web pages eventually (why is this still and outstanding issue?)

HTML5 video player

HTML5 video.

"SublimeVideo provides a custom user interface for playing HTML5 videos. The design is Mac-centric (though well polished) and offers a “Full-window” mode which is very visually impressive—and I believe more useful than Flash’s “Full screen mode”. The script will eventually be released free for non-commercial use."

Auto-Moving Parallax Background | CSS-Tricks - http://css-tricks.com/auto-moving-parallax-background/

A while back I did a little demo on parallax backgrounds. As a quick review, parallax is that effect where there are different layers of backgrounds that all move at a different rate creating a very unique 3D effect (think Sonic the Hedgehog). In that original demo, the only way to see the parallax action take place was resize the browser window.

not read

The jQuery OpenID Plugin is a free plugin to add easy login support for the most popular OpenID RP's such as Google, Yahoo, AOL, and more. The inspiration for this plugin is based on openid-selector, openid-realselector, and ID Selector. This selector is different because it does not hide the markup details in javascript. Therefore, you can easily add new providers or rearrange the existing ones without digging into the javascript. The login form will still work for normal OpenID logins if javascript is disabled (see screenshot). jQueryOpenIdPlugin The plugin defaults to the first provider in the list which in the above case is a normal OpenID login box. There are two other types of providers, direct providers and username providers. A direct provider does not require any input and will automatically direct you to the provider login page. A user provider assists in building your OpenID URL. For example, Google and Yahoo are direct providers and AOL is a username provider tha

jQuery OpenID Plug-in

An open source Comet Server for Push AJAX Development

WYSIWYG Editor is the first requirement if you want to develop a web application which involved HTML editing and you want your user see a real time preview of what they are editing. Most of the available Content Management System and other publishing platform in the web are using WYSIWYG editor for easy page editing.

Rounding Up the Best Javascript WYSIWYG and Markup Editor - http://blog.insicdesigns.com/2009/07/rounding-up-the-best-javascript-wysiwyg-and-markup-editor/

Web Development and Design Blog

HTML5

6 Image Manipulation Plugins for jQuery You Should Know About

javascript performance memoization programming memoizer

Yes, memoization is a neat concept. But why use it rather than just hand-coded caching mechanisms? It’s easy enough to write a caching routine, right? Here are a few good reasons: * hand-coded caching mechanisms obfuscate your code * multi-variate caching routines are bulky in Javascript * fewer lines of code means fewer bugs * Java programmers will think more highly of you*

And be sure to check out the snippets as well. Type it, des, bef, or aft, and then press the tab key to expand into full it blocks, describe blocks, etc.

normally

no/off jquri

github.com/tdreyno/iphone-style-checkboxes

Multiple Web Tutorials

t’s a nicer version of the previous one, re-written from the ground up and with a couple of new features. SimpleForm is basically meant to be an easy solution to handle one or many forms with little effort. It’s mainly foc

A PHP function to protect the E-mail address you publish on your website against bots or spiders

permite ocultar las direcciones de correo en un página, util para evitar el spam

A PHP function to protect the E-mail address you publish on your website against bots or spiders that index or harvest E-mail addresses for sending you spam. It uses a substitution cipher with a different key for every page load. Look at the generated XHTML in the example while pressing the browsers "reload" button to see this in effect.

CSS3 is coming. Although the browser support of CSS 3 is still very limited, many designers across the globe experiment with new powerful features of the language, using graceful degradation for users with older browsers and using the new possibilites of CSS3 for users with modern browsers.

50 Brilliant CSS3/JavaScript Coding Techniques

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

simple jQuery image gallery

Simple gallery using Jquery for blogs/static website..

どんなコードを書けばページ内の任意のパーツを選択できるかが分かるオンラインサービスの紹介。便利そう。

jqueryのセレクタを覚えるためのサイト。あら便利！

10 ways to make Internet Explorer act like a modern browser

Rich-Text Editors, inline content editors, WYSIWYG editors – or whatever you want to call them – are web applications that enable users to enter, edit and manipulate alphanumeric characters while visiting your website.

フォームの入力チェック by jQuery。分かりやすくていいカンジ。

動的なフォーム生成でも柔軟に対応できるくらいシンプルな入力チェックライブラリがjQuery Inline Form Validation Engineだ。

In this tutorial we are making sweet AJAX-powered tabs with CSS3 and the newly released version 1.4 of jQuery

Sweet AJAX Tabs With jQuery 1.4 & CSS3 – Tutorialzine - http://tutorialzine.com/2010/01/sweet-tabs-jquery-ajax-css/

onglet et navigation

a pure javascript DSL for building async web apps Introduction (fab) is a lightweight (~2KB minified and gzipped) toolkit that makes it easy to build asynchronous web apps. It takes advantage of the flexibility of javascript to create a concise DSL without pre-compilation or magic scope hackery. Node.js currently the only supported platform.

(fab) is a lightweight (~2KB minified and gzipped) toolkit that makes it easy to build asynchronous web apps. It takes advantage of the flexibility of javascript to create a concise DSL without pre-compilation or magic scope hackery.

By http://bit.ly/Tweets2Delicious

Six Questions: Eric Meyer on CSS3 December 9th, 2008 by Jacob Gube | 58 Comments | Stumble It! Delicious Eric A. Meyer knows a thing or two about standards-based CSS and HTML development. He’s a distinguished expert on CSS and HTML, an author of numerous books on CSS, co-founder of An Event Apart, a coveted guest speaker, a member of the A List Apart crew, and founder of Complex Spiral Consulting (I could go on – but I think you get the picture).

Six Questions

Quite an interesting article on CSS3 with Eric Meyer: http://is.gd/aWAO

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

Multiple file uploader

Gänget bakom TinyMCE har släppt en filuppladddare med massivt stöd: Flash, Silverlight, Google Gears, HTML5 eller Browserplus.

An Awesome CSS3 Lightbox Gallery Drag the pics around to share them

Javascript 开发的数学绘图工具

웹기반 그래프 작성

plotter, graficador de funciones, hecho en javascript

Possibly the easiest to use jQuery plugin for making slideshows!

要jQuery

これはかっこいいな！

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

リッチで使いやすいＵＩを作成するためのjQueryライブラリ＆サンプル集。 JSフレームワークはもうjQueryの時代だと言わんばかりの豊富かつ有用なサンプルが多数掲載されています。

jQuery Framework

JPolite (jQuery POrtal Lite) is a lightweight front-end web portal framework based on jQuery.

JPolite (jQuery POrtal Lite) is a lightweight front-end web portal framework based on jQuery. The focus is easy content integration at the front-end, through an intuitive naming system and conventions plus simple and easy configuration. Developers can make use of various server side technologies and frameworks to generate content for the portal. Features: * Flexible layout configurations * Module drag-drop (thanks to jQuery UI * Simple UI controls (Tabs, accordion, ...) * Sample RSS Reader ... Last not least, the core js file weighs only 5kB after compression! Check out the Live Demo to experience.

James Hopkins’ compiled list of IE8 bugs and test cases. This should be something which Microsoft itself keeps public track on.

10 Stunning Examples of jQuery Animations

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.

Opera Unite developer's primer

Opera Unite features a Web server running inside the Opera browser, which allows you to do some amazing things. At the touch of a button, you can share images, documents, video, music, games, collaborative applications and all manner of other things with your friends and colleagues. This article gets you started on the road to Opera Unite Service development — it describes how the Opera Unite Web Server in Opera works and how it can be used. Below I will briefly recap some of the basic concepts related to Opera Unite, show how you can enable the Web server in your browser, and give an example of how to write a simple Opera Unite blog service.

Opera Unite features a Web server running inside the Opera browser, which allows you to do some amazing things. At the touch of a button, you can share images, documents, video, music, games, collaborative applications and all manner of other things with your friends and colleagues.

Documentation and examples of unite services

Introduction Opera Unite features a Web server running inside the Opera browser, which allows you to do some amazing things. At the touch of a button, you can share images, documents, video, music, games, collaborative applications and all manner of other things with your friends and colleagues. This article gets you started on the road to Opera Unite Service development — it describes how the Opera Unite Web Server in Opera works and how it can be used. Below I will briefly recap some of the basic concepts related to Opera Unite, show how you can enable the Web server in your browser, and give an example of how to write a simple Opera Unite blog service.

Como testar o seu codigo java script

Style checkboxes, drop down menus, radio buttons, and file upload inputs

Have you ever wished you could style checkboxes, drop down menus, radio buttons, and file upload inputs? Ever wished you could control the look and feel of your form elements between all browsers?

(via http://matthewbuchanan.name/)

We are creating a photo shoot effect with our just-released PhotoShoot jQuery plug-in. With it you can convert a regular div on the page into a photo shooting stage simulating a camera-like feel. Using this plug-in, we give visitors the ability to take shots of the background image.

The jQuery PhotoShoot plugin gives you the ability to convert any div on your web page into a photo shooting effect, complete with a view finder.

Agrega un efecto de blur a una imagen como si estuviese hecho en photoshop, cool!

Automatic Image Slider w/ CSS & jQuery | Simple Image Slider Tutorial | jQuery Slider | jQuery Image Rotator - http://www.sohtanaka.com/web-design/automatic-image-slider-w-css-jquery/

With the release of the iPad and its lack of support for flash, it has stirred up a lot of debates regarding the future of flash. With this in mind, I believe it is wise to build simple widgets like the image slider using HTML/CSS/Javascript, and leave more interactive applications for flash if needed. The html based image slider will have its benefits with SEO and will also degrade gracefully for those w/out js.

Implementing AJAX technology can be a hit or miss thing. Do it well and you'll have users raving over the slickness it provides to the general user experience

ほえー。どうなってんだろ。

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

"Is there a middle path—a way to provide feedback and reduce password errors that doesn’t sacrifice the user experience? At least two design patterns address this issue in offline applications, and with a little JavaScript, we can bring them to the web. [...] The simplest solution is to mask the password by default while giving users a way to switch the field to clear text. [...] Apple adopted an interesting approach. The last letter typed into the field remains visible for a couple of seconds before turning into a dot. This creates an opportunity to catch errors without showing the entire password at once."

dropdown menu

メインイメージを動かすサンプル

66 Examples of Perfect SlideShow Presentation in Web Design | Inspiration | instantShift - http://www.instantshift.com/2010/02/05/66-examples-of-perfect-slideshow-presentation-in-web-design/

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

Great quiz and comments.

Now that I am getting more into jQuery I may just have to use this

AWesome - added by harper reed's google reader

アイコンが動かせる

Sliding Resizable Grid

ブラウザのサイズが変更されると、レイアウトがスライドのアニメーションで変更されるスクリプト

Freeciv.net is an Open Source strategy game which can be played online against other players, or in single player mode against AI opponents.

Clickable blocks of content.

5 Fantastic Free Tools to Showcase Your Portfolio - http://mashable.com/2010/02/11/web-portfolio/

The form wizard plugin is a jQuery plugin which can be used to create wizard like page flows for forms without having to reload the page in between wizard steps. The plugin is unobtrusive and gives the developer great freedom on how they set up the flow of the different steps in their wizards, as the plugin supports creating specific routes in the form; depending on the user input.

This new code gives you the ability to dramatically affect how users will be able to interact with your objects, allowing you to provide getters and setters, prevent enumeration, manipulation, or deletion, and even prevent the addition of new properties. In short: You will be able to replicate and expand upon the existing JavaScript-based APIs (such as the DOM) using nothing but JavaScript itself.

var resultdiv = document.getElementById('searchresults');

searchControl

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