57+ Free Image Gallery, Slideshow And Lightbox Solutions | 1stwebdesigner - Love In Design
http://www.1stwebdesigner.com/resources/57-free-image-gallery-slideshow-and-lightbox-solutions/
XML Parsing with jQuery | Switch on the Code
http://www.switchonthecode.com/tutorials/xml-parsing-with-jquery

Parsing an XML feed or page using jQuery.

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

NETTUTS Tutorial on building a back-end photo site

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

web layout

Provides a good summary of the latest layout tips

ウェブデザインのレイアウトに役立つ１１サイト

フッターをブラウザの最下部、もしくはコンテンツの最下部に表示させるCSSのテクニック、 各カラムのボックスの高さを合わせてくれるスクリプト

removeClass("idleFie

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

login tutorial

php做简单登陆系统

สอนทำระบบล็อกอิน

User Accounts

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

Jquery rails

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

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

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.

We're a full-service interactive agency in Nashville with happy and successful clients all across America.

Interactive Advertising and Web Development Agency in Nashville, Tennessee

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

Did you like it? So...

jQuery Price Format Plugin

Like the title says.

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

Basic, but nice

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

jQuery Sequential List

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

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

Sistemas para subir varios archivos con javascript

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

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.

17 Best Javascript Image Galleries

presentation on JQuery from the very basics on up

tutorial

Feb 12, watched first 60 min

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

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

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!

jQuery Ajax Experience Framework Videos article with tutorials

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!

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

下拉菜单

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

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

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.

noupe.com — Web applications have made huge leaps and bounds in improving user experience thanks to a lot of recently developed Ajax technology. When you combine some neat functionality courtesy of PHP with the cleverness of javascript you can produce some pretty cool results. In an effort to help you take it up a notch, we’d like to share some methods ...More… (Programming)

Web applications have made huge leaps and bounds in improving user experience thanks to a lot of recently developed Ajax technology. When you combine some neat functionality courtesy of PHP with the cleverness of javascript you can produce some pretty cool results. In an effort to help you take it up a notch, we’d like to share some methods for helping your site anticipate a user’s next move. The list below is made up of the best 20 FREE PHP Components and Tutorials that you will likely need in many of your projects, they are all of the highest quality and more or less easy to configure. Give them a try.

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.

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

I’ve written about validation in ASP.NET MVC more than once already. So have others (Stephen Walther, Emad Ibrahim). It’s an ongoing subject of discussion because the MVC Framework comes with great support for server-side validation (though it isn’t obvious if you come from a WebForms background), but at least as of version 1.0, it won’t ship with any built-in support for client-side validation. I managed to get a few spare days this last week, so I decided to try and formalize lots of these ideas into something solid that you can actually use in real production code - something more than just another throwaway blog post. So here it is: xVal, an open-source project hosted on CodePlex.

your choice of client-side v

Playing with the twitter api is awesome!

色々。

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"

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.

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

jQuery-gestures- Image gallery, simulasi touch screen

まとめ！

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.

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.

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/

jquery tabs

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.

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:

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.

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.

tal cual

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

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

It

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

Accordeon ajax multi-niveau

7 jQuery Plugins to Manipulate TEXTAREAs | Steve Reynolds Blog

Beautiful Forms - Design, Style, & make it work with PHP & Ajax | Noupe

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

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.

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

awesome jquery sliding boxes tutorial

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.

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

nth-child

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

Typically, a mega menu is a single drop-down that appears on hover, shows all the options in one large panel, groups options into related categories, uses icons or other graphics to help the user.

megadropdown

Mega drop-downs are half-way between the two concepts and similar to the ribbon introduced in Microsoft Office 2007

{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

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

nicely designed autosuggest results drop down!

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

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.

News scroller

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

glow colors

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.

10 Impressive Techniques to Spice up your WordPress Theme

Técnicas para darle vida las plantillas de WordPress

wordpress jquery techniques

DevSnippets

Os 20 melhores sliders em jquery

jQuery selectors and attribute selectors reference and examples

jQuery selectors and attribute selectors are some of the best features jQuery has to offer when it comes to DOM manipulation. Read this article to view a full table with examples.

The following table lists the different methods you have available to you to select nodes when using jQuery. All of the listed selectors should be wrapped in the following to stop your jQuery scripts conflicting with other libraries:

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

Cool Shit

Great apps, clever site, funny guy.

bueno

"tagged jquery"

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

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のプラグイン

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

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

very good collection of menus and interesting collection

Jquery Info

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

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

I hope you all love this resource. :)

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

Exemplos de jQuery

abSwitch is a tab/slider plugin for jQuery

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

Преобразование стилей 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...

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

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

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

Intéressant. C'est du connu mais un bon résumé d'ensemble. A voir pour un cours avancé sur les CSS ?

HOVER OVER TEXT

Internet advice

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

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

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.

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

15+ Excellent jQuery Plugins To Enhance HTML Forms

Learning jQuery

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

When a user submits a new message, it appends to top of the ul list with a nice jQuery fade-in effect.

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

chat con jquery

Everyone loves the gmail and facebook inline chat modules. This jQuery chat module enables you to seamlessly integrate Gmail/Facebook style chat into your existing website.

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?

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.

The organization of content is probably one of the most important and influential aspects of any good web design. Organizing information into a well-built layout

The organization of content is probably one of the most important and influential aspects of any good web design. Organizing information into a well-built layout is the basis of a website, and should always come before styling concerns.

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

Simulate Gravity with jQuery

turn off the lights

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/

y

the

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.

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

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

webprogram

Many more - see the URL

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

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

Use PHP functions in JavaScript

php functions converted to js

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タグの削除など

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

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

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

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

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.

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

tau

JQuery

Regex Selector for jQuery - James Padolsey

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.

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.

Fluid web designs have many benefits, but only if implemented correctly. With proper technique, a design can be seen correctly on large screens, small screens and even tiny PDA screens. With bad coding structure, however, a fluid layout can be disastrous. Because of this, we need to find ways to work around most, if not all, of the cons of fluid design.

If you as a designer are going to go through all the extra work of creating a functional fluid layout, why not go a bit further and make it compatible with all resolutions, instead of just most? You can use a few techniques to create an incredibly versatile, adaptive layout that will stay perfectly functional with the constantly changing screen sizes. In this article, we’ll discuss effective techniques to create 100%-functional adaptive CSS-layouts, and provide details on other tutorials and practices.

Fluid web designs have many benefits, but only if implemented correctly. With proper technique, a design can be seen correctly on large screens, small screens and even tiny PDA screens. With bad coding structure, however, a fluid layout can be disastrous. Because of this, we need to find ways to work around most, if not all, of the cons of fluid design. If you as a designer are going to go through all the extra work of creating a functional fluid layout, why not go a bit further and make it compatible with all resolutions, instead of just most? You can use a few techniques to create an incredibly versatile, adaptive layout that will stay perfectly functional with the constantly changing screen sizes.

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

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

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/

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

Many websites offer syndication formats such as RSS, JSON, or XML based services to allow for easy content delivery. How do you syndicate content from a website that doesn’t offer a news feed? This is what I set out to solve.

php経由で他ドメインのページをロード　タイトルを見てページをパースし前回のアクセスと比較して更新箇所を抽出するのかと驚いたら、単なる丸ごとロードだった　jquery

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

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 :)

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

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.

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.

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.

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

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

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.

rounded corners mostly, with jquery

A roundup of 7 CSS3 techniques that will be available in FF 3.5.

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

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.

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.

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.

Outlaw Design Blog » 2009 Web Design Trends and How-To’s

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

วิธีการจัดคอลัมน์ให้สูงเท่ากันหมด

alturas iguais

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

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

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

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.

In this tutorial, I will show you how easy it is to create an online file storage system with PHP. You will learn how to upload files with PHP and list them by

Great File Storage with PHP Tutorial

Jquery Inline Form Validation Engine

use for some promotion or mini-site?

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

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

Image and Gallery Lightbox Solutions for Wordpress

some lightbox plug-ins for WordPress

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.

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.

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

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"

text-overlay trick

Text within overlaying blocks over images.

by Chris Coyier, 2009-07-27, "Someone recently asked me about this technique and my first reaction was that it was probably a little too mundane to cover as a tutorial. But then I got to thinking that there is actually a few interesting things happening here and the style is trendy enough people might be interested. The idea is just to overlay some text over an image, but as blocks that stick out from the left with an even amount of padding all the way around the variable-length text. (...)"

awesome demiş, really!

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

Enter the URL of any CSS file to view and modify its color spectrum.

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でアニメーションするナビボタン。綺麗。

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

Sliding Panel: WordPress Plugin - http://justintadlock.com/archives/2009/06/25/sliding-panel-wordpress-plugin

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.

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.

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.

Buen tutorial de como crear un bonito menú "dropdown", usando jQuery y CSS.

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

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.

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

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.

CSS is one of the most important building blocks of modern web design. Standards demand the use of CSS for formatting and styling pages, and

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

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

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

Liste mit Video-Tutorials für PHP, mySQL, jQuery und vieles mehr

You can find a good tutorial on just about any subject of web development, but great video tutorials are much less common. Here are a few great tutorials that

Video Tutorials For Web Developers

ng to do some advanced processing on RSS feeds, Yahoo! Pipes has some modules that can do almost anything you can think of to alter or

25 jQuery Image Gallery/Slider Tutorials and Plugins

jQuery image galleries and sliders are very common on portfolio sites and are also useful for any other type of site for displaying images and photos. Fortunately, adding a jQuery gallery does not have to be difficult, even if you don’t have much experience with JavaScript and jQuery. In this post we’ll see tutorials and plugins that can provide you with the resources that you need to get a gallery of slider on your site.

galerias de imagenes con jQuery

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.

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

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

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のプラグイン・チュートリアルいろいろ

simple shopping cart

10 Useful resources for web designers and developers

CMS

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.

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

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

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.

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

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!

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.

http://googlemapsmania.blogspot.com/2009/08/design-portfolios-on-google-maps.html webdesign google design inspiration websites development jQuery creative hack Maps portfolio visualization googlemaps webdev data mapping api

WordPress is incredibly versatile, it can be tweaked to add many non traditional features to run a more effective blog.

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

More and more we see people using horizontal sliding panels on their websites. And they usually look very nice! Some will put a contact or login form in there, others will put some information about them and their website, or even things like a tag cloud or social networking buttons. Horizontal sliding panels are great for many situations, but like everything else, they’re not always ideal. It depends on the project. To see what I mean by ‘horizontal sliding panel‘, go have a look at my other site Design-Newz, and click on the ‘want more‘ button that’s on the right above the navigation bar.

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.

Everybody wants to be more productive. Productivity translates to success, whether you’re a freelancer or an employee. Here are five powerful ways to make sure you’re getting the most out of your time.

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.

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

I was surfing website and searching for inspirations and I stumbled upon digg.com. I discovered a small utility on every single post, the share link. Yes, I want to implement that, it looks cool, practical and useful! So, this tute, we are going to make a digg-style post sharing toolbox. It's all pretty straight forward and need a little bit of planning. The way it works is different with digg's. If you view the html source code of Digg's, it has the sharebox html code in every single post. But, in this tutorial we have only one sharebox, and all the links are sharing the same template.

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

ThinkVitamin - Carsonified's blog about the web

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.

jCore is a Multi Site web Content Management System build especially for webmasters (using the well known LAMP environment) who have to maintain multiple websites for their clients and they would like to keep the source codes up to date and easily fix bugs for all clients at once.

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.

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.

Animated text color

These are some time savers!

truques e dicas css

We've all had to achieve some effect that required an extra handful of divs or PNGs. We shouldn't be limited to these old techniques when there's a new age

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

Excellent wordpress plugins harnessing the power of jQuery!

wordpress jquery

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常用组件

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.

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

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.

"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ブラウザから直接開発できます。

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

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/

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

By http://bit.ly/Tweets2Delicious

#contactForm ol.forms .inputerror { border: 1px solid #0000FF; }

handy contact form

There are lots of WordPress plugins for contact forms, but wouldn&rsquo;t it be nice to have more control over the markup? In this tutorial, I am going to show how to use a custom page template to create a contact form in WordPress without a plugin. '

WordPress & jQuery Contact Form without a Plugin

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

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画像系まとめ

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

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/

Great for jQuery lovers

"jquery tools plugins must-read"

20 Fantastic Latest jQuery Plugins

15+ Blogs To Follow For jQuery Lovers

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

Slick Javascript Animation

Have a look at these beautifully crafted javascript animated vcard websites. It's simple, beautiful and simply inspiring!

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

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

IPhone

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

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.

Lecciones de Jquery

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

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/

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

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!

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.

8 different ways to beautifully style your HTML lists with CSS

jQuery Plugins to Really Enhance Users Experience

mâcher le travail comme une bibliographie de jquery

RT @wpstudios: RT @nicholaspatten Tutorial: jQuery: 35 Fresh and Useful jQuery Plugins. http://bit.ly/2dW3Gf [from http://twitter.com/jonconnelly/statuses/5032939313]

Pour faire des chouettes boutons radios.

CSS is great and when it is combined with powerful JavaScript frameworks like jQuery, you can achieve some really amazing things. Combining these two together will let you enhance the user experience by providing more intuitive and responsive web interface. Here are 15 ways you can use jQuery to improvee CSS techniques.

Ways to Improve CSS Techniques Using jQuery

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

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

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…

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

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/

This post isn't so much about the usefulness of mailing lists as a discussion medium, it's the complete failure of Google Groups as an adequate purveyor of public discussion software. For the jQuery project we're already in the process of moving the full discussion area to a forum that we control. We should have it set up, and everything moved over, within the next month or two. There is one area in which Google Groups continues to shine: Private, or restricted, mailing list discussions. However any attempts at using it for a public discussion medium are completely futile. The primary problem with Google Groups boils down to a systemic failure to contain and manage spam. Only a bottom-up overhaul of the Google Groups system would be able to fix the problems that every Google Group faces.

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

Menus Websites

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

スライドショーJS。

this was built using gae and app engine patch

Tutorial on creating an Animated Navigation Bar Using HTML, CSS & jQuery.

Barra de navegação com animação ao passar o mouse (jQuery)

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.

Rundown of cool jQuery features/plugins

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

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/

A great tutorial using CodeIgniter and jQuery to recreate the live search feature on MT's knowledgebase.

Programming, Designing and Blogging

: Collection of php classes and functions sto

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

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.

Very nice!

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.

Desizn Tech: Web Design, Graphic Design, Photography and Tech Blog. Have bookmarked at CSS Menu entry. Worthwhile checking out the rest of the site. Some useful freebies.

10 Image Free Sexy CSS Menu and How to Create One - http://desizntech.info/2009/05/10-image-free-sexy-css-menu-and-how-to-create-one/

CSS Menu and How to Create One

Simple Css Menu rounded

o

Free “Site Under Construction” Template - http://www.ourtuts.com/free-site-under-construction-template/

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

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

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系

今回は、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で作るドロップダウンメニュー。メニューが画像の場合、つてのがやっぱないんだよなぁ…。

12 Useful jQuery Plugins for Working with Tables

eight but rich data grid with resizable columns a

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

sliders with jquery

jQuery Slider plugin

jQuery Slider is easy to use and multifunctional jQuery plugin. Below you can find demos and documentation.

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

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

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]

yling a tableless css web form requires advanced skills in CSS. Besides that, we have to consider the form accessibility and usability as well. With all these tutorials, they will show you the right way to implement web form.

crazy useful

$("body p").highlight("jQuery highlight plugin");

unhighlight

slider javascript

check auto slide

Buttons, more buttons and navigation menu's.

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

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!

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.

There are plenty of drop-down menus using javascript and CSS already available, but most of them are either too basic (with CSS) or too complicated (with Javascript). That’s why I publish this drop down menu solution which is using CSS only, but it has a smooth drop effect and the css sprites that changes the toggle icon jQuery-likely. Honestly, this is the most completed menu solution using CSS which comes along with awesome effects.

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

cool scripts for creating graphs

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.

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.

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アプリ開発方法を紹介しよう。

Simple, timed slideshow. Easy

Simple version

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

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

image load detection

tips and trick code

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

jQuery snippets for web developers

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

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.

CodeIgniter is an open source PHP web application framework with a lot of features. Recently, thanks to the latest update, a new feature was added to this

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!

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

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

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

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.

Make pretty graphs with javascript, using jQuery

Related Posts55 Jquery Tutorials, Resources, Tips And Tricks: Ultimate Collection51 Form Element Resources and Tutorials Using CSS And Javascript50 Really High Quality Photoshop Navigation Menu Tutorials43 PSD to XHTML, CSS Tutorials Creating Web Layouts And Navigation38 jQuery And CSS Drop Down Multi Level Menu Solutions

Apple style is very popular trend in our days – their design and style is really unique, clean and always good-looking. No wonder there are many designers trying to understand that style, why it works and how. There also a bunch of advanced coding tutorials available out there. Since I am Apple website style fan myself, I did research and showcased several amazing coding tutorials I found in the Internet.

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

jQuery Inline Form Validation Engine - Open Source Resources for Web Developers

alternate jquery validation plugin

多种Jquery资源分类

Popular plugings jQuery

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.

jQueryのanimateのキューオプションと.stop()メソッド引数による動作制御のバリエーションデモ＊jQueryのanimateメソッドは、動作を待ち行列(キュー)へためて順次実行してくれますが、放っておくと延々とため続けてしまうので、stopメソッドやqueueオプションでそれを制御する。

Strategies for handling the timing of jQuery animations triggered by UI.

На досуге немного закопался в дебри 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.

Part 3

コードプレビュー

expanding code box

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

teclado virtual em jquery

zoom con jquery

Cool zooming control.

画像ズーム

jQ plugin om inhoud te zoomen

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.

The Best jQuery Lightbox Scripts – woorkup.com

jQuery Lightbox

Getting Started with jQuery

Jquery starter tutorial and resources

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.

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

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.

キターキター、これ便利すぎ（予想）こんなの欲しかった

FireQuery、Firebugと連携するjQuery開発補助アドオン FireQueryはconsole.logに吐き出した内容を元に、画面上のエレメントをハイライトしてくれる。例えば console.log($(’p'));と出せば、コンソールに出力された jQuery(p)という表示にマウスを当てると、該当部分がハイライト表示になる。どの部分に対して適用されているかがすぐに分かる

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)

jQuery 1.4 API Cheat Sheet

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!

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

紹介済みから未紹介のものまで、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 選択項目が拡大するシンプルなナ

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

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

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 interesting projects from Google Code" http://j.mp/6MYk2Y

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.

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.

Hier wird von Photoshop bis XHTML erklärt, wie man ein Website-Navigation mit Sprites aufbaut.

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.

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.

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.

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

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

snappy cycle plugin

JavaScriptのアニメーションフレームワークを17個紹介した記事です。

gráficas chart usando javascript

freebies, downloads

nice image effects

Great examples of jquery

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

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

6 Image Manipulation Plugins for jQuery You Should Know About

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

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のセレクタを覚えるためのサイト。あら便利！

フォームの入力チェック 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

By http://bit.ly/Tweets2Delicious

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

Possibly the easiest to use jQuery plugin for making slideshows!

要jQuery

これはかっこいいな！

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

リッチで使いやすいＵＩを作成するためのjQueryライブラリ＆サンプル集。 JSフレームワークはもうjQueryの時代だと言わんばかりの豊富かつ有用なサンプルが多数掲載されています。

Google Code Repository is a section of Google that, just like SourceForge, allows developers to upload their code for others to use under license. The repository was launched in 2006 and after searching through its archives, I found a number of interesting scripts and other goodies that would be an asset in any website owner/website builder’s arsenal.

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.

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.

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

Tutorial q ensina a criar um site de procura basedo nas extensões dos arquivos.

Build a Web 2.0 Document Search Site | Nettuts+ - http://net.tutsplus.com/tutorials/javascript-ajax/build-a-web-20-document-search-engine/

In this article, we will create a document searching site with jQuery. This site will be used to search documents by specifying an extension (file type). The data is then filtered and sent to Google. We'll learn many jQuery tips and skills through the process. A gray box plugin called "ColorBox", and a toolTip plugin called "SimpleTip" will also be introduced in this article. Let's get started.

Rechercher un type de document grâce à google.

In this article, we will create a document searching site with jQuery. This site will be used to search documents by specifying an extension (file type). The

メインイメージを動かすサンプル

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/

Now that I am getting more into jQuery I may just have to use this

アイコンが動かせる

Sliding Resizable Grid

ブラウザのサイズが変更されると、レイアウトがスライドのアニメーションで変更されるスクリプト

Clickable blocks of content.

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.

s

*

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

js cms

A very simple jQuery CMS that can be configured and set up in around 2 minutes. Plugging in to your site is a breeze, and can be done at almost any time during the life cycle of development. Installation file: due to many requests I have now completed an installation script for this little plugin which is basic, but functional. Note: This is a very small CMS, with no database requirements. Ideal for small sites, or where only a small amount of 'content management' is required. If your site requires all content to be databased, there are many other CMS programs already in existence to choose from, so then maybe this is not the right solution. :)

Project Hosting on Google Code - Visual Editing Jquery plugin

Unbelievable! What a awesome WP layout design.

21 Free Music Players For Your Website and Blogs | Tools | instantShift - http://www.instantshift.com/2010/02/10/21-free-music-players-for-your-website/

21 Free Music Players For Your Website and Blogs

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. You can check out the demonstration above, or a nice tutorial on how to use it here.

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.

写真撮影っぽいエフェクトがかけられるjQueryプラグイン「Photo Shoot」

jDigiClock - Digital Clock (HTC Hero inspired).

AWESOME clock!

To use the jDigiClock plugin, include the jQuery library, the jDigiClock source file and jDigiClock core stylesheet file inside the <head> tag of your HTML document

This is a Tech weblog discussing programming, Web design and usability, and random things found on the Web. The site is maintained by Youssef ELALAOUI.

7 Vertical Menus With jQuery Effects

By Angel Wardriver jQuery can empower a developer with the tools required to create a rich user experience. The way in which we display images, text, charts and

jQuery can empower a developer with the tools required to create a rich user experience. The way in which we display images, text, charts and graphs can enhance functionality for the wide range of users. Let’s take a look at 35 powerful and effective jQuery plugins and techniques for slideshows, graphs and text effects.

30 Best jQuery plugins inspired from Twitter and Facebook | Psdeluxe - http://www.psdeluxe.com/articles/web-design/30-the-best-jquery-plugins-inspired-from-twitter-and-facebook.html

Creative Button Animations with Sprites and JQuery (Part 2: CSS, XHTML, JQuery) | Tutorial9 - http://www.tutorial9.net/web-tutorials/creative-button-animations-with-sprites-and-jquery-part-2/

In Part 1 of this tutorial, you designed a button sprite that will be coded with HTML, CSS, and JQuery in this part of the tutorial.

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

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

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

Great in-field label jQuery plugin (text hints)

An interactive map can be a great way to show your site’s visitors where your physical locations are. Thanks to jQuery a…An interactive map can be a great way to show your site’s visitors where your physical locations are. Thanks to jQuery a…

Adding Markers to a Map Using the Google Maps API and jQuery

Here

A technique for making a progress bar from three divs, one image, and a little CSS. Check it out!

Apple-like Slideshow Gallery using CSS and Jquery

The third animate event retracts the block back to its starting position.

shortcut keys?

Glimmer: a jQuery Interactive Design Tool is a prototype from the Mix Online Labs which makes jQuery accessible through a visual tool. The objective for Glimmer is pretty simple: to enable the power of jQuery through an interactive design surface. If jQuery is the "write less, do more” JavaScript library, then Glimmer is the “write none, do more” jQuery design tool. Glimmer has three core audiences: power users, designers and developers.

this blog is nice looking

כלי נחמד אבל לא ממש שימושי

Glimmer: a jQuery Interactive Design Tool is a prototype from the Mix Online Labs which makes jQuery accessible through a visual tool.

Windows app that generates JQuery, HTML, and CSS

Desktop application that automatically generates jQuery scripts and CSS based on user parameters. Windows only, but looks powerful -- especially for designers who aren't code monkeys. Will benefit power users as well.

Roundabout Shapes provide even more paths along which your Roundabout can move. The current version of Roundabout Shapes offers eleven additional movements.

liタグがぐるぐる

Move Elements with Even More Style Roundabout Shapes provide even more paths along which your Roundabout can move. The current version of Roundabout Shapes offers eleven additional movements.

Superb variety of carousel examples and implementations.

Cool Jquery sorting

jquery framework for list item replacement with shuffle transition.

cool plugin

by @SmashingMag

Using JavaScript has become increasingly easy over the last few years. Whereas back in the day we needed to know the quirks of every browser, now many libraries such as jQuery, YUI, Dojo and MooTools allow someone who doesn’t even know JavaScript to spruce up boring HTML documents with impressive and shiny effects. By piggy-backing on the CSS selector engine, we have moved away from the complexity and inconsistencies of the DOM and made things much easier.

Using JavaScript has become increasingly easy over the last few years. Whereas back in the day we needed to know the quirks of every browser, now many libraries such as jQuery, YUI, Dojo and MooTools allow someone who doesn’t even know JavaScript to spruce up boring HTML documents with impressive and shiny effects.

– DesignM.ag

数週間前に、私たちは、フォームで働くためのjQueryプラグインの収集を発行しました。 それらのプラグインが非常に役に立つ場合がある間、回があなたが単にプラグインを使用するより自分でむしろ解決策をコード化する方法を学ぶ方がましであるところにあるかもしれません。 jQueryと用紙で働くのに利用可能な多くの上質のチュートリアルがあります、そして、このポストでは、私たちはそれらの25を特徴とするでしょう。

A tutorial on writing your first jQuery plugin.

There are many posts available detailing how to write your own jQuery plugin. It won’t take long before you realize that building in jQuery is very simple. Continuing in our jQuery Learning Series, here we’re going to build your first jQuery plugin. It’ll generate a bubble effect for your menu list and we’re going to call it BubbleUP. What is BubbleUP? BubbleUP is a fun and easy plugin to get you started in jQuery. The effect is a nice starting point for learning the basics and many of the steps involved in creating other more intricate plugins you will make in the future. With this plugin, images in a list will enlarge with a smooth animation when you move your mouse over it. Then, if you move the mouse out, it will reset to the original size with the same smooth animation. * Download * Demo Implement jQuery This is a plugin for jQuery, so we first have to implement the jQuery library in our webpage header (you must upload jQuery to your server or link to Google’s hosted v

jQuery Plugin Tutorial

How to Use jQuery to Make Slick Page Transitions | Onextrapixel - Showcasing Web Treats Without Hitch

clock

Süper saat uygulaması.

Jon Combe | Code | HTML clocks using JavaScript and CSS rotation - http://joncom.be/code/css-clocks/

jqFancyTransitions is easy-to-use jQuery plugin for displaying your photos as slideshow with fancy transition effects. jqFancyTransitions is compatible and fully tested with Safari 2+, Internet Explorer 6+, Firefox 2+, Google Chrome 3+, Opera 9+.

jqFancyTransitions: jQuery Image Rotator

jqFancyTransitions is easy-to-use jQuery plugin for displaying your photos as slideshow with fancy transition effects.

Many agree that tables are a phenomenon in user interface design: they are very important parts of user interfaces but often overlooked. Tables show structured data and their purpose is to make that data readable, scannable and easily comparable. The thing is that in many cases tabular data is obscured. This is why tables have bad reputation and many find them boring.

Tables are a phenomenon in user interface design: they are very important parts of user interfaces but often overlooked. Tables show structured data and their purpose is to make that data readable, scannable and easily comparable.

TinyTips is a very lightweight jQuery plugin that gives the ability to add tooltips to pretty much any element on a page. Thoroughly documented and designer friendly.

jQuery Plugin: TinyTips 1.0 | Mike Merritt | Digital Inferno

角丸

邊框!!!!

This plugin aims to created an easy way to add border layouts to screen content.

Gradient coloring

-Nettuts+

Thanks to advanced CSS properties, such as gradients and shadows, it's now quite easy to turn a dull web form into something beautiful - with minimal effort. I'll show you how in today's tutorial!

The use of the jQuery library is growing and growing(just released jQuery 1.4), more and more people are using this useful javascript library. This means that more and more useful jQuery tips, tricks and solutions are coming available. That’s why i created a small list of 26 cool and useful jQuery tips, tricks and solutions. jQuery has a lot of very useful plugins that can help you with almost anything, but there are a couple of plugins that aren’t that smart to use, why? Well sometimes 1 or 2 lines of jQuery code can do the same thing(or even better), so why use a big script if you can do the same trick with a small piece of code. As many of you already know, jQuery can do a lot of things in more than just one way, so if you see a tip, trick or solution and think/know this can be done better, smarter or faster please let me know, post and share it in a comment below of just email me this, so that i can use this for part 2.

Enables <video> tags in all major browsers.

http://static.etianen.com/html5media/.

Currently using Mark Pilgrim\'s solution. This looks nigh-identical but worth comparing.

Today we are making a HTML5 web template, using some of the new features brought by CSS3 and jQuery,

Here we are using the new version of HTML - the fundamental language of the web, to make a web template, using some of the new features brought by CSS3 and jQuery with the scrollTo plug-in.

DevSnippets

JQuery

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 Brilliant techniques using some jQuery magic to grab the attention of your users with a simple, rich user experience that gets them excited about your website. 1. Fluid Navigation – How to create an informative menu-bar with jQuery & CSS Learn how to create a menu that appears like a standard menu bar in it’s default state, but which on rollover pulls down an information area that covers both the original menubar item and has an expanded section containing the text we want to display. Fluid Navigation – How to create an informative menu-bar with jQuery & CSS 2. Move Elements with Style Roundabout is a jQuery plugin that converts a structure of static HTML elements into a highly customizable turntable-like interactive area. In its simplest configuration, Roundabout works with ordered- and unordered-lists, however after some quick configurati

Efeitos muito bons de animação Jquery

Muito bom JQuery para forms interativos

HTML5 uploader with fallbacks.

read content sliders

Content sliders are extremely versatile forms of navigation that can be used to display all sorts of information, such as images, popular posts, social information and product features. Some have automatic slideshow capabilities or buttons to scroll sideways or up and down, and most of them feature a transition effect, usually a slide motion. Sliders can be great focal points on websites and blogs as they instantly draw the audience’s attention and provide for an easy and sleek way for visitors to interact with a lot of information that can be sorted through quickly. In this post, we have compiled a massive amount of content slider examples that you can use for inspiration on your own websites. Enjoy!

Webdesigner Depot

formualire d'autocompletion en jquery

インターフェイスを考える。

navigation that appears when your width allows it

The easy way to apply different body classes according to a window's current width

Layouts diferentes para larguras de browser diferentes via css + jquery

This plugin allows you to easily display feedback messages as an unobstrusive overlay. The message fades away automatically after some time, avoiding the need to click an “ok” button or something similar. The user can speed up hiding of the message by moving the mouse or clicking anywhere.

jQuery plugin: Message

A step by step example of creating a jQuery plugin and close examination of jQuery UI interaction plugins.

How to create a jQuery plugin

ajax 文件上传

We ditch the upload button in favor of a save button and fire the AJAX upload event as soon as a file is selected. The image is processed server side and a thumbnail is loaded onto the existing page. Dosen't that feel so much better?

In this MicroTut, we are going to take a look at a couple of ways to center a div both horizontally and vertically with pure CSS. A jQuery method is also presented.

While building web page layouts, you’ve probably been faced with a situation where you need to center a div both horizontally and vertically with pure CSS. There are more than a few ways to achieve this, and in this MicroTut I am going to show you my favorite involving CSS and jQuery.

Centering a Div Both Horizontally And Vertically

IPOD WEB MISE EN PAGE !!!!

jQuery is not always as it appears. There's a lot of cool stuff going on under the surface, and there are many methods just waiting to be discovered, and many potential usages of jQuery's API that you may not have considered before. In this article I'll be taking you through a few of the not-so-obvious things I've discovered about jQuery.

A great article that uncovers some of the mysteries in jQuery.

图片显示

jQuery Lightbox | Nettuts+ - http://net.tutsplus.com/freebies/lightboxes/jquery-lightbox-2/

Cost: Free, links backFound Via: http://www.no-margin-for-errors.com/projects/prettyPhoto-jquery-lightbox-clone/

便利なツール、ウェブサービスとかのリスト

cssやアイコン、テクスチャ、アクションなどいろいろいろまとめすぎてよくわからない・・・

Sliding labels in forms

nett Sliding Labels v2 http://bit.ly/9ttvPp #css

フォームのラベル

Sliding Labels v2 – Patch « CSSKarma - http://www.csskarma.com/blog/sliding-labels-v2/

Worth reading when willing to experiment and investigate jQuery. Hopefully that's soon.

Facebook , Footer BAR

Windows7っぽいデザインのＵＩがJavaScriptで

animacja w jQuery

e

http://addyosmani.com/blog/50-jquery-snippets-for-developers/ - plenty of jQuery snippets #yam

Some of these snippets are going to be things that have just been supported with jQuery 1.4.2 whilst others are really useful functions or methods that can help you do things better or quicker.

jLinq is a Javascript library that makes working with complex arrays easy. jLinq was built based on adding functions to the core library so it is easily extended with your own custom code. jLinq is free and open source so you can contribute your creations and help improve the library!

jLINQ

配列をデータベースっぽく扱うことができるJavaScriptのライブラリ『jLinq』

Scripts e tutoriais para desenvolvedores web.

Muitos tutoriais Interessantes, até uma galeria muito boa em Jquery

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

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

jquery 图表插件

Fixed Fade Out Menu: A CSS and jQuery Tutorial | Codrops - http://tympanus.net/codrops/2009/12/11/fixed-fade-out-menu-a-css-and-jquery-tutorial/

Overlay toolbar

jQuery is an amazing JavaScript library that makes it easy to create wonderful web effects in just a few lines of code. It was released in January 2006 at BarCamp NYC by John Resig. jQuery is designed to change the way that you write JavaScript. Here are some stunning new jQuery plugins that will make your website fancy and cool.

Tutoriais para usar o CSS 3 agora

CSS3はゆっくり、しかし、確実に主流のウェブデザインにこっそり入っていますが、小線量でますます多くのデザイナーがそれを使用していますが、確かに、それははずみがついています。 本当にウェブデザインのためのおもしろい時間です。 数週間前では、私たちはCreating ButtonsがCSS3ボールをただ回転させ始めるように20CSS3 TutorialsとTechniquesと呼ばれる記事を発表して、今回、CSS3が提供する素晴らしい新しい資産を利用する何らかのメニューとナビゲーションのテクニックに焦点を合わせます。 念頭で剥き出してください。だいたいこれらのチュートリアルが荒野の用法のために書かれていなくて、それらが、より実験的です、何に関するデモンストレーションがあることができるかということであることは、達成されて、近い将来、使用されるでしょう。 これらのチュートリアルからのデモのすべてが完全によくChromeとSafari(それにしても小さい方の食い違いで)、Firefoxで2、3の(特に3.6にひどく見えさえするZurbs OS X Dock)との戦いをします、そして、IEはかなり驚いたことにデモの大部分を予想より良くしました。

CSS3 is slowly but surely creeping into mainstream web design, more and more designers are using it, albeit in small doses, but it is certainly gathering momentum. It is an exciting time for web design. A few weeks back we published an article called 20 CSS3 Tutorials and Techniques for Creating Buttons, just to start the CSS3 ball rolling, this time around we focus on some menu and navigation techniques that make use of the wonderful new properties that CSS3 offers.

menus de navegação com css3

core

a flexible Coverflow / ImageFlow like flow written in javascript, which can handle any kind of content.

:last-child, :first-child etc etc

Pseudo class selectors CSS selectors with a colon preceding them. You are probably very familiar with a few of them. Like hover: a:hover { /* Yep, hover is

jQuery Resources for One-Page Portfolios | Vandelay Design Blog - http://vandelaydesign.com/blog/web-development/jquery-one-page-portfolios/

Web Design and Development Blog

"Cycle is a script that supports image presentations to easily display multiple images. This script supports a lot of effects and the cycling of html elements. Presentation Cycle is a variation on the functionality of Cycle. Instead of generating a list of numbers that are clickable Presentation Cycle generates a progress bar that shows when the new slide will appear."

Wow this is really neat

It will display the number of visitors, currently viewing your site, and thanks to Hostip’s free IP to location API, it will even be able to detect the country your visitors are from and display it in a slide out panel.

“Who Is Online” Widget With PHP, MySQL & jQuery – Tutorialzine

Myth #3: Rails forces you to use Prototype

A couple weeks ago, I created a screencast that demonstrated how to build a three-level navigation menu. In a response email, one of our readers requested a

A couple weeks ago, I created a screencast that demonstrated how to build a three-level navigation menu. In a response email, one of our readers requested a tutorial on how to build a lava-lamp style menu. Luckily, it’s quite a simple task, especially when using a JavaScript library. We’ll build one from scratch today.

[object Object]

jQuery Superbox! is a script which allows you display windows with the lightbox effect. This script is a plugin for jQuery (1.3.x).

całkiem ładne i claiming accessible

&callback=?

default 55-word limit, this function enables you to specify any length for your excerpts.

As we explain in the book, enabling threaded comments requires adding a snippet of code into your <head> area just before the wp_head tag. After a little experimenting, I discovered that you can include this snippet from the functions.php file:

Next

Cool collapsing column trick

Accordions are a UI pattern where you click on a title (in a vertical stack of titles) and a panel of content reveals itself below. Typically, all other open panels close when the new one opens. They are a clever and engaging mechanism for packing a lot of information in a small space.

An accordion grid created using CSS & Jquery

CSS3 techniques

sweet magical slider behind the menuitems with jquery

criar um fundo único deslize para fora do menu

so cute! I want to do this.

Reel is a jQuery plugin which takes an image tag and makes it a live "projection" of pre-built animation frames sequence. Its aim is to provide a 360° view of something or someplace. Like a turntable. Great alternative to widely used Flash techniques.

permite girar fotos 360º. Super curioso

Programming cheat sheets, with functions, keywords, etc.

RT @webochronik: QuicklyCode - Cheat Sheets and programming stuff http://bit.ly/bC0UMV

jQuery Spotlight is a jQuery plugin which allows you to highlight elements in your page using a 'spotlight' effect. This plugin is highly customizable and requires no external css or images.

It's time for more JavaScript and jQuery goodies here on Noupe. Today we are featuring fresh JavaScript Development Frameworks, code optimization and minimization...

for main

20 Helpful jQuery Methods you Should be Using

So you’ve been playing with jQuery for a while now, you’re starting to get the hang of it, and you’re really liking it! Are you ready to take your jQuery knowledge to level two? Today, I’ll demonstrate twenty functions and features you probably haven’t seen before! 1 after() / before() Sometimes you want to insert something into the DOM, but you don’t have any good hooks to do it with; append() or prepend() aren’t going to cut it and you don’t want to add an extra element or id. These two functions might be what you need. They allow you to insert elements into the DOM just before or after another element, so the new element is a sibling of the older one. view plaincopy to clipboardprint? 1. $('#child').after($('<p />')).text('This becomes a sibling of #child')); 2. $('#child').before($('<p />')).text('Same here, but this is go about #child')); $('#child').after($('<p />')).text('This becomes a sibling of #child')); $('#child').before($('<p />')).text('Same here, but this

Bonito plugin de jQuery, para realizar presentaciones...

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

A very impressive demo of reflection and shaddown on icons

10 New #jQuery Plugins You Have to Know http://j.mp/b8MDx6

Introductory tutorial for using jQuery. Very readable.

Introducing "Aristo", A jQuery UI Theme — Nothing Insightful - http://taitems.tumblr.com/post/482577430/introducing-aristo-a-jquery-ui-theme

y started mocking and building my own jQuery UI them

In this tutorial we are using jQuery and the new transformation features brought by CSS3 to create a three dimensional dynamic slider effect.

20 jQuery Cheatsheets, Docs and References for Every Occasion

RD - riccardodegni.net | Blog » GX - Full-featured Javascript Animations Framework - http://www.riccardodegni.net/blog/gx-full-featured-javascript-animations-framework

http://gx.riccardodegni.net/

Javascript Animations framework!

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

javascript post function

good tutorial

Submit a Form without Refreshing page with jQuery and Ajax. Bagus!

With this Plugin you can style your markup right in your browser with a build-in element selector and CSS editor. Generate the CSS code of altered elements with one click and use it in your own stylesheet.

h one

In my previous post on this subject I spoke about making a simple call to the Twitter Search API to return some results every 30 seconds using jQuery and ajax.

Authenticating Twitter API calls with PHP & jQuery

Ejemplo de autenticacion de Twitter con PHP

h nicer look and feel though, nice job. permalink Josh Nathanson ~ October 8, 2008 at 12:56 p.m. Nice work...even though its still in experimental, its looking great so far. I want to find a project to use this on! permalink Ryan Coughlin ~ October 8,

Javascript time (not date) input widget.

A jQuery time picker, similar to an idea I was playing around with a wee while ago.

"I have seen a bunch of JavaScript "time" pickers, but they seem to always stick to the same approach"

Tooltips ohne Bilder

Using Polygonal CSS for imageless tooltips and more

CSSで吹き出し

画像を使わず、css のみで吹き出し。

Ajaxian magazine » Using Polygonal CSS for imageless tooltips and more

PHP is the most popular and widely accepted server side scripting language among developers due to its easy to learn nature, free of cost and its large ever increasing helpful community, we usually seen in wordpress blog platforms, wordpress blogs totally build in PHP language. Today we presenting first time PHP tutorials roundup which are fully contained helping techniques and tips of most useful language PHP, It is the widely-used, free, and efficient alternative to competitors such as Microsoft's tools, every web developer know PHP most suited language for web development and can be embedded directly into the HTML, you can idea when ever you write code about that syntax is very similar to Perl and C language.

35 Really Useful PHP Tutorials And Development Techniques

jQueryを使ったいろいろなスライダーの紹介です。

In this tutorial we are making a simple AJAX-ed Todo List App, with PHP, MySQL and jQuery. In the process we are going to demonstrate PHP’s OOP capabilities, play with jQuery UI and implement some nice AJAX functionality. For a better understanding of the steps of this tutorial, you an go ahead and download the demo archive available from the button above.

plugin menu zoom

Create on-page tutorials in javascript with Amberjack - better than manuals for most people

interesting http://amberjack2.org/ #yam #dev #js #css #tooltips #framework

intercambiador de ccs por jquery.

slide show no background

RT @smashingmag: Advanced jQuery background image slideshow - http://bit.ly/bLdKiK

# Unique transition effects # Compatible with Internet Explorer 6+, Firefox 2+, Safari 2+, Google Chrome 3+, Opera 9+ # Valid markup # Flexible configuration # Auto slide # Navigation box # Lightweight (8kb only) # Linking images # Free to use under MIT licence # Fully customizable using CSS

画像切り替えがユニークな画像スライダー実装jQueryプラグイン「Coin Slider」。 画像の切替を、タイル状に切り替えたりすることができるみたいです。

画像をタイル状に切り替える

Without having to touch a piece of JavaScript code, harness the power of the jQuery. With Glimmer: a jQuery Interactive Design Tool, easily create interactive experiences and use the tool to discover ways to add animation and other effects to your site in new and unexpected places. Glimmer is a Windows application which generates jQuery, XHTML and CSS. If jQuery is the “write less, do more” JavaScript library, then Glimmer is the “write none, do more” jQuery design tool.

An interactive design tool for jQuery.

A selection of small but very useful jQuery plugins.

Documentation | Spritely - http://www.spritely.net/documentation/

JQuery List Filter

文字を入力すると、インクリメンタルに項目が絞られていくリストフィルターを実現するjQueryプラグイン。

How to build a fast, simple list filter with jQuery • Javascript • Kilian Valkhof http://dlvr.it/QlvG – Peter Garama (pgarama) http://twitter.com/pgarama/statuses/11646561778

Some nice optimisations in the comments

Några braiga tips och nyheter från jQuery 1.4.

31 jQuery Snippets That Will Help Make You A JavaScript Pro /by @addyosmani http://j.mp/d90IOM #jquery #webdesign

jQuery.calendarPicker A free ultra-light calendar

CalendarPicker is a unique lightweight jQuery plugin that allows users to change dates using a mouse wheel. In order to use CalendarPicker you also need to include Brandon Aaron’s Mousewheel Plugin that adds mouse wheel support.

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

jQuery-Plugin für mit Mauszeiger positioniertes Ajax-Loader-Gif

マウスカーソルのすぐそばにローディング画像を表示させる

It's not often that new user interface conventions are born - or popularized. Even less so within the realm of web development. I'd argue that Sparklines and Lightbox are two of the best examples of UI conventions that were popularized on the web.

finally!

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

Handy javascript for addingremiving classes to things like navigation.

active state navigation with javascript

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

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

programações legais

Table tools

php phtoto gallery

Automatically Generate a Photo Gallery from a Directory of Images: Updated

I've decided to take his tutorial a step further by showing you how to generate thumbnails for the gallery using PHP. I've also implemented a MooTools lightbox: Smoothbox. The following code will show you how to create a beautiful photo gallery by simply dumping your photos in a directory.

Simple jQuery Slideshow Plugin

シンプルでクーールなスライド

Galeria de fotos

image

an inline lightbox alternative

Plugin muito bom para exibir imagens. Com JQuery. (Slideshow) nota 1000

galeria de fundo a utilizar para projectos fashion

jQuery.popeye is an advanced image gallery script built on the JavaScript library jQuery. Use it to save space when displaying a collection of images and offer your users a nice and elegant way to show a big version of your images without leaving the page flow.

muy buena alternativa cuando hay poco espacio para mostrar muchas fotos.

รวม javascript plugin

常见的ajax

java vbn jQuery en Mootools

"Here are 47 Javascript plugins that you can use to enhance the user experience and functionality of your website."

做一个晃动的登录框

ot

showing .net webservice errors asp.net webservices

Hyviä kysymyksiä — osa vastauksista on vähän epäilyttäviä.

Smashing Magazine | JS tips

Presentación y muestra de fotos con Jquery. Muy buena para artículos

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 7

Great rich user interfaces powered by javascript.

14 Fresh and Useful jQuery Plugins

Different Stylesheets for Differently Sized Browser Windows

As we build more and more Ajaxy applications, and our apps reside on a single page, the browser’s native back button can get more and more broken. This episode will show you how to re-enable the back button on your apps.

lling the visualize() method

In one of our previous articles, I put together a list of 7 must-see videos related to web design. Since then, I've come across a number of other videos from...

With all the cool things that surround Javascript (especially with jQuery) its easy to forget that it’s possible to push pure CSS (with a touch of HTML) into an all singing and all dancing interactive site, with absolutely no scripting at all. The pure CSS techniques, outlined in this article, are neither new nor are they ground-breaking. What they do offer is CSS solutions to what would typically and traditionally be associated with Javascript, and as a demonstration that they do exist and could be quite easily used. Having said all that, we are in no way saying that these techniques are in anyway better than there Javscript equivalent, just an optional alternative and as a proof of concept. In this article we have concentrated on showing as many varied CSS techniques that cover the full spectrum of web site interactivity, thus we have intentionally minimized the number of pure CSS navigation methods, of which there are literally hundreds.

css

Link các trang dạy jQuery.

jquery基础教程

デザイナーのためのｊQuery講座。英語だけどそんなの気にしない！

LEarn jquery

"40 useful but obscure jQuery plug-ins that will hopefully help you improve the user experience on your websites."

Knowing the importance of HTML standards, we are making a set of contextual slideout tips with jQuery & CSS3, which are ideal for product pages and online tours. As a bonus, they are SEO friendly, so all the content is visible to search engines.

cts an un

the child combinator, the adjacent sibling combinator, and the general sibling combinator

If you’ve viewed my “lab” section, that is a perfect example of what this is. jSquares is a jQuery plugin that pops up an image and a description in an overlay on hover. It is basically identical to the image grid found on www.ted.com. Works like a charm in IE6+, FF 3+, Safari 3+ and Opera 10.

Expandierende Menüs wie auf TED.com zu sehen.

Cheat-Sheets - Cábula

grid accordian

InfoGridデモページ

3d carousel

30 efectos y utilidades ajax, jquery y galerias de imagenes

30 Trendy AJAX, jQuery And Image Galleries You May Like #1stwebdesigner http://bit.ly/b5Ua5u

Book

The Big List of JavaScript, CSS, and HTML Development Tools, Libraries, Projects, and Books I’ve been meaning to do a roll-up of top JavaScript, CSS & HTML development tools that I use or have been recommended to me and after having lunch with my bud Brian Wilpon today, I realized I just needed to do it. He asked me what some of the newer tools are and I think this is the best way to help him (and the community in general). It’s definitely not an all-inclusive list so if you see some that you feel I should add or remove, let me know in the comments.

Open Standard Media (OSM) Player | MediaFront http://ow.ly/1GqNC

Media Player em HTML5

Please note: This tutorial requires intermediate knowledge of CSS and jQuery. For best results, please be sure to learn the proper foundations before attempting

After a couple of hours spent on the lookout for a simple and clean jQuery plugin to columnize lists with no success, I decided to create my own one. It took me a couple of nights but the result is pretty good and hopefully it will help you whenever you need to split a list into different columns.

A voir l'effet du pinceau sur la gauche de l'article

Now I am in no way advocating that you lose the abstraction that jQuery provides, but rather, providing a faster alternative that doesn't require the use of jQuery. Always keep in mind that while not as elegant, native javascript can do what you want faster.

also includes interesting links

Beautiful Background Image Navigation with jQuery - http://bit.ly/d84kmv – jQuery (jquery) http://twitter.com/jquery/statuses/13483563601

メニューとともに背景画像もかっこよく切り替わるナビゲーションを作るチュートリアル記事です。

すげー。マウスオーバー時にクロスフェード＋トゥイーンでURLなどを表示。

背景画像をゆっくりスクロール

http://YOU LOVE.USのjQuery実装方法

これは新しい感じがする

グラデーションの背景をJSでスライドさせてる。これは素敵。

Perfect example of implementation. See source code.

mega menu

Demo

Downlo

托管在google 上的ajax

Get the latest version of the script tag for the Javascript library of your choice.

“55 Inspiring Examples of Slideshows in Web Design” by @webdesignledger features routesapp.com. Check it out: http://cl.ly/11Sq – Routes App (routesapp) http://twitter.com/routesapp/statuses/13740478831

Like it? Tweet it! A great tweeting widget for your visitors using Twitters @anywhere API & #jQuery http://j.mp/ciThFX

Like it? Tweet it! - http://pongsocket.com/tweet-it/

“Like it? Tweet it!” is a jQuery-powered JavaScript widget that enables visitors to your website or blog to write a tweet about the site directly in a box displayed in the corner of the website, with a link to the site already embedded in the input field.

Sweet Pages: A jQuery Pagination Solution http://bit.ly/dpE0Rp #jquery

เพจิเนชั่นแบบเม็ดกลมๆ

ทำ Pagination แบบ Slider (คือถ้าล้นหน้ามันจะไปเพิ่มเพจด้านข้างให้) ด้วย jQuery

Sweet Pages: A jQuery Pagination Solution – Tutorialzine - http://tutorialzine.com/2010/05/sweet-pages-a-jquery-pagination-solution/

Nice little popup to get a user to confirm they really want to do that bad bad things. Not to use over board we don't want to treat the people as children.

Plugin that replaces alert box-based confirmation with styled div structure.

Really cool jquery plugin

Zoomooz is an easy-to-use jQuery plugin for making any web page element zoom.

Zoomooz.js http://ow.ly/1JTNj // this is slick!

jsでズーム

navigation for my company

jQuery 1.4: What you need to know - http://ihumanable.com/jquery/presentation.html#slide1

15 clever and unique ui solutions from designshack

text

Nice tutorial on using the Twitter API

Designing an Infographic with HTML, CSS & jQuery

In this tutorial we’re going to learn how to build real-time form validation using jQuery

Worlds best plugin? http://bit.ly/c09BhE /via @jonathansulo

:^) RT @jonathansulo: Världens bästa plugin: http://bit.ly/c09BhE

Highly Customizable Content Slider

jQueryでiTunesのカバーフロー風UI

A jQuery coverflow widget to present your content elegantly.

image slider

Good list of editors available

10 WYSIWYG editors that are commonly used, and are worth a look in if its something you need for a project.

jquery 관련

CSS

Every seasoned developer has one and every young and upcoming developer should be thinking of building one - a good and concise collection of UI controls,

Every seasoned developer has one and every young and upcoming developer should be thinking of building one – a good and concise collection of UI controls, components and plugins that you can always rely on in times of need.

Every seasoned developer has one and every young and upcoming developer should be thinking of building one – a good and concise collection of UI controls, components and plugins that you can always rely on in times of need. Of course, there are plenty of great UI frameworks, kits and libraries that you could use, but none will offer you every component and none of them will be tailored to your own personal preferences and needs. Up until a few months ago my controls had been collected and sourced from various frameworks (Prototype, MooTools, jQuery…), upon review it seemed a little out-dated, some components unnecessary and some controls desperately needed updated. It seemed logical to give the collection a fresh outlook and a uniformity under one framework – I chose jQuery. (I have held on to a few controls that have not been built with jQuery, but for the sake of this post I have omitted them). So, here are my 50 Fundamental jQuery Controls and Rich UI Components…

une horloge en jquery

Impressively simple

css tooltip

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

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

jQuery getting started

custom rule

$.validator.addMethod("textOnly",

Yes, it's insane, I found these javascript effects in chrome experiments website, and I think I should promote and show them to all of you. Enjoy :)

crossSelect jQuery plugin demo - http://wheresrhys.co.uk/resources/crossSelect/crossSelect.html

combo de multipla selecao

SlideDown Animation Jump Revisited | jQuery for Designers - Tutorials and screencasts - http://jqueryfordesigners.com/slidedown-animation-jump-revisited/

Workaround solution for the undesirable classic animation glitch that often occurs when sliding stuff in and out with jQuery.

jQuery’s arrival has made the process writing JavaScript laughably easy. But, you’ll notice that making small changes to your code improves the readability and/or performance significantly. Here are some tips to get you on your way to optimizing your code.

a context, the way the element is searched changes completely. Now, the element providing the context – someList in our case – is first searched for, and once it has been obtained, child elements that don’t have the requisite class are removed

13 CSS techniques for creating JavaScript-like interactions

13 Pure CSS Techniques for Creating JavaScript-like Interactions

Tricks, tips and Techniques on blogging, using CSS, HTML and javascript, latest technology updates, software reviews.

Today we will create a stunning full page photo wall gallery. The idea is to have a whole page full of thumbs with a nice light effect when we hover. When an image is clicked, a panel slides up from the bottom revealing the full picture. When clicking on the full image, the thumbs panel slide back from the bottom. This effect will give the impression that we are stacking the panels on top of each other every time we change the mode. In the full picture view we add some nice transition effect when we browse through the photos.

Today we will create a stunning full page photo wall gallery. The idea is to have a whole page full of thumbs with a nice light effect when we hover. When an image is clicked, a panel slides up from the bottom revealing the full picture. When clicking on the full image, the thumbs panel slide back from the bottom. This effect will give the impression that we are stacking the panels on top of each other every time we change the mode. In the full picture view we add some nice transition effect when we browse through the photos. In addition, we will use a function for resizing the full image, adapting it to the size of the screen. So, when the screen get’s resized, our image will adapt automatically!

Galería de fotos html+jQuery.

How to create a spy effect (diggspy) as seen on the first version of QuickSnapper. However I did promise I would demonstrate how to ajaxify the spy. Here it is.

Tutorials and screencasts

very helpful!

Every now and then a web project will come up that has special and unique layout requirements, and the current capabilities of CSS just aren’t enough. With projects such as these, jQuery can be your best friend. So here are 10 jQuery plugins to help you out with page layouts.

Ajaxian » jQuery Glow - http://ajaxian.com/archives/jquery-glow

The code above, using jQuery Glow by Pat Nakajima, gives you a nice blur error on hover.

Dock Content Tutorial with jQuery. Hides top navigation with a drop down

This tutorial will show how to create a jQuery dock that positioned at the top of your website, show and hide on mouse over event. By using easeOutBounce from jQuery Easing plugin, the transition effect has greatly enhanced and much more attractive.

dock menu

$("#myselect option:eq(0)").after("<option value='4'>Some pears</option>");

$("#myselect").val("Some oranges").attr("selected", "selected");

Learn how to create these wonderful “one-click” tools to extend the functionality of your browser and interact with web services.

Zajimave tipy pro webvyvoj - jquery, printstyle, geo vyhledavani...

#Dynamic #Page / Replacing Content #jquery http://j.mp/bX66a9

great CSS tutorials

Annotated link http://www.diigo.com/bookmark/http%3A%2F%2Fcss-tricks.com%2Fdynamic-page-replacing-content

Dynamic

Let’s say you wanted to make a website where clicking buttons in the nav would dynamically load some content. Kind of like the organic tabs thing, only the content is loaded dynamically. Say something like this: There is no excuse for the navigation of a website to be completely broken without JavaScript enabled. So the best approach here is just to create these pages and the navigation as plain ol’ semantic HTML. You know, like it’s 2001. The navigation links to the files that contain that content, and are fully formed functional pages on their own.

Cambio de secciones con efecto fade in/out

iPhoneの電話帳みたいなナビゲーションを実現するjQueryプラグイン

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

Animations with no Flash.

movimiento de pájaros y de fondos

text-overflow: ellipsis

Implements the non-standard 'text-overflow: ellipsis' CSS technique for Firefox. (Other major browsers support it natively.)

jQueryのサンプルTOP10がまとまっている。

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

アコーディオン

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

Best Javascript Tree Menu Widgets

MifJS.Tree

The name says everything

hich implements the J.Q.Walker II layout algorit

Apple, and the WebKit team, have recently proposed two different additions to CSS: CSS Transitions and CSS Animations.

Apple, and the WebKit team, have recently proposed two different additions to CSS: CSS Transitions and CSS Animations. The two specifications are confusingly named - and it's hard to tell what the difference is between them at first glance. However, to put it simply: CSS Transitions are easy to use, while CSS Animations are made for programmers. CSS Transitions CSS Transitions provide you with the ability to force CSS property changing to occur smoothly over a period of time, rather than immediately and coarsely.

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

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

やってみる

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

これはかっこいい

ちょっとしたコードを書くだけで、フォームのラベルの幅を一番文字数の多いサイズに合わせるというテクニック。jQuery使用。

jQueryとCSSを使ってフォームのinput要素を楽に整列させる

一番幅のある要素のwidthを割り出して他もそれにする

ツールチップやページナビゲーションなどちょっとしたプラグインばかりです。

これくらいなら作ったほうがなんか安心。

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

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

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

Inline Multiscale Image Replacement — RTFM / Daniel Gasienica

Daniel Gasienica has clever ideas that degrade gracefully.

Welcome. My name is Daniel Gasienica and this is my blog. I live in Zürich, Switzerland, where I currently study Computer Science. I like to write about interesting topics I stumble upon in the the world of Flash, Flex & Computer Science.

to-read-later

使用するケースは思い浮かびませんが、フォームに入力した内容をその場でページ内に表示するためのｊQueryプラグインの紹介。

I downloaded the Demo Folder = DL Rainbows Demo . Companion to CSS-Trick button maker. May have more options but not an app.

テキストにグラデーション効果を付加

w to u

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.

Texto em degrade

Cloud Zoom is a jQuery image zoom plugin

Notification, message

Notificaciones con jquery ui compatible con ThemeRoller

Another cool notifications library/plugin for jQuery

li

Lightbox_me is an essential tool for the jQuery developer's toolbox. Feed it a DOM element wrapped in a jQuery object and it will lightbox it for you, no muss no fuss.

very good api lightbox

beautiful

Simple cross browser detection of text changes for input and textarea elements using a jQuery custom event plugin by ZURB

Debug JQuery

jQueryのコードを Firebugを使ってデバッグする方法のレクチャー記事です。

Different tools and techniques for improving jQuery code

画像ギャラリー用jQuery

Usage

The jLayout JavaScript library provides layout algorithms for laying out components. A component is an abstraction; it can be implemented in many ways, for example as items in a HTML5 Canvas drawing or as HTML elements. The jLayout library allows you to focus on drawing the individual components instead of on how to arrange them on your screen. The library currently provides four layout algorithms: border, which lays out components in five different regions; grid, which lays out components in a user defined grid, flex-grid which offers a grid with flexible column and row sizes, and flow which flows components in a user defined direction. Using the grid and flex-grid algorithms you can also create horizontal and vertical layouts. A jQuery plugin to lay out (X)HTML elements is also available.

Notificação estilo alert

jQuery & CSS3

Good Selection

paging mit jquery

Pajinate is a simple and flexible jQuery plugin that allows you to divide long lists or areas of content into multiple separate pages. Not only is it a simpler alternative to server-side implementations, the time between paginated-page loads is almost nil (up to a reasonable page-size of course).

PAra agregar paginación a listas largas

Plugin lanzado por microsoft que permite trabajar con i18n y jquery. Muy bueno

MicrosoftによるjQuery用の国際化プラグイン

I would really like to go thru this tutorial! It has some really neat features, but what I worry about is that this method of creating content does not lend itself to deep understanding on the part of the reader according to much of the recent research. The hyperlinks could be construed as distracting -- would be worth looking at though.

Semantic CSS3 Lightboxes - http://sixrevisions.com/css/semantic-css3-lightboxes/

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

ทำ from เลื่อนซ้ายขวา

Today we are going to create a fancy sliding form that shows some validation feedback to the user after each step. This form saves a lot of space and is easy to access – it basically works like a slide show, just that we have fieldsets of a form instead of images.

jQuery Form

mobile-google inspired floating toolbar

Syntax highlighter written in JavaScript.

jQuery Templates and Data Linking

onfiguration

AeroWindow erstellt Popup-Fenster im Aero Stil, angelehnt an den Style von Window7. Die Popup-Fenster bieten die gewohnten Möglichkeiten und volle Funktionalität analog zu Windows Fenstern. Features * Besonderheit: Live animierter Glossy Aero Look (siehe Header beim Verschieben) * Gewohnte Fenster Buttons: Minimieren, Verkleinern, Maximieren und Schließen * Doppelklick Unterstützung wie in Windows (Maximieren, Verkleinern) * Aktives Fenster wird visuell hervorgehoben, wie in Windows * Vom Anwender stufenlos skalierbare Fenstergröße * Verschiebbare Fenster durch Maus dragging * Gewohntes Z-Order-Management wie in Windows * + Animierte Veränderung der Fenstergröße * + Vielfältige Konfigurationsmöglichkeiten

by @woork

Reference for the jQuery 1.4.2 API.

Great roundup of good looking navigation patterns.

Signs of a poorly written jQuery plugin

JQuery Upload y otras técnicas

I’m what you would consider a bit of a GitHub fanboy. We all know that GitHub is the perfect place to store repositories of open source code, but I think my love of GitHub goes beyond that. GitHub seems to understand that most repo sites are usually boring so they’ve spiced their site up with some catchy CSS and great JavaScript features. One tiny piece of the GitHub design I love are the basic buttons. Lets examine how we can create our own GitHub-style buttons with a bit of HTML, CSS, and JavaScript.

E3에서 다시 선보인 HTML5 기반 웹게임엔진 Aves. 아이폰/아이패드/안드로이드에서도 잘 동작한다고.. 플래시기반 게임들중 라이트한것들은 정말 HTML5기반으로 가게될듯 http://j.mp/cxAXDt – 권정혁/Chris Kwon (xguru) http://twitter.com/xguru/statuses/16274245094

Why and how to create Microsoft Office Minibar with jQuery and CSS3 http://ow.ly/17BKaZ – Javascript News (del_javascript) http://twitter.com/del_javascript/statuses/15377993283

上下左右からパネルをスライドさせる

Galeria de imagenes con efecto hover sobre ellas

เอาเม้าส์เหนือแล้วรูปเลื่อนออก

Using JQuery to Jazz up Image Presentation

jq一些图片的插件

Sencha Touch is the world's first app framework built specifically to leverage HTML5, CSS3, and Javascript for the highest level of power, flexibility, and optimization.

Sencha Touch allows you to develop web apps that look and feel native on Apple iOS and Google Android touchscreen devices.

If you are a web designer, you will agree that to keep the interst of the visitors, design of the website must be clear and intuitive. And, of course, the key to

ブラウザ上でグリッド表示

tons of good ajax techniques...

How to do jQuery, Ajax, PHP and MySQL Projects. Topics focus on Programming, Jquery, Ajax, PHP, Demos, Web Design, Javascript and MySQL

A Collection of jQuery and Ajax Tutorials with live demos, tutorials posted on 9lessons blog.

The 20 year wait is over. Now you can build your forms with HTML5 and make them look and behave like you want. This completely new set of tools weighs only 5.63 Kb and you can load it from a free content delivery network.

Form Validierung dank jQuery & HTML 5.

Tero Piirainen has released jQuery Tools 1.2. Includes HTML5 form shim! http://flowplayer.org/tools/release-notes/ – Dion Almaer (dalmaer) http://twitter.com/dalmaer/statuses/13369136442

In this tutorial we are going to make use of the incredibly awesome rotating and scaling jQuery patch from Zachary Johnson that can be found here. We will create a menu with little icons that will rotate when hovering. Also, we will make the menu item expand and reveal some menu content, like links or a search box.

Menu Fabuloso

super effet avec rotation des éléments. A approfondir urgent !!!

Announcing jQuery Fundamentals: An Open-Source jQuery Training Curriculum | blog.rebeccamurphey.com http://bit.ly/9uYj71

Rebecca Murphey (@rmurphey) Announces the initial release of her open-source #jQuery training material http://bit.ly/ds1PWt – jQuery (jquery) http://twitter.com/jquery/statuses/16404456111

jQuery is one of the most famous, free and open source JavaScript library in use today. jQuery is a lightweight, cross-browser JavaScript library which is

That’s the reason, we always try to showcase fresh and useful jQuery plugins developed in every month. In our last month’s post, we wrapped up 20 Best and Useful jquery Plugins of April 2010 and received lots of appreciation. Even this time, I hope you will find here another fresh piece of work. So, have a look on SaveDelete’s compilation of 25 Best and Useful jQuery Plugins of May 2010 and I am sure that there plugins would offer better options for your web projects.

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

jme is an HTML5 audio / video development kit with Flash and VLC Fallback, which focuses on flexibility, intuitive DOM-API and semantic code. http://www.webresourcesdepot.com/jquery-html5-audio-video-kit-jmediaelement/

quick jquery slideshow

Excellent jQuery tutorial: http://is.gd/cT5mu (via @ricmrodrigues) – Use jQuery (usejquery) http://twitter.com/usejquery/statuses/16407036996

Nice introduction to jQuery.

jQueryプラグインを探す際にだいたい見て回る巡回サイトまとめ - かちびと.net http://ow.ly/17NZ9f – Javascript News (del_javascript) http://twitter.com/del_javascript/statuses/16564088921

jTweetsAnywhere - jQuery Twitter Widget with @Anywhere support - http://thomasbillenstein.com/jTweetsAnywhere/

jQuery Twitter Widget

jQuery Twitter Widget with @Anywhere support

upload obrazka

How to Create a Drop-down Nav Menu with HTML5, CSS3 and jQuery - http://bit.ly/dgoSRM – Smashing Magazine (smashingmag) http://twitter.com/smashingmag/statuses/15767323261

In this tutorial, we’ll take a look and see what we can achieve with HTML5 and CSS3 when it comes to the staple of current web sites: the humble drop-down

dropdown menu with gradient bg

plug ins

25 Excellent jQuery Sliders Tutorials and Plugins | Vandelay Design Blog - http://vandelaydesign.com/blog/web-development/jquery-sliders/

HTML5 Starter Pack by Radu Chelariu | Sickdesigner.com - http://sickdesigner.com/resources/HTML5-starter-pack/index.html

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

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

pdf

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

Para crear pdf usando el navegador

jQuery.validity is an elegant and powerful jQuery plug-in you can use to setup client-side form validation. Instead of writing validation manually or balancing some unwieldy server-side framework, validity allows you to design client-side validation in a manner that feels natural and straightforward.

Single sprite (What's that?) navigation is great, but we all know it can get a little bit tedious. All that measuring of pixel perfect photoshop slices, careful coding of your CSS and subsequent calculator bashing is enough to drive anyone to start microwaving fluffy kittens. Wouldn't it be great to have a fancy online tool to take care of all the boring stuff for you in a few simple clicks? Well wish no more...

# Upload image

50 jQuery Plugins for Form Functionality, Validation, Security and Customisation http://bit.ly/b9KZDo #jquery

jQuery Stack menu like Apple Snow Leopard Dock.

A star-rating jQuery plugin

CODE AT GITHUB: http://github.com/rmurphey/jqfundamentals ...novice developers who are new to jQuery or the JavaScript language? I’d be failing in my duties if I neglected to mention SitePoint’s books such as the magnificent Simply JavaScript by Kevin Yank and Cameron Adams. However, while you’re waiting for it to be delivered, I can recommend jQuery Fundamentals by Rebecca Murphy. It’s a comprehensive online book which guides you from JavaScript basics through to writing jQuery plugins. Even expert JavaScript developers will find something they didn’t know. The book is excellent. It’s well-written, concise, and contains plenty of examples and JavaScript gotchas. What’s more, it’s free. The sections include: JavaScript basics jQuery basics utility methods events and effects Ajax writing jQuery plugins There’s also a list of links to all the examples. That’s useful when you forget the exact syntax for anonymous self-executing functions or cloning DOM nodes.

Read this soon!

jquery form

ｊQueryを使ったフォーム集　いいデザインいっぱい

What's great about jQuery is how easily you can create impressive animations and interactions with a super lightweight size. WordPress awesomeness lies in its

In this article, we’ll explore 10 Most Wanted jQuery Plugins Now Ready For WordPress.

A collection of links to amazing css3 image gallery code on the web @speckyboy.com

10 Pure CSS3 Image Galleries and Sliders

12 Helpful jQuery Plugins

This is a list of 12 helpful jQuery plugins you are maybe missing. The list contains some plugins that are really helpful for your up-coming projects. If I was missing something crazy, feel free to share it in the comment section. Enjoy the list and don’t miss any awesomeness this month!

Muy interesante

Apple-Style Slider - http://devgrow.com/slidernav-jquery-plugin/

上下滚动插件

SliderNav

A-to-Z menu, easy way to quick scroll in long A-Z list

Feature Table Design | CSS-Tricks

como crear una tabla de caracteristicas con html y css

I ran into the feature table design from Shopify over on Pattern Tap and I was like DAMN SHOPIFY, that is one sexy table. I was inspired to try and replicate

In this tutorial we are going to create a nice and fresh image gallery. The idea is to show the albums as a slider, and when an album is chosen, we show the images of that album as a beautiful photo stack. In the photo stack view, we can browse through the images by putting the top most image behind all the stack with a slick animation.

HiFi Regex Tester - Live JavaScript Regular Expression Tester http://ow.ly/17Vt9a – Javascript News (del_javascript) http://twitter.com/del_javascript/statuses/17320222555

<ul class="pager"> <li><a rel="0" class="pagenum" href="#">1</a></li> <li><a rel="1" class="pagenum" href="#">2</a></li> <li><a rel="2" class="pagenum" href="#">3</a></li> <li><a rel="3" class="pagenum" href="#">4</a></li> <li><a rel="4" class="pagenum" href="#">5</a></li> <li><a rel="5" class="pagenum" href="#">6</a></li> </ul>

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

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

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

calendar, date picker, scrolling tabs, checkbox tree

In this tutorial we will create a simple smooth scrolling effect with jQuery. We will create a horizontal and a vertical website layout to show the effect. We will be using the jQuery Easing Plugin and just a few lines of jQuery.

CSS3 Rounded Image With jQuery

Default forms are boring and that’s for certain. Styling your form with a jQuery plugin is the solution for your aesthetic issues with basic and old forms. There are here 55 jQuery plugins for forms covering everything that you would think of related to form styling with the powerful jQuery.

Default forms are boring and that’s for certain. Styling your form with a jQuery plugin is the solution for your aesthetic issues with basic and old forms.

Top 10 Content Slider Plugins for Wordpress - Speckyboy Design Magazine - http://speckyboy.com/2010/06/30/top-10-content-slider-plugins-for-wordpress/

TAllows fade/animate effects using single image and offset CSS. Easy to implement.

fade in e out em background

Como verificar si tu contraseña es segura

It would take About 700 million years for a desktop PC to crack your password

smooth scrool

fastladder iphone viewer に使えそう

Built on jQuery, Titan interfaces with JSON, enabling you to easily put data from JSON into your HTML elements via Javascript or CSS classes. Titan will even query the server for you using REST methods to retrieve the JSON you will be working with.

Una chat web

i need to have a conversation with a couple people. there's email, but i get pretty sick of the copied text that quickly gets out of control, the unnecessary repetition of everyone's signuatures... overlapping responses. and, i get so much crap in my inbox as-is--it can be cumbersome to try and isolate relevant emails and then the important parts of them. i don't like instant messaging. there are so many clients out there, and, sure there are tools to help them come together, but there are some people that will never use im (i don't blame them, i just haven't had the choice.) twitter is right out. then, there's one of my favorites: irc. but, let's face it: it's mostly for nerds. google wave may be an option... someday. even so, in my experience with the beta so far i'd have to argue that multi-threaded chats are actually less productive. so, i needed something different. a slightly different approach sixty-nine, dudes! your future us's use anologue! anologue is like comments,

ith anologue you can quickly and easily engage in an anonymous (or not) linear dialogue with any number of people (within reason). no accounts. no installations. no way?! yes, way! your "chat room" is created by the time this link loads. invite whoever you want by giving them your unique link, and chat away.

anologue is like comments, meets im, meets irc, meets your favorite paste app, meets instant coffee. actually, instant coffee sucks. with anologue you can quickly and easily engage in an anonymous (or not) linear dialogue with any number of people (within reason). no accounts. no installations. no way?! yes, way! your "chat room" is created by the time this link loads. invite whoever you want by giving them your unique link, and chat away. let's make this better, together perhaps best of all: this is open source. built with php 5.3.1, using the most non-heinous, totally rad lithium framework, couchdb, jquery, a few other scripts as well as some classy, original and established iconography for ui; all coming together for the conversational goodness you're about to experience. contribute to the core or download the source and setup your own. this one's for you, internets.

i need to have a conversation with a couple people.

Great Ways to Learn jQuery

FutureWave Software

While the phrase “founding fathers” is often used in conjunction with men like Benjamin Franklin, Thomas Jefferson and George Washington, we wanted the think about the phrase on the global level. And what is more global than the world wide web? Thus, this holiday, we’re taking a look at 10 individuals who have been instrumental in helping to shape the world wide web and the culture of the Internet as we know it today.

(...) As the web evolves, new technologies are emerging and uniting in remarkable ways. The combination of Ajax and jQuery, in particular, is one of the most powerful unions to date.

(...) As the web evolves, new technologies are emerging and uniting in remarkable ways. The combination of Ajax and jQuery, in particular, is one of the most powerful unions to date.

5 jQuery Calendar Plugins that can be used on Websites - http://www.devcurry.com/2010/06/5-jquery-calendar-plugins-that-can-be.html

あなたのWebを入力しやすくするjQueryプラグイン10選（1/5） - ＠IT葛西 秋雄 2010/6/17jQueryと、そのプラグインの使い方を、UI効果（エフェクト）のテーマごとに紹介する連載。jQuery/JavaScript/HTMLコードだけではなく、CSSの書き方も解説することで、より実践的にjQueryプラグインを使うための参考ドキュメントになることを目指していま

あなたのWebを入力しやすくするjQueryプラグイン10選（1/5） - ＠IT

The jQuery offline plugin provides an easy mechanism for retrieving JSON data from a remote server, and then caching it. Subsequent requests for the same URL will retrieve the data from the cache, rather than the remote server. If the user is online, the plugin will transparently request new content from the remote server, firing the callback again if the content has changed. If the user is offline, the plugin will request the data from the remote server for the most recent request when the user comes back online.

A jQuery plugin to facilitate conveniently working with local storage

あなたのWebを入力しやすくするjQueryプラグイン10選（1/5） - ＠IT葛西 秋雄 2010/6/17jQueryと、そのプラグインの使い方を、UI効果（エフェクト）のテーマごとに紹介する連載。jQuery/JavaScript/HTMLコードだけではなく、CSSの書き方も解説することで、より実践的にjQueryプラグインを使うための参考ドキュメントになることを目指していま

あなたのWebを入力しやすくするjQueryプラグイン10選（1/5） - ＠IT

Shared: JQuery offline released http://bit.ly/b2q8xI

Web applications that wish to work robustly in flaky or offline scenarios can use client-side persistence to serve stale data while transparently trying to reconnect for more up-to-date data if possible. In a mobile scenario, the user may consider himself “connected” when in fact he has dropped out of connectivity for a moment (for instance, he may have gone under a tunnel). Because of this, and because latency on mobile devices can be quite high, a well-behaved mobile web application (or even simple website) will serve up content out of a local cache, so the user can see it quickly, before trying to make a connection to retrieve new content

The jQuery offline plugin provides an easy mechanism for retrieving JSON data from a remote server, and then caching it. Subsequent requests for the same URL will retrieve the data from the cache, rather than the remote server. If the user is online, the plugin will transparently request new content from the remote server, firing the callback again if the content has changed. If the user is offline, the plugin will request the data from the remote server for the most recent request when the user comes back online.

あなたのWebを入力しやすくするjQueryプラグイン10選（1/5） - ＠IT葛西 秋雄 2010/6/17jQueryと、そのプラグインの使い方を、UI効果（エフェクト）のテーマごとに紹介する連載。jQuery/JavaScript/HTMLコードだけではなく、CSSの書き方も解説することで、より実践的にjQueryプラグインを使うための参考ドキュメントになることを目指していま

あなたのWebを入力しやすくするjQueryプラグイン10選（1/5） - ＠IT

How to create a built-in contact form for your WordPress theme

สอนทำแบบฟอร์มใส่ใน wp เองเลย

Many WordPress plugins can add a contact form to your blog, but a plugin is not necessary. In this tutorial, I'm going to show you how you can create a built-in contact form for your WordPress theme.

Sliding labels for FORM elements

ไอคอนเมนูแบบแมคแมค

สอนทำเมนูแบบ Dock ของ Mac โดยใช้ jQuery+CSS

jquery color expressions

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

tutorial jquery

Style Your Site According to the Weather with jQuery

jQueryとjQueryプラグインを使った中央表示、自動リサイズレイアウトのデモ？

This is Centratissimo: all centered and auto-resizable layout with some jQuery experiments by musings.it - v

Centratissimo is a web template with smooth scrolling features between pages and auto-resize capabilities relative to the actual screen-size, so that it results always perfectly centered. It's an all-centered and auto-resizable layout with some jQuery experiments.

This is Centratissimo: all centered & auto-resizable layout w/some jQuery experiments by musings.it http://bit.ly/dBZ34B RT @musingspuntoit

Creative designers can do some amazing things with jQuery. A wide variety of animation effects are possible, and these 35 tutorials provide excellent learning resources for anyone who is wanting to brush up their skills in this area. You'll find tutorials for creative animated navigation menus, as well as for other types of animation that use jQuery instead of Flash. Animate Image Filling Up Using jQuery

jQueryとjQueryプラグインを使った中央表示、自動リサイズレイアウトのデモ？

This is Centratissimo: all centered and auto-resizable layout with some jQuery experiments by musings.it - v

Centratissimo is a web template with smooth scrolling features between pages and auto-resize capabilities relative to the actual screen-size, so that it results always perfectly centered. It's an all-centered and auto-resizable layout with some jQuery experiments.

infinite scroll

marcofolio.net, Learn how to create an unlimited scroll effect using jQuery by calling the Twitter API .

Ladezeitenoptimierung mit und für jQuery

YouTubeのAPIでカスタムプレーヤーを

Fancy Sliding Form with jQuery - http://tympanus.net/Tutorials/FancySlidingForm/

cool concept form that could be use for ODF requests

Interesting sliding approach to normally boring forms.

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

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

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

縦書き

25 Beautiful Examples of jQuery and CSS Drop-down Menu Tutorials

jQueryとCSSで実装されたドロップダウンメニューのチュートリアル集

プルダウンメニュー25選。

textarea { overflow: auto; }

Los mejores 29 plugins jQuery de Junio del 2010.

galería movil

advanced

MITYA.CO.UK | Scripts | Blockster transition effect - http://www.mitya.co.uk/scripts/Blockster-transition-effect-122

Blockster is a Javascript transition effect designed for 'featured content' rotators or slideshows. Its underlying concept is to transition between one element to the next block by block. It is highly customisable in terms of how many blocks are involved, whether they fade in or simply appear, whether they appear in order or randomly, and more.

advanced

http://aloha-editor.com looks neat but (checking out the demos and docs) I don't see it really competing with CKeditor or even Tiny MCE…

The world's most advanced browser based Editor let's you experience a whole new way of editing. It’s faster than existing technologies and offers unprecedented functionalities.

ว้าว jQuery อันนี้เจ๋ง พอใช้ Table แสดงผลข้อมูล ลองกดตรงหัวสิ มันจะ Sort ได้ วื้บๆ ด้วยนะ

Mitya.co.uk - scripts, plugins and tutorials for Javascript, jQuery and PHP. Check out my web development blog for the latest updates.

"Raphaël is a light-weight JavaScript library that renders dynamic SVG graphics including charts, graphs, vector-based animations, and GUI components right into your web pages. Now, you’re probably thinking, I can already do this with jQuery, Google Charts, or even Flash! While this is true, Raphaël reveals new possibilities not currently available with these other technologies. Let’s learn how to create inline scalable vector images that work across browsers and degrade gracefully."

using code to create graphics

Raphaël is a light-weight JavaScript library that renders dynamic SVG graphics including charts, graphs, vector-based animations, and GUI components right into your web pages.

Met name het voorbeeld van de route op de kaart ...

MITYA.CO.UK | Scripts | Animated table sort (REGEXP friendly) - http://mitya.co.uk/scripts/Table-sort---now-REGEXP-friendly-111

ว้าว jQuery อันนี้เจ๋ง พอใช้ Table แสดงผลข้อมูล ลองกดตรงหัวสิ มันจะ Sort ได้ วื้บๆ ด้วยนะ

html web etc knowledge

A List Apart wrote up the Raphael library.

Hmm, this looks informative. SVG with a little help from Raphaël, by @briansuda - http://bit.ly/9bOWHB /via @alistapart

SECTION : jQuery Core

MITYA.CO.UK | Scripts | Animated table sort (REGEXP friendly) - http://mitya.co.uk/scripts/Table-sort---now-REGEXP-friendly-111

ว้าว jQuery อันนี้เจ๋ง พอใช้ Table แสดงผลข้อมูล ลองกดตรงหัวสิ มันจะ Sort ได้ วื้บๆ ด้วยนะ

A List Apart: Articles:

jQueryのコードをインタラクティブ＆グラフィカルに読み解いていくことができる『jQuery Deconstructed』

graphical jQuery code

jQueryの構造がわかりやすい。クリックで関数表示も。

MITYA.CO.UK | Scripts | Animated table sort (REGEXP friendly) - http://mitya.co.uk/scripts/Table-sort---now-REGEXP-friendly-111

an interactive work made using HTML, CSS, Javascript and jQuery, based on Piet Mondrian's “Composition with Yellow, Red, Black, Blue and Grey” (1920)

RT @ludwigmuseum: Create your own Mondrian http://www.compositionwithjavascript.com/ via @MuseumModernArt

Joli. Créez votre propre Mondrian http://www.compositionwithjavascript.com/ #art

RT @MuseumModernArt: Create your own Mondrian! http://bit.ly/bW1Tk6

#yam RT @hyunwook: [ JavaScript] html, css, javascript, jQuery 를 이용한 인터렉티브 작품인 피에트 몬드리안 프로젝트 | 웹 기술의 아트화를 엿볼 수 있는 사례 http://fb.me/xQy6G5tU

Composition with Javascript is an interactive work made using HTML, CSS, Javascript and jQuery, based on Piet Mondrian's “Composition with Yellow, Red, Black, Blue and Grey” (1920). It allows everybody deconstruct the original painting and form it again in whatever he or she wants. Lines are shiftable (just drag it with your mouse) and colours changeable (click on it). Texture of the painting was preserved for authentic look. One can play with composition, forms and colours, alter the harmony of the piece or even destroy it and compose something pictorial.

初心者向けjQuery入門

jQueryリファレンス

an interactive work made using HTML, CSS, Javascript and jQuery, based on Piet Mondrian's “Composition with Yellow, Red, Black, Blue and Grey” (1920)

RT @ludwigmuseum: Create your own Mondrian http://www.compositionwithjavascript.com/ via @MuseumModernArt

Joli. Créez votre propre Mondrian http://www.compositionwithjavascript.com/ #art

RT @MuseumModernArt: Create your own Mondrian! http://bit.ly/bW1Tk6

Today jQuery is the hottest design related topic among the web designers. A number of tutorials comes in every month so web designers always wait for this type

Just a short while ago, Flash was one of the primary technologies used by web designers to add interactivity to a website. Since the introduction of the

File uploading, resizing, encoding, thumbnailing and storage. Has a jQuery plugin for a progress bar

"Let us do the processing"

Fantastic file uploading for your web application

File uploading, resizing, encoding, thumbnailing and storage. Has a jQuery plugin for a progress bar

"Let us do the processing"

Fantastic file uploading for your web application