Pages tagged javascript:

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

useful web tools
めもめも
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/
K. Scott Allen : Function.apply and Function.call in JavaScript
http://odetocode.com/Blogs/scott/archive/2007/07/04/11067.aspx
function.apply and .call control the scope of the this keyword
Function.apply and Function.call
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.
20 Free & Open Source Image Galleries for Web Designers | CMD+SHIFT BLOG: Design, Tech, Internet, Web, Freelance, Blog by Liz Andrade, Owner of Seatttle Web Studio CMD+Shift Design. | Resources
http://www.cmdshiftdesign.com/blog/2008/11/17/free-image-galleries/
Monter ses Slideshows
20 free image GALLERIES (scripts???)
AJAX APIs Playground
http://code.google.com/apis/ajax/playground/
Guia completo das APIs do Google Code.
How to Make a Smooth Animated Menu with jQuery | Build Internet!
http://buildinternet.com/2009/01/how-to-make-a-smooth-animated-menu-with-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
» 10 Brilliant Multi Level Navigation Menu Techniques
http://devsnippets.com/reviews/10-brilliant-multi-level-navigation-menu-techniques.html
Create Vimeo-like top navigation
http://www.jankoatwarpspeed.com/post/2009/01/19/Create-Vimeo-like-top-navigation.aspx
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で作る。
Tracking Clicks, Building a Clickmap with PHP and jQuery
http://css-tricks.com/tracking-clicks-building-a-clickmap-with-php-and-jquery/
A plugin form of this script would be great.
PHPとjQueryでクリックした位置が分かるクリックマップ作成
Ask SM: How Do I Create A Colorful Sitemap With jQuery? | CSS | Smashing Magazine
http://www.smashingmagazine.com/2009/01/22/ask-sm-how-to-create-a-colorful-sitemap-with-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
WWW SQL Designer - default
http://ondras.zarovi.cz/sql/demo/?keyword=default
Visual relational database designer, done entirely in <canvas> and javascript. Rather swanky-looking.
John Resig - OCR and Neural Nets in JavaScript
http://ejohn.org/blog/ocr-and-neural-nets-in-javascript/
Canvas element used to do basic image-processing on an image. Can a JS port of NumPy be far behind? What about the effects on expectations for javascript from users and engine writers? *Mind buzzes*
Breaking Captchas with a GreaseMonkey script
Pop! simple pop menus with jQuery
http://pop.seaofclouds.com/
sIFRvault - A Repository of sIFR fonts
http://sifrvault.com/
wwwsqldesigner - Google Code
http://code.google.com/p/wwwsqldesigner/
This tool allows you to draw and create database schemas (E-R diagrams) directly in browser, without the need for any external programs (flash)
Exactly How to Create a Custom jQuery Accordion - NETTUTS
http://nettuts.com/tutorials/javascript-ajax/exactly-how-to-create-a-custom-jquery-accordion/
これは便利だ!Excel→Table化するjQueryプラグイン
http://ascii.jp/elem/000/000/197/197664/
CSVファイル(カンマ区切りテキスト)を読み込み、Tableに整形して表示するJavaScriptライブラリ「jquery.csv2table.js」だ。
外部CSVをTable化して表示
これはかなり便利だ
htmlから外部ファイルのcsvを参照してHTMLオブジェクトを生成。すげーな。
Beautiful datepickers and calendars for web developers
http://woork.blogspot.com/2009/01/beautiful-datepickers-and-calendars-for.html
Beautiful datepickers and calendars for web developers
10 Most Interesting Upload Widgets | AjaxLine
http://www.ajaxline.com/10-most-interesting-upload-widgets
Widgets
Upload Widgets
jQZoom Evolution, javascript image magnifier
http://www.mind-projects.it/projects/jqzoom/demos.php#demo1
Prototip allows you to easily create both simple and complex tooltips using the Prototype javascript framework.
Nice magnifier effect - good for product pages
The Power of WordPress and jQuery: 30+ Useful Plugins & Tutorials
http://www.noupe.com/jquery/the-power-of-wordpress-and-jquery-30-useful-plugins-tutorials.html
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
Easy Slider 1.5 - The Easiest jQuery Plugin For Sliding Images and Content | Css Globe
http://cssglobe.com/post/4004/easy-slider-15-the-easiest-jquery-plugin-for-sliding
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
DatePicker - jQuery plugin
http://www.eyecon.ro/datepicker/
interesting for SIFE?
Date Picker - jQuery plugin
New jQuery plugin: ‘imgPreview’ - James Padolsey
http://james.padolsey.com/javascript/new-jquery-plugin-imgpreview/
Image Preview
jQuery listnav plugin - javascript navigation control to manage alphabetical lists
http://www.ihwy.com/Labs/jquery-listnav-plugin.aspx
Javascript navigation control to manage alphabetical lists
25 jQuery Tutorials for Improved Navigation Menus
http://designm.ag/tutorials/jquery-navigation/
"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."
Building an interactive map with jQuery instead of Flash | Raleigh Web Design & Development | New Media Campaigns
http://www.newmediacampaigns.com/page/jquery-vs-flash-for-interactive-map
50 Websites that make amazing use of javascript | Kriesi.at - new media design
http://www.kriesi.at/archives/50-websites-that-make-amazing-use-of-javascript
[JS]これ最強かものツールチップスクリプト -BeautyTips | コリス
http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-beautytips.html
ツールチップスクリプト
BeautyTips | Coliss
シンプルなツールチップも簡単に実装できるだけなく、デザインのカスタマイズが可能で、対応トリガーも豊富なツールチップのスクリプト「BeautyTips」を紹介します。
Build a Tabbed Box with CSS and jQuery
http://www.cssnewbie.com/build-a-tabbed-box-with-css-and-jquery/
What You Need to Know About jQuery 1.3 - NETTUTS
http://nettuts.com/tutorials/javascript-ajax/everything-you-need-to-know-about-jquery-13/
jQuery
10+ Most Interesting And Useful jQuery plugins - January 2009 | AjaxLine
http://www.ajaxline.com/10-most-interesting-and-useful-jquery-plugins-january-2009
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
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.
Building an Animated Cartoon Robot with jQuery
http://css-tricks.com/jquery-robot/
Animações com jQuery
Interesting.
wilq32 - jQuery plugin: Wilq32.RotateImage
http://wilq32.googlepages.com/wilq32.rollimage222
Roter billeder vha. jQuery på almindelige HTML-sider
Rotação de imagens, imagens inclinadas
rotate images with jquery (+ animation!)
tipsy - Facebook-style tooltip plugin for jQuery
http://onehackoranother.com/projects/jquery/tipsy/
Building a jQuery-Powered Tag-Cloud - NETTUTS
http://nettuts.com/tutorials/javascript-ajax/building-a-jquery-powered-tag-cloud/
JSXGraph - Graphics with JavaScript - The JSXGraph library
http://jsxgraph.uni-bayreuth.de/cms/
Graphics with JavaScript
plotting, geometry, visualization
Top 10 jQuery plugins for Form Usability « Steve Reynolds
http://www.reynoldsftw.com/2009/01/top-10-jquery-plugins-for-form-usability/
30 Essential Controls
http://designingwebinterfaces.com/essential_controls
pretty much a overview of anything you could need
jQuery Cheat Sheet - NETTUTS
http://nettuts.com/freebies/cheat-sheets/jquery-cheat-sheet/
jQuery Cheat Sheet - NETTUTS - http://nettuts.com/freebies/cheat-sheets/jquery-cheat-sheet/
jQuery on Rails: Why Bother? // RailsTips by John Nunemaker
http://railstips.org/2008/11/20/jquery-on-rails-why-bother
Jquery rails
A Better Pagination / Portfolio / Christoph Pojer
http://og5.net/christoph/article/A_better_Pagination
Pagination
おそろしく高機能でフリーなFlashフォトギャラリーの決定版「dfGallery 2.0」 - GIGAZINE
http://gigazine.net/index.php?/news/comments/20090125_dfgallery/
AJAXによって複数の好きな画像を一気にアップロードし、それをフォトギャラリーとしてページに埋め込んで表示できるのがこの「dfGallery 2.0」。フルスクリーンモードにすることもでき、FlickrやPicasaのアルバムと連携可能で、カスタムテーマとマルチスキンによって見かけやレイアウトを大幅かつ自由に変更可能で、さらに管理用のコンソール画面、複数のギャラリーセットとアルバムのサポート、BGMの再生なども可能です。これだけ高機能であるにもかかわらずフリーでの利用(Apache License 2.0)が可能となっており、あらゆる局面で利用可能となっています。 実際の動作デモやインストールとカスタム方法を解説したムービーの再生などは以下から。
した
Tweet! Put Twitter on your site with jQuery widget
http://tweet.seaofclouds.com/
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
How To Develop A Firefox Extension | Web Builder Zone
http://css.dzone.com/news/how-to-develop-a-firefox-exten
Admit that you have always wanted to know how to develop a Firefox extension but never had the time to learn. Here I will walk you through and at the end of the article we will have created a fully functional Firefox extension!
Admit that you have always wanted to know how to develop a Firefox extension but never had the time to learn. Here I will walk you through and at the end of...
Pirobox jQuery Lightbox | Design Shack
http://designshack.co.uk/tutorials/pirobox-jquery-lightbox
Pirobox jQuery Lightbox | Design Shack - http://designshack.co.uk/tutorials/pirobox-jquery-lightbox
jquery lightbox
Styling Buttons and Toolbars with the jQuery UI CSS Framework | Filament Group, Inc.
http://www.filamentgroup.com/lab/styling_buttons_and_toolbars_with_the_jquery_ui_css_framework/
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.
Useful tips to design horizontal website layout
http://woork.blogspot.com/2009/02/useful-tips-to-design-horizontal.html
cufón - fonts for the people
http://cufon.shoqolate.com/generate/
A Coding Fool: jQuery 1.3 Cheat Sheet
http://acodingfool.typepad.com/blog/jquery-13-cheat-sheet.html
Global is the new private
http://mankz.com/code/GlobalCheck.htm
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
A List Apart: Articles: Advanced Debugging with JavaScript
http://www.alistapart.com/articles/advanceddebuggingwithjavascript
Release:jQuery 1.3 - jQuery JavaScript Library
http://docs.jquery.com/Release:jQuery_1.3
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
Creating a “Filterable” Portfolio with jQuery - NETTUTS
http://nettuts.com/tutorials/javascript-ajax/creating-a-filterable-portfolio-with-jquery/
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
John Resig - Talk: The DOM is a Mess
http://ejohn.org/blog/the-dom-is-a-mess/
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.
Supersized - Full Screen Background/Slideshow jQuery Plugin | Build Internet!
http://buildinternet.com/2009/02/supersized-full-screen-backgroundslideshow-jquery-plugin/
Set Font Size Based On Word Count
http://css-tricks.com/set-font-size-based-on-word-count/
Set Font Size Based On Word Count
css-tricks.com
市町村変遷パラパラ地図
http://mujina.sakura.ne.jp/history/index.html
JS charts – The free JavaScript chart generator
http://www.jscharts.com/
JS Charts is a free JavaScript based chart generator that requires little or no coding. With JS Charts drawing charts is a simple and easy task, since you only have to use client-side scripting (i.e. performed by your web browser). No additional plugins or server modules are required. Just include our scripts, prepare your chart data in XML or JavaScript Array and your chart is ready!
40+ Excellent jQuery Tutorials | instantShift
http://www.instantshift.com/2009/02/05/40-excellent-jquery-tutorials/
Most of you already aware that jQuery is a lightweight JavaScript library that emphasizes interaction between JavaScript and HTML. it's also known for fast
Most of you already aware that jQuery is a lightweight JavaScript library that emphasizes interaction between JavaScript and HTML. it’s also known for fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. Or in developer’s words “write less, Do more”. Now days jQuery is on top of its charm and everyone from Javascript world love to experiment with it. Because of the remarkable significance of JQuery in Designing field, it is an essential to keep yourself up-to-date with its Quality uses and Examples. In this article, we’ll take a look at Various jQuery Tutorials for your source of inspiration.
2008年に注目を集めた使えるJavaScriptライブラリ集:phpspot開発日誌
http://phpspot.org/blog/archives/2009/01/2008javascript.html
2008年に注目を集めた使えるJavaScriptライブラリ集が紹介されていました。 どれも非常に便利でサイト構築に役立ってくれるでしょう。
jQuery Price Format Plugin
http://meiaduzia.com.br/cuducos2/priceformat/
Did you like it? So...
jQuery Price Format Plugin
Mozilla Add-ons Blog » Blog Archive » How to develop a Firefox extension
http://blog.mozilla.com/addons/2009/01/28/how-to-develop-a-firefox-extension/
Here I will walk you through and at the end of the article we will have created a fully functional Firefox extension!
I've wondered what goes into coding those things.
Best Image Croppers ready to use for web developers
http://woork.blogspot.com/2009/02/best-image-croppers-ready-to-use-for.html
Like the title says.
Create a jQuery Popup Bubble » Digital Visions Queenstown
http://www.dvq.co.nz/web-design/create-a-jquery-popup-bubble-effect/
autopagerizeが効かなくなったときの対処
http://zapanet.info/blog/item/1480
autopagerizeが効かなくなったときの対処
これで直った。
greasemonkey の autopagerize のトラブルシューティング
var SITEINFO_IMPORT_URLS = [ 'http://wedata.net/databases/AutoPagerize/items.json', 'http://ss-o.net/databases/AutoPagerize/items.json', ]
JavaScript Rocks! JavaScript Performance, Benchmarking and Tuning Ebook
http://javascriptrocks.com/performance/
Javascript performance book
Gekauft und nicht bereut!
Simpletip - A simple jQuery tooltip plugin
http://craigsworks.com/simpletip/
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 | Developer's Toolbox | Smashing Magazine
http://www.smashingmagazine.com/2009/02/08/50-extremely-useful-javascript-tools/
50 Useful JavaScript Tools : http://hellotxt.com/l/d1Wt
Ultra small code to drag everything in HTML pages
http://woork.blogspot.com/2009/02/ultra-small-code-to-drag-everything-in.html
Ultra small code to drag everything in HTML pages
simplest method I know and use to drag everything in HTML pages, using just three rows of Javascript code.
Was thinking about doing this, stumbled accross this useful little snippet...
Kroppr - an online image cropping tool for your website
http://kroppr.rborn.info/
Unobtrusive script that allows users to rotate, resize, crop your images with minor changes to your site.
jQuery Sequential List
http://www.webdesignerwall.com/tutorials/jquery-sequential-list/
Basic, but nice
jQueryで<ol>のリストに上から順にクラスをつけるTutorial 。
jQuery Sequential List
http://coliss.com/articles/build-websites/operation/javascript/js-jquery-sequential-list.html
A New Image Replacement Technique: The State Scope Method [CSS Tutorials]
http://www.sitepoint.com/article/image-replacement-state-scope/
Image replacement is arguably one of the most important CSS-based techniques available to a web designer. While some people view image replacement as merely a way to use fonts absent from the client computer, I believe that’s simply untrue. Image replacement has a place on nearly every web site—it can be useful in displaying a variety of page elements: company logos, attractive navigation bars, and fancy paragraph headings. Most importantly though, is its use for the “call to action” buttons; these must stand out in order to attract a visitor’s attention for performing important tasks (like signing up, downloading, or making a purchase).
Yeni bir metin yerine resim koyma metodu
File uploaders collection for web developers
http://woork.blogspot.com/2009/02/file-uploaders-collection-for-web.html
ols-based multiple file uplader really simple to implement and reuse on your web
Sistemas para subir varios archivos con javascript
Best Rich Text Editors ready to use in web projects
http://woork.blogspot.com/2009/02/best-rich-text-editors-ready-to-use-in.html
This post illustrates five interesting rich text editors ready to use in your web projects. I also provided some guidelines regarding how to implement them on your pages using a few lines of HTML code. Try them!
Using jQuery to Style Design Elements: 20 Impressive Plugins | DevSnippets
http://devsnippets.com/reviews/using-jquery-to-style-design-elements-20-impressive-plugins.html
Twitlet - It's the fastest and simplest way to Twitter!
http://www.twitlet.com/
Twitlet is a javascript bookmarklet for fast updating your Twitter (microblogging service) status.
Now there is an easier way of posting webpages with Twitlet. Simply use words #link or #this to include current page’s URL in your tweet.
Gyors posztolás Twitterre a böngészőből.
When can I use...
http://a.deveria.com/caniuse/#agents=All&cats=All&eras=All&statuses=All
Compatibility tables for features in HTML5, CSS3, SVG and other upcoming web technologies.
"Compatibility tables for features in HTML5, CSS3, SVG and other upcoming web technologies" (This page lists several advanced web features, like data URIs, for instance, and offers recommendations on when it may be safe to use them.)
Ask SM [CSS/JS]: Pixel Width Decisions, Modal Boxes | Developer's Toolbox | Smashing Magazine
http://www.smashingmagazine.com/2009/02/05/ask-sm-pixel-width-decisions-rollover-buttons-modal-boxes/
modal with cookie and left tabs
Ask SM CSSyJS: Como decidirse por un ancho en pixeles, y otras respuestas a preguntas sobre css y js.
Dicas de CSS
JavaScript Lab - Tools - JS Regex Generator
http://www.jslab.dk/tools.regex.php
JavaScript Regular Expression Generator
Regular expression generator for javascript
An Intensive Exploration Of jQuery - NETTUTS
http://nettuts.com/videos/screencasts/an-intensive-exploration-of-jquery/
Created by Camtasia Studio 6
http://www.bennadel.com/resources/presentations/jquery/video/index.htm
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
100 Best JavaScript Resources | Spoonfed Design
http://www.spoonfeddesign.com/100-best-javascript-resources
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.
Interesting html FORM Validators for web developers
http://woork.blogspot.com/2009/02/interesting-html-form-validators-for.html
This post illustrates how to use some interesting HTML Form validators to check FORM fields writing only some lines of HTML and JavaScript code. All these proposal are lightweight, cross-browser and simple to use and customize in your web projects in few minutes.
17 Best Javascript Image Galleries
http://valums.com/javascript-image-galleries/
17 Best Javascript Image Galleries
An Intensive Exploration Of jQuery With Ben Nadel (Video Presentation) : Kinky Solutions : A Student's Perspective by Ben Nadel
http://www.bennadel.com/blog/1492-An-Intensive-Exploration-Of-jQuery-With-Ben-Nadel.htm
presentation on JQuery from the very basics on up
tutorial
Feb 12, watched first 60 min
Mozilla Labs » Blog Archive » Introducing Bespin
http://labs.mozilla.com/2009/02/introducing-bespin/
uygulama geliştirme hedesi
Mozilla Labs » Bespin
http://labs.mozilla.com/projects/bespin/
Bespin is a Mozilla Labs experiment that proposes an open, extensible web-based framework for code editing that aims to increase developer productivity, enable compelling user experiences, and promote the use of open standards.
Preloaders.net | Free AJAX animated loading gif's | 3 dimensional (3D)
http://preloaders.net/en/3d
ตัวทำพรีโหลดแบบ Ajax กลมๆหมุนๆ
animated loading gif's
Free animated loading gif preloaders generator for AJAX loading
JSLitmus
http://broofa.com/Tools/JSLitmus/
JSLitmus
A lightweight tool for creating ad-hoc JavaScript benchmark tests
JSLitmus is a lightweight tool for creating ad-hoc JavaScript benchmark tests. Features include ... * Single-file install (JSLitmus.js) * Works on Firefox, Opera, Safari, IE, Google Chrome, and iPhone browsers * Adaptive test cycles - tests take ~1-2 seconds, regardless of the operation * Google Chart + TinyUrl integration * Open Source MIT-style license (see source)
JSりとます:JSパフォーマンス計測ツール
Announcing BeautyTips, a jQuery Tooltip Plugin | Lullabot
http://www.lullabot.com/articles/announcing-beautytips-jquery-tooltip-plugin
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
3 jQuery Twitter Plugins - Add Tweets To Your Website
http://www.webresourcesdepot.com/3-jquery-twitter-plugins-adding-tweets-to-your-website/
[JS]わずか「12文字」でIEを判別するスクリプト | コリス
http://coliss.com/articles/build-websites/operation/javascript/js-detecting-ie-in-12-bytes.html
おお、まじか。
これは便利。JavaScriptで使用可能なブラウザ判別スクリプト。IE用。
Create astonishing iCal-like calendars with jQuery | Stefano Verna
http://www.stefanoverna.com/log/create-astonishing-ical-like-calendars-with-jquery
11 Ways to Enhance a User Interface with MooTools | Web Design Ledger
http://webdesignledger.com/tutorials/11-ways-to-enhance-a-user-interface-with-mootools
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
Exactly How to Use CSS Sprites - NETTUTS
http://nettuts.com/videos/screencasts/exactly-how-to-use-css-sprites/
60+ Stunning Scriptaculous Applications
http://www.developersnippets.com/2009/01/20/60-stunning-scriptaculous-applications/
This post will help you in checking out most stunning Script.aculo.us Applications in the World of Web and at the same time might help you in coming up with new web applications using Script.aculo.us. I would like to request all the developers to have a look at these stunning applications which are made and developed by Script.aculo.us
Useful Ajax Auto Suggest scripts collection
http://woork.blogspot.com/2009/02/useful-ajax-auto-suggest-scripts.html
32 Indispensable Bookmarklets for Web Developers and Designers : Speckyboy Design Magazine
http://speckyboy.com/2009/02/16/32-indispensable-bookmarklets-for-web-developers-and-designers/
All of these bookmarklets/favelets will be useful to all web designers and developers, they are the quickest method for testing, analyzing and tweaking any web page.
love the XRAY :D
jQuery : imgPreview Demos
http://james.padolsey.com/demos/imgPreview/full/
BeautyTips Demo Page
http://www.lullabot.com/files/bt/bt-latest/DEMO/index.html
BeautyTips Demo Page
baloon popups
CompareNetworks jQuery'd Bread Crumb - jBreadCrumb
http://www.comparenetworks.com/developers/jqueryplugins/jbreadcrumb.html
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
Moving Boxes
http://css-tricks.com/moving-boxes/
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!
25 jQuery Plugins for Navigation
http://designm.ag/resources/jquery-navigation-plugins/
Interesting Resources to learn Object Oriented Design
http://woork.blogspot.com/2009/02/interesting-resources-to-learn-object.html
Most people are not aware of the fact that Perl has support for object-oriented programming. If you've used another object-oriented programming language such as Java or C++ or been exposed to object-orientation, t
This is a small list with some basic references about Object Oriented Design process and it includes an UML guide, some articles about how to write OO javascript, PHP and Perl code. I also included some video tutorials about an useful introduction to OO PHP. If you have some interest link to suggest about this topic, please leave a comment, thanks!
Strophe
http://code.stanziq.com/strophe/
xmpp client
Strophe is a library for writing XMPP clients. It is implemented in both JavaScript and C for use in a wide variety of languages. The implementations are production ready, well documented, easy to use, and easy to extend.
A library for writing XMPP clients. It is implemented in both JavaScript and C for use in a wide variety of languages.
"Strophe is a library for writing XMPP clients. It is implemented in both JavaScript and C for use in a wide variety of languages. The implementations are production ready, well documented, easy to use, and easy to extend."
Ajaxian » jQuery Ajax Experience Framework Videos
http://ajaxian.com/archives/jquery-ajax-experience-framework-videos
jQuery Ajax Experience Framework Videos article with tutorials
Box2DJS - Physics Engine for JavaScript
http://box2d-js.sourceforge.net/index2.html
API JavaScript para desenvolvimento de pequenas simulações de física newtoniana.
te an ob
Palm.com : Palm Developer Network - Palm webOS from O'Reilly Media
http://developer.palm.com/webos_book/book1.html
Overview of webOS
Palm® webOS™ is Palm's next generation operating system. Designed around an incredibly fast and beautiful user experience and optimized for the multi-tasking user, webOS integrates the power of a window-based operating system with the simplicity of a browser. Applications are built using standard web technologies and languages, but have access to device-based services and data.
First chapter of upcoming book on Palm's new webOS
The first chapter of an O'Reilly book on developing JavaScript-based webapps for Palm's new webOS
Details of how Palm is leveraging widespread knowledge of HTML, CSS and Javascript to ease development on their new platform.
Things you may not know about jQuery - James Padolsey
http://james.padolsey.com/javascript/things-you-may-not-know-about-jquery/
10 Quick Win jQuery Plugins | Steve Reynolds Blog
http://www.reynoldsftw.com/2009/02/10-quick-win-jquery-plugins/
JavaScript dependency management and concatenation: Sprockets
http://getsprockets.org/
なるほど便利そうだ
Sprockets is a Ruby library that preprocesses and concatenates JavaScript source files.
"Serve lots of little JavaScripts as a single file."
Ultimate Collection of 40+ jQuery Tutorials and Resources | The Theme Blog
http://thethemeblog.com/tutorials/ultimate-collection-of-40-jquery-tutorials-and-resources
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.
JavaScript and the DOM Series: Lesson 1 - NETTUTS
http://net.tutsplus.com/tutorials/javascript-ajax/javascript-and-the-dom-series-lesson-1/
You Still Can’t Create a jQuery Plugin? - NETTUTS
http://net.tutsplus.com/videos/screencasts/you-still-cant-create-a-jquery-plugin
Ajax Fancy Captcha - jQuery plugin - WebDesignBeach.com
http://www.webdesignbeach.com/beachbar/ajax-fancy-captcha-jquery-plugin
Cool stuff
Ajax Fancy Captcha is a jQuery plugin that helps you protect your web pages from boys and spammers. We are introducing you to a new, intuitive way of completing “verify humanity” tasks. In order to do that you are asked to drag and drop specified item into a circle.
SIMPLY STUNNING jQuery CAPTCHA! NICE! I want to use this now!
あなたのウェブサイトを高速化する方法 - builder by ZDNet Japan
http://builder.japan.zdnet.com/news/story/0,3800079086,20388227,00.htm
ウェブサイトを高速化するにあたり、そのフロントエンド処理に着目し、処理効率の向上に役立てることのできるティップスやツールを紹介する。 - builder by ZDNet Japan
YAML Debug - an assistive code diagnostic tool for web developers
http://debug.yaml.de/
… an assistive tool for web developers, that allows you to quickly review code quality and semantic structure of any website (particularly those based on YAML) as well as testing it against common oversights.
Ask SM [CSS/JS]: Divs of Equal Height, Dealing with IE 6 | Developer's Toolbox | Smashing Magazine
http://www.smashingmagazine.com/2009/02/20/ask-sm-css-smooth-page-scrolling-divs-of-equal-height-dealing-with-ie-6/
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
JS charts – Examples
http://www.jscharts.com/examples
Un composant Javascript d'affichage de graphes (line/bar/pie chart)
xLazyLoader - ajaxsoft - Lightweight js, css and images loader - Google Code
http://code.google.com/p/ajaxsoft/wiki/xLazyLoader
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
zeroclipboard - Google Code
http://code.google.com/p/zeroclipboard/
The Zero Clipboard library provides an easy way to copy text to the clipboard using an invisible Adobe Flash movie, and a JavaScript interface. The "Zero" signifies that the library is invisible and the user interface is left entirely up to you.
HTML 5 canvas - the basics - Opera Developer Community
http://dev.opera.com/articles/view/html-5-canvas-the-basics/
The HTML 5 specification includes lots of new features, one of which is the canvas element. HTML 5 canvas gives you an easy and powerful way to draw graphics using JavaScript. For each canvas element you can use a "context" (think about a page in a drawing pad), into which you can issue JavaScript commands to draw anything you want. Browsers can implement multiple canvas contexts and the different APIs provide the drawing functionality.
Canvas
Mann, ist das cool!
6 Interesting online presentations for web developers
http://woork.blogspot.com/2009/02/6-interesting-online-presentations-for.html
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.
5 CSS3 Techniques For Major Browsers using the Power of jQuery | Noupe
http://www.noupe.com/jquery/5-css3-techniques-for-major-browsers-using-the-power-of-jquery.html
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.
HTML5 Canvas Cheat Sheet - Nihilogic
http://blog.nihilogic.dk/2009/02/html5-canvas-cheat-sheet.html
Web Development & Design Tutorials - NETTUTS
http://net.tutsplus.com/
Atlas - 280 North
http://280atlas.com/
Screw Flex, AIR, and Flash for RIAs - we've got browsers, Cappucino and Atlas
280Atlas is a basically Interface Builder written for the browser.
Simple jQuery Dropdowns
http://css-tricks.com/simple-jquery-dropdowns/
下拉菜单
Free resources for quickly developing AJAX applications
http://woork.blogspot.com/2009/02/free-ajax-components-for-advanced-web.html
Free resources for quickly developing AJAX applications - http://woork.blogspot.com/2009/02/free-ajax-components-for-advanced-web.html
エンジニアの勉強法について (Yahoo! JAPAN Tech Blog)
http://techblog.yahoo.co.jp/cat207/how_to/post_3/
JavaScript編
エンジニアの勉強法について
How to Make an Impressive Animated Landscape Header with jQuery | Build Internet!
http://buildinternet.com/2009/02/how-to-make-an-impressive-animated-landscape-header-with-jquery/
JQuery File Upload Plugin - RonnieSan
http://www.ronniesan.com/articles/jquery-multiple-file-upload.php
mParallax
http://www.piksite.com/mParallax/
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".
Lightweight jQuery Portal
http://www.trilancer.com/jpolite/
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.
Introducing SelectorGadget: point and click CSS selectors
http://www.selectorgadget.com/
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"
Allan Jardine | Reflections | DataTables 1.4
http://www.sprymedia.co.uk/article/DataTables+1.4
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
テーブルデータソート 検索もあるよ!
20 Most interesting jQuery Plugins - February 2009 | AjaxLine
http://www.ajaxline.com/20-most-interesting-jquery-plugins-february-2009
JavaScript makes relative times compatible with caching - (37signals)
http://www.37signals.com/svn/posts/1557-javascript-makes-relative-times-compatible-with-caching
A pro-caching technique for presenting cachable relative times (e.g., "15 minutes ago")
I put together a new mini app for our new status site yesterday that needed exactly this technique. I wanted the content of the application to be entirely page cached, so it would withstand the onslaught if the terrible should happen and we need to redirect all trafic to the status site.
Ajaxian » Designing a JavaScript client for a REST API
http://ajaxian.com/archives/designing-a-javascript-client-for-a-rest-api
So you want to write a script that sites all over the web can use to access your REST API, eh? Well, that would be pretty straightforward if it weren’t for two things: 1. browser same-origin restrictions on XMLHttpRequests (XHRs) and inter-window/frame access 2. the lack of wide browser support for HTML 5-style message passing between windows. The Same-Origin Policy and its minor browser-specific variations are detailed elsewhere, so I’ll just summarize it with a few key points. I use the term window to mean window object, which can be a top-level page or reside inside a frame or iframe.
So you want to write a script that sites all over the web can use to access your REST API, eh? Well, that would be pretty straightforward...
A comprehensive article outlining an approach on how to create a RESTful JavaScript client. The article explains not only how to create a client for your own RESTful services, but also interacting with cross-domain ones. There is also code posted on Google Code which implements the concepts presented in the article.
6 jQuery Chart Plugins For Your App | Steve Reynolds Blog
http://www.reynoldsftw.com/2009/02/6-jquery-chart-plugins-reviewed/
charting and plotting with jquery.
John Resig - Talk: Performance Improvements in Browsers
http://ejohn.org/blog/talk-performance-improvements-in-browsers
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.
Preloaders.net | Free AJAX animated loading gif's |
http://preloaders.net/en/latest
JavaScript: The Good Parts - good coders code, great reuse
http://www.catonmat.net/blog/javascript-the-good-parts/
video tuturial
Web ページを高速化する
http://www.ibm.com/developerworks/jp/web/library/wa-speedweb/
YSlow
DataTables (table plug-in for jQuery)
http://datatables.net/
How to Validate Forms in both sides using PHP and jQuery | yensdesign - Tutorials, Web Design and Coding
http://yensdesign.com/2009/01/how-validate-forms-both-sides-using-php-jquery/
Ajaxian » Nicole Sullivan’s Object Oriented CSS
http://ajaxian.com/archives/nicole-sullivans-object-oriented-css
Object Oriented CSS
I need to read this. "It adds much needed predictability to CSS so that even beginners can participate in writing beautiful websites."
(studying!!!)
jQuery Captify Demo
http://masterfidgeter.com/projects/captify/
Caption plugin for images using jquery
jQuery Captify
Pegs (Demo of scroll distribution for a single page.)
http://massless.org/pegs/
Pegs (Demo of scroll distribution for a single page.)
jQuery: » jQuery 1.3 and the jQuery Foundation
http://blog.jquery.com/2009/01/14/jquery-13-and-the-jquery-foundation/
Happy Birthday to jQuery! jQuery is three years old today, after being released way back on January 14th, 2006 at the first BarCampNYC by John Resig. We have four announcements for you today, we hope you’ll enjoy them!
o
This is the javascript library that I use most frequently, and I'm very excited about this new release! They've made several extensive performance improvements and feature enhancements.
JavaScript Reference (beta)
http://reference.sitepoint.com/javascript
JavaScriptのリファレンス。HTMLとCSSもある。見やすいけど少し重い。
Javascript reference
Javascript
Apple Developer Connection - Safari Dev Center
http://developer.apple.com/safari/
Apple Developer Connection - Safari Dev Center - http://developer.apple.com/safari/
maybe something of note in here
if, like me, you were wondering why the safari javascript docs never show up in google apart from some weird apple PR, then it's coz they are hidden behind the freewall on ADC.
John Resig - JavaScript Function Call Profiling
http://ejohn.org/blog/function-call-profiling/
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.
JSONView - View JSON documents in Firefox « Blog | BRH.numbera.com
http://brh.numbera.com/blog/index.php/2009/02/24/jsonview-view-json-documents-in-firefox/
jQueryのコードを良くする5つのTIPS[to-R]
http://blog.webcreativepark.net/2008/11/19-002414.html
知ってるかもしれないけど、ここのTIPSは使える。 livequeryは超便利。
15 jQuery Plugins to Fix and Beautify Browser Issues | DevSnippets
http://devsnippets.com/reviews/15-jquery-plugins-to-fix-and-beautify-browser-issues.html
7 jQuery Effects to Sell More Templates - In the Woods
http://blog.themeforest.net/general/7-jquery-effects-to-sell-more-templates/
jQuery Delay Plugin - EvanBot.com
http://www.evanbot.com/article/jquery-delay-plugin/4
Sigma Grid -- Ajax editable data grid - DHTML grid control with flexibility and user API.
http://www.sigmawidgets.com/products/sigma_grid2/index.html
Written in pure javascript, Sigma Grid is an Ajax data grid for displaying and inline editing data in a scrollable and sortable table. LGPL license available from 2.1 version.
jQuery - PHP & Ajax with the Twitter API | Steve Reynolds Blog
http://www.reynoldsftw.com/2009/02/using-jquery-php-ajax-with-the-twitter-api/
Playing with the twitter api is awesome!
24 ways: Sitewide Search On A Shoe String
http://24ways.org/2008/sitewide-search-on-a-shoestring
Stu Nicholls | CSSplay | A circular menu with circular sub menus
http://www.cssplay.co.uk/menus/circular-sub.html
GoogleのAjax APIをその場で試せる『AJAX APIs Playground』がとてつもなく便利 - IDEA*IDEA ~ 百式管理人のライフハックブログ ~
http://www.ideaxidea.com/archives/2009/01/ajax_apis_playground.html
これはエンジニアにはたまらない。GoogleのAjax API群をブラウザ上で試すことができます。 サンプルコードが最初から用意されているのでお手軽です。ちょこちょこっと変更して結果を見ながら組み上げていくことができます。
[JS]jQueryのプラグイン33+1選 -2008年11月 | コリス
http://coliss.com/articles/build-websites/operation/javascript/1964.html
色々。
jQueryのプラグイン33+1選
Learning AJAX APIs Made Easier: Google Releases API Playground - ReadWriteWeb
http://www.readwriteweb.com/archives/learning_ajax_made_easier_google_api_playground.php
frequency decoder ~ Unobtrusive Date-Picker Widget V4
http://www.frequency-decoder.com/2009/02/03/unobtrusive-date-picker-widget-v4
Liquid Canvas | ruzee.com - Steffen Rusitschka
http://www.ruzee.com/content/liquid-canvas
Bordi Arrotondati (Semplice da usare)
画像無しで角丸描ける
Liquid Canvas Todo! Gradients, dropshadows y roundedcorners, todo junto!
Ruby, Rails, Web2.0 » Blog Archive » Add a powerful AJAX Table to your Rails Application in 5 minutes
http://www.rubyrailways.com/add-a-powerful-ajax-table-to-your-rails-application-in-5-minutes/
Tabelle mit Ajax in Rails.
jQuery Accessible Tabs - How to make tabs REALLY accessible - web output
http://blog.ginader.de/archives/2009/02/07/jQuery-Accessible-Tabs-How-to-make-tabs-REALLY-accessible.php
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.
JQuery: Die 23 besten Bildergalerie Plugins | BLOGRAMMIERER
http://www.blogrammierer.de/jquery-die-23-besten-bildergalerie-plugins/
Recopilatorio de JQuery
JQuery: Die 23 besten Bildergalerie Plugins
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
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
1160 + Ajax/Javascript/Dhtml examples and demos to download
http://ajaxrain.com/ajaxraincms/index
Timothy van Sas - Simple slideshow with jQuery
http://www.incg.nl/blog/2009/simple-slideshow-with-jquery/
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 - NETTUTS
http://nettuts.com/videos/screencasts/working-with-the-jcrop-plugin/
Working with the jCrop Plugin image corp
Working with the jCrop Plugin - NETTUTS
John Resig: "The DOM Is a Mess" on Yahoo! Video
http://video.yahoo.com/watch/4403981/11812238
John Resig: "The DOM Is a Mess"
http://mootools.floor.ch/en/demos/formcheck/index.htm
http://mootools.floor.ch/en/demos/formcheck/index.htm
Form Validation
Editable (jQuery Editable Plugin)
http://arashkarimzadeh.com/index.php/jquery/7-editable-jquery-plugin.html
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.
The analytics issue with Twitter - Yoast - Tweaking Websites
http://yoast.com/twitter-analytics/
So you can actually track what those specific people do on your site? wow, that's pretty powerful... hat's off Joost
jQuery-gestures- Image gallery
http://random.friggeri.net/jquery-gestures/
ลากเม้าส์ออกคำสั่งการทำงาน
jQuery-gestures- Image gallery, simulasi touch screen
Moving Boxes
http://css-tricks.com/examples/MovingBoxes/
素晴らしいjQueryのチュートリアル45選 | CREAMU
http://blog.creamu.com/mt/2009/02/jquery45.html
まとめ!
iBegin Share - Share + Spread your Content
http://www.ibegin.com/labs/share/
Make it Easy to Share and Spread your Content
Somewhat limited version of addthisbutton. Only has wordpress plugin.
Visión, Simple PHP/JS/CSS Photo Viewer
http://iamkoa.net/vision/
PHP/JS/CSS Photo Viewer
Visión, Simple PHP/JS/CSS Photo Viewer - http://iamkoa.net/vision/
40 Useful JavaScript Libraries | Developer's Toolbox | Smashing Magazine
http://www.smashingmagazine.com/2009/03/02/40-stand-alone-javascript-libraries-for-specific-purposes/
JavaScript Libraries | Developer's Toolbox | Smashing Magazine
70 New, Useful AJAX And JavaScript Techniques | Developer's Toolbox | Smashing Magazine
http://www.smashingmagazine.com/2009/03/08/70-new-useful-ajax-and-javascript-techniques/
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
ColorBox - customizable lightbox plugin for jQuery
http://colorpowered.com/colorbox/
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.
Beautiful Forms - Design, Style, & make it work with PHP & Ajax | Noupe
http://www.noupe.com/php/beautiful-forms.html
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
http://speckyboy.com/2009/03/11/25-powerful-and-useful-jquery-tutorials-for-developers-and-designers/
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.
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/
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
Guide to Most Useful Bookmarklets for Chrome, Firefox, Safari, etc.
http://www.labnol.org/internet/guide-to-useful-bookmarklets/7931/
Easy Display Switch with CSS and jQuery
http://designm.ag/tutorials/jquery-display-switch/
Image-free CSS Tooltip Pointers - A Use for Polygonal CSS? | Filament Group, Inc.
http://www.filamentgroup.com/lab/image_free_css_tooltip_pointers_a_use_for_polygonal_css/
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.
TinyTable JavaScript Table Sorter - 2.5KB - Web Development Blog
http://www.leigeber.com/2009/03/table-sorter/
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.
Slideshows In Web Design: When And How To Use Them | Design Showcase | Smashing Magazine
http://www.smashingmagazine.com/2009/03/09/slideshows-in-web-design-when-and-how-to-use-them/
High Performance Web Sites
http://stevesouders.com/hpws/rules.php
web design
"These rules are the key to speeding up your web pages. They've been tested on some of the most popular sites on the Internet and have successfully reduced the response times of those pages by 25-50%."
jQuery plugin: ‘autoResize’ - James Padolsey
http://james.padolsey.com/javascript/jquery-plugin-autoresize/
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
jQuery and Google Maps Tutorial: #1 Basics: jQuery, Google Maps - http://marcgrabanski.com/article/jquery-google-maps-tutorial-basics
map.panTo(marker.getLatLng());
15 Most Interesting jQuery Tutorials | AjaxLine
http://www.ajaxline.com/15-most-interesting-jquery-tutorials
This time we collected the most interesting jQuery tutorials.
8 awesome JQuery tips and tricks
http://www.catswhocode.com/blog/8-awesome-jquery-tips-and-tricks
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.
Collaborative Map-Reduce in the Browser - igvita.com
http://www.igvita.com/2009/03/03/collaborative-map-reduce-in-the-browser/
After several iterations, false starts, and great conversations with Michael Nielsen, a flash of the obvious came: HTTP + Javascript! What if you could contribute to a computational (Map-Reduce) job by simply pointing your browser to a URL? Surely your social network wouldn't mind opening a background tab to help you crunch a dataset or two!
Groject - Jquery.ImageSwitch
http://www.hieu.co.uk/ImageSwitch/
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.
14 jQuery Plugins for Working with Images
http://sixrevisions.com/resources/14-jquery-plugins-for-working-with-images/
11 Excellent Solutions for Creating Tooltips | Web Design Ledger
http://webdesignledger.com/resources/11-excellent-solutions-for-creating-tooltips
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 Plugin Development - 10 Tutorials To Get Started - http://www.webresourcesdepot.com/jquery-plugin-development-10-tutorials-to-get-started/
Juicer - a CSS and JavaScript packaging tool / Ruby - cjohansen.no
http://www.cjohansen.no/en/ruby/juicer_a_css_and_javascript_packaging_tool
minimizing and optimizing javascript files in a ruby project for deployment
java
For best performance, CSS and JavaScript should be served up using as few requests and bytes as possible. Juicer is a new command line tool that helps by resolving dependencies, merging and minifying files. It can even check your syntax, add cache busters to and cycle asset hosts on URLs in CSS files and more.
Juicer - a CSS and JavaScript packaging tool For best performance, CSS and JavaScript should be served up using as few requests and bytes as possible. Juicer is a new command line tool that helps by resolving dependencies, merging and minifying files. It can even check your syntax, add cache busters to and cycle asset hosts on URLs in CSS files and more
jQuery UI Tabs with Next/Previous
http://css-tricks.com/jquery-ui-tabs-with-nextprevious/
jquery tabs
SXSW 2009 Twitter Visualizer
http://pepsicozeitgeist.com/
ing
A Twitter-based project that takes the pulse of SXSWi 2009
Useful scripts to plot charts in web pages
http://woork.blogspot.com/2009/03/useful-scripts-to-plot-charts-in-web.html
Awesome chart plotting scripts!
GX - Full-Featured Javascript Animations Framework
http://gx.riccardodegni.net/
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.
qTip - The jQuery tooltip plugin - Home - (Current beta: 1.0.0-beta1)
http://craigsworks.com/projects/qtip/
The jQuery tooltip plugin
tooltip plugin
Sunday Morning : jQuery + Google Translation
http://sundaymorning.jaysalvat.com/
SundayMorning is a jQuery plugin which allow site-owners to offer their visitors a easy and fancy way to translate their contents.
click bored - Interactive DHTML demos
http://www.dhteumeuleu.com/dhtml/fractal-F.html
This shit is trippy.
Chrome Experiments - Home
http://www.chromeexperiments.com/
We think JavaScript is awesome. We also think browsers are awesome. Indeed, when we talk about them, we say they are the cat's meow – which is an American expression meaning AWESOME. In light of these deeply held beliefs, we created this site to showcase cool experiments for both JavaScript and web browsers. These experiments were created by designers and programmers from around the world. Their work is making the web faster, more fun, and more open – the same spirit in which we built Google Chrome. Naturally, if you've made something fun and fast with JavaScript, please send it in. We can't post everything, but we'd love to see it. Thanks for visiting, and happy experimenting.
Google/Google Chrome推奨、canvas、ショーケース/ゲーム/投稿/デモ、物理演算/3D
JSでゴニョゴニョ。
javascriptでいろいろできる例
5 Javascript Chart Alternatives | Steve Reynolds Blog
http://www.reynoldsftw.com/2009/03/javascript-chart-alternatives/
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:
IEBlog : Site Compatibility and IE8
http://blogs.msdn.com/ie/archive/2009/03/12/site-compatibility-and-ie8.aspx
Reports of broken sites are an important part of the feedback the IE team receives from the community. When we receive a report of a broken site, we take it and identify the core issue causing the problem. A number of these issues end up being side effects
ie8兼容
Reports of broken sites are an important part of the feedback the IE team receives from the community. When we receive a report of a broken site, we take it and identify the core issue causing the problem. A number of these issues end up being side effects of changes we deliberately made in IE8, but even these are useful. They help us identify which IE8 changes have the broadest compatibility impact. In this post I'll share some of these issues with you so you can quickly identify problems affecting your site when migrating from IE7 to IE8.
jQuery lightbox clone - prettyPhoto - by Stephane Caron
http://www.no-margin-for-errors.com/projects/prettyPhoto-jquery-lightbox-clone/
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.
Code: Flickr Developer Blog » Building Fast Client-side Searches
http://code.flickr.com/blog/2009/03/18/building-fast-client-side-searches/
Interesting comparison of JSON and homebrewed control-char delimited data.
This widget downloads a list of all of your contacts, in JavaScript, in under 200ms (this is true even for members with 10,000+ contacts).
Browser Ball
http://experiments.instrum3nt.com/markmahoney/ball/
Browser Ball attempts, with only moderate success, to allow the configuration of a seemingly endless array of continuous spaces using multiple overlapping browser windows. Within this multivariate space, users are invited to toss a beach ball both hither and yon. If this sounds like a ridiculous use of everyone's time, that's only because it is.
Exploring Cufón, a sIFR alternative for font embedding ~ Authentic Boredom
http://cameronmoll.com/archives/2009/03/cufon_font_embedding/
Une alternative à sIFR à explorer. Plus simple à installer et à configurer mais quelques désavantages par rapport à sIFR (pas de sélection du texte, pas de style sur a:hover, etc.)
http://balldroppings.com/js/
http://balldroppings.com/js/
Neat!
Create music with balls and lines
Easy Tooltip - jQuery plugin | Css Globe
http://cssglobe.com/post/4380/easy-tooltip--jquery-plugin
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.
Social Collider: ready to collide
http://socialcollider.net/
The Social Collider reveals cross-connections between conversations on Twitter.
Social Collider
A graphing application created by Karsten Schmidt and Sasha Pohflepp that charts conversations on Twitter in a manner inspired by particles in an atomic collider.
プログラマが1ヶ月でWebデザイナーに転身する方法 - やねうらお−よっちゃんイカを食べながら年収1億円稼げる(かも知れない)仕事術
http://d.hatena.ne.jp/yaneurao/20090318#p1
Firebugで作るGreasemonkeyスクリプト~入門と実践(From Kanasan.JS) - Blog.37to.net
http://blog.37to.net/2009/03/firebuggreasemonkeyf/
いいチュートリアル.
遅くなりましたが、先日に開催された、Kanasan.JS Greasemonkey チュートリアル読書会のレポートです。 せっかくなので、読書会の内容を元にGreasemonkeyスクリプト作成の「入門」「実践」「Tips」の3本立てでまとめてみたいと思います。
sevenup - Google Code
http://code.google.com/p/sevenup/
Just might be a good idea
Help rid the world of IE6 with one line of javascript!
IE6をIE7として動作させるJavaScript
With this code installed, a user with IE6 will receive a dialogue box that tells them their browser is outdated and how to get a newer version.
[Ask SM: CSS] Equal Spacing, CSS Font Replacement | CSS | Smashing Magazine
http://www.smashingmagazine.com/2009/03/23/ask-sm-equal-spacing-css-image-replacement-max-side-on-images/
Distributing the horizontal space between elements evenly
Good quick tips in here.
30 Awesome Design Enhancing jQuery Plugins | Line25
http://line25.com/articles/30-awesome-design-enhancing-jquery-plugins
tal cual
ecoder | home
http://ecoder.gmeditor.com/
8 Javascript solutions to common CSS problems
http://www.catswhocode.com/blog/8-javascript-solutions-to-common-css-problems
8 สคริปต์แก้ CSS
The Javascript Trap
http://www.gnu.org/philosophy/javascript-trap.html
You may be running non-free programs on your computer every day without realizing it—through your web browser. In the free software community, the idea that non-free programs mistreat their users is familiar. Some of us refuse entirely to install proprietary software, and many others consider non-freedom a strike against the program. Many users are aware that this issue applies to the plug-ins that browsers offer to install, since they can be free or non-free. But browsers run other non-free programs which they don't ask you about or even tell you about—programs that web pages contain or link to. These programs are most often written in Javascript, though other languages are also used. Javascript (officially called ECMAscript, but few use that name) was once used for minor frills in web pages, such as cute but inessential navigation and display features. It was acceptable to consider these as mere extensions of HTML markup, rather than as true software; they did not constitute a sig
The Javascript Trap
Richard Stallman, with his unsurprising take on JavaScript.
23 Ultimate Collection Of Useful Ajax Tutorials & Resources - Opensource, Free and Useful Online Resources for Designers and Developers
http://www.smashingapps.com/2009/03/16/23-ultimate-collection-of-useful-ajax-tutorials-resources.html
Opensource, Free and Usefull Online Resources for Designers and Developers
23 Ultimate Collection Of Useful Ajax Tutorials & Resources
The Easiest Way to Use Any Font You Wish - Nettuts+
http://net.tutsplus.com/videos/screencasts/the-easiest-way-to-use-any-font-you-wish/
nice alternative to sifr
10 Reasons Why Your Code Won’t Validate (and How to Fix it) - NETTUTS
http://net.tutsplus.com/articles/web-roundups/10-reasons-why-your-code-wont-validate-and-how-to-fix-it/
Allan Jardine | Reflections | KeyTable
http://www.sprymedia.co.uk/article/KeyTable
KeyTable is a Javascript library which provides keyboard navigation and event binding for any HTML table.
Nice editable table through jQuery
10 Best jQuery Plugins - March 2009 | AjaxLine
http://www.ajaxline.com/10-best-jquery-plugins-march-2009
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.
Simpletip - A simple jQuery tooltip plugin
http://craigsworks.com/projects/simpletip/
simple jQuery tooltip plugin
jQuery tool tip
TOOLTIPS JQUERY
Simpletip - A simple jQuery tooltip plugin
Making a jQuery Plugin Truly Customizable » Learning jQuery - Tips, Techniques, Tutorials
http://www.learningjquery.com/2009/03/making-a-jquery-plugin-truly-customizable
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!
jQTouch
http://www.jqtouch.com/
A jQuery plugin with native animations, auto list navigation, and default application styles for Mobile WebKit browsers like iPhone, G1, and Pre.
Cooles jQuery-Plugin für iPhone-optimierte Websites (mit dem Slide-Effekt).
Query plugin with native animations, auto list navigation, and default application styles for Mobile WebKit browsers like iPhone, G1, and Pre
ipod style web interaction on jquery
Less Than Dot - Blog - Collection Of Puzzles For Programmers
http://blogs.lessthandot.com/index.php/ITProfessionals/EthicsIT/collection-of-puzzles-for-programmers
Less Than Dot - Blog - Collection Of Puzzles For Programmers
Programming demi-gods exchange lines of brilliance. Read and expand your mind.
20+ ways to create javascript modal windows and dialog boxes | Design Label
http://www.designlabelblog.com/2009/03/20-ways-to-create-javascript-modal.html
It
Accordion Script With Multi-Level Support - Web Development Blog
http://www.leigeber.com/2009/03/accordion/
入れ子のパネルをスライドさせるアコーディオンの超軽量スクリプト
Accordeon ajax multi-niveau
フォームをデザインしよう | DesignWalker
http://www.designwalker.com/2009/03/form-design-2.html
10 Best jQuery Datepickers Plugins | AjaxLine
http://www.ajaxline.com/10-best-jquery-datepickers-plugins
10 Excellent ToolTip Plugins with jQuery | Steve Reynolds Blog
http://www.reynoldsftw.com/2009/03/10-excellent-tooltip-plugins-with-jquery/
Use jQuery
http://usejquery.com/
7 jQuery Plugins to Manipulate TEXTAREAs | Steve Reynolds Blog
http://www.reynoldsftw.com/2009/03/7-jquery-plugins-to-manipulate-textareas/
7 jQuery Plugins to Manipulate TEXTAREAs | Steve Reynolds Blog
Tweetmeme - Hottest Stories on Twitter
http://tweetmeme.com/static.php?page=button
A retweet button for blogs.
haineault.com / blog / 10 useful jQuery authoring tips
http://haineault.com/blog/84/
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
FT.com / Weekend / Reportage - The genius behind Google’s web browser
http://www.ft.com/cms/s/2/03775904-177c-11de-8c9d-0000779fd2ac.html
The genius behind Google's web browser
Chrome attracted more than 10 million users in its first 100 days. Although that’s an impressive number, it still only translates into about 1 per cent of browser usage online. It will be a while before it can compete with Firefox, Internet Explorer and others. In December last year, Google announced that Chrome was now out of its development, or Beta, phase and is ready to be shipped as a pre-installed browser on some PCs. This could rapidly increase the number of users. Moreover, the European Commission’s antitrust battle with Microsoft over, among other things, how its own browser, Internet Explorer, is integrated into its Windows operating system may give competitors a chance Legislation and market share aside, the technical challenge has been laid down. “Microsoft will have to build something better than V8,” Bak says. Most tech watchers doubt that they will manage to any time soon: in tests, V8 processes JavaScript 56 times faster than the most used version of Internet Explorer.
10 Creative & Rich UI interfaces & How to Create Them | Noupe
http://www.noupe.com/design/10-creative-rich-ui-interfaces-how-to-create-them.html
Sometimes it’s just amazing to see, which level of usability, legibility and visual appeal can be achieved using some basic design techniques. In fact, some
10 Creative & Rich UI interfaces & How to Create Them Sometimes it’s just amazing to see, which level of usability, legibility and visual appeal can be achieved using some basic design techniques. In fact, some talented web-developers manage to deliver powerful, functional and gorgeous web-design in “look-and-feel”-style, which is easy to use and nice to see. The User experience has dramatically improved over the past few years, resulting in rich and responsive user interface. AJAX, javascript and CSS are widely used to offer users the dynamic interaction that they have come to expect from advanced, sophisticated, professional solutions. There have been plenty of posts on the number of awesome javascript, Ajax and CSS techniques and where to find them. Today, we will have a look at 10 creative & rich UI interfaces in modern day websites and how you can create similar interfaces using the techniques mentioned in this post.
Lista efektów jakie mogą być wykorzystane przy budowie strony.
The Spanner - XSS Rays
http://www.thespanner.co.uk/2009/03/25/xss-rays/
The Spanner - XSS Rays
Introducing JSON Template
http://json-template.googlecode.com/svn/trunk/doc/Introducing-JSON-Template.html
This could be it: declarative, no control flow, not another programming language masquerading as a template language, small, nice JSON synergy. To be checked out.
6 jQuery snippets you can use to manipulate select inputs « Flexible Developments
http://calisza.wordpress.com/2009/03/29/6-jquery-snippets-you-can-use-to-manipulate-select-inputs/
20 Twitter Badges to Show Off Your Tweets
http://mashable.com/2009/03/30/twitter-badges/
20 Twitter Badges to Show Off Your Tweets
There are a number of ways to promote your Twitter (Twitter reviews) account. You can add yourself to one of the many growing Twitter directories, advertise your brand, or, as I’ll discuss in this post, feature a badge with your Twitter information on your website, blog, or even in your email. Here are 20 embeddable badges and widgets that you can customize to include your tweets and, in some cases, those of your friends. Have another badge or widget to add to the list? Tell us about it in the comments.
Here are 20 embeddable badges and widgets that you can customize to include your tweets and, in some cases, those of your friends. Have another badge or widget to add to the list? Tell us about it in the comments.
Simple JQuery Modal Window Tutorial | Queness
http://www.queness.com/post/77/simple-jquery-modal-window-tutorial
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
25 Scripts for Dropdown Navigation Menus | Vandelay Design Blog
http://vandelaydesign.com/blog/tools/dropdown-navigation-menus/
Make a Mega Drop-Down Menu with jQuery
http://www.sitepoint.com/blogs/2009/03/31/make-a-mega-drop-down-menu-with-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
SIMILE Widgets | Exhibit
http://simile-widgets.org/exhibit/
Exhibit lets you easily create web pages with advanced text search and filtering functionalities, with interactive maps, timelines, and other visualizations.
Exhibit lets you easily create interactive web pages with advanced text search and filtering functionalities, with interactive maps, timelines, and other visualizations...
Sliding Boxes and Captions with jQuery | Build Internet!
http://buildinternet.com/2009/03/sliding-boxes-and-captions-with-jquery/
awesome jquery sliding boxes tutorial
SIMILE Widgets
http://www.simile-widgets.org/
SIMILE Widgets Free, Open-Source Data Visualization Web Widgets, and More This is an open-source “spin-off” from the Simile project at MIT. Here we offer free, open-source web widgets, mostly for data visualizations. They are maintained and improved over time by a community of open-source developers.
This is an open-source “spin-off” from the Simile project at MIT. Here we offer free, open-source web widgets, mostly for data visualizations. They are maintained and improved over time by a community of open-source developers.
Free, Open-Source Data Visualization Web Widgets, and More
Fullsize : A New IMG Tag Attribute
http://www.addfullsize.com/
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.
jQuery GalleryView - by Jack Anderson
http://www.spaceforaname.com/jquery/galleryview/
ギャラリー、カルーセル
Build a Better Tooltip with jQuery Awesomeness - Nettuts+
http://net.tutsplus.com/tutorials/javascript-ajax/build-a-better-tooltip-with-jquery-awesomeness/
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.
Dynamic Text Replacement Solutions | Dezinerfolio
http://www.dezinerfolio.com/2009/03/31/dynamic-font-replacement-solutions
Font replacement
jQuery入門(その1):CodeZine
http://codezine.jp/article/detail/3672
そろそろ勉強しないといけない予感
nth-child
OmniGrid - Advanced DataGrid based on Mootools
http://www.omnisdata.com/omnigrid/
Grid para mootools
PageZipper - Life's too short to spend clicking "Next" « PrintWhatYouLike.com
http://www.printwhatyoulike.com/pagezipper
this is great - but it costs money.
Life's too short to spend clicking "Next"
PageZipper put broken up pages back together again but it lets you easily navigate sites where image galleries have been broken into dozens of sub-pages
10 Best jQuery Menu Plugins | AjaxLine
http://www.ajaxline.com/10-best-jquery-menu-plugins
Sliding Login Panel with jQuery 1.3.2
http://web-kreation.com/demos/Sliding_login_panel_jquery/
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
Supersleight jQuery Plugin for Transparent PNGs in IE6 — All in the head
http://allinthehead.com/retro/338/supersleight-jquery-plugin
{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.
jQuery Menu: Dropdown, iPod Drilldown, and Flyout styles with ARIA Support and ThemeRoller Ready | Filament Group, Inc., Boston, MA
http://www.filamentgroup.com/lab/jquery_ipod_style_and_flyout_menus/
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
Is Canvas the End of Flash? | The Stairwell
http://stairwellblog.com/2009/03/is-canvas-the-end-of-flash/
stairwellblog.com/2009/03/is-canvas-the-end-of-flash stairwellblog.com is-canvas-the-end-of-flash
canvas html5
Build a Content Slider with jQuery :: Brenelz's Web Development Tips :: Winnipeg Web Development
http://www.brenelz.com/blog/2009/03/31/build-a-content-slider-with-jquery/
Fantastic AJAX Newsletter Module - NETTUTS
http://net.tutsplus.com/freebies/others/fantastic-ajax-newsletter-module/
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!
Creating a polaroid photo viewer with CSS3 and jQuery
http://www.marcofolio.net/webdesign/creating_a_polaroid_photo_viewer_with_css3_and_jquery.html
Tag Clouds - Styling and Adding Sort Options | Css Globe
http://cssglobe.com/post/4581/tag-clouds-styling-and-adding-sort-options
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/
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/
20 Useful PHP + jQuery Components & Tuts for Everyday Project | Noupe
http://www.noupe.com/php/20-useful-php-jquery-tutorials.html
20 Useful PHP + jQuery Components & Tutorials
http://digg.com/d1o13K
PHP
Google Code Blog: Steve Souders: Life's Too Short, Write Fast Code (part 2)
http://google-code-updates.blogspot.com/2009/03/steve-souders-lifes-too-short-write.html
Performance Video
Protovis
http://vis.stanford.edu/protovis/
Protovis A graphical toolkit for visualization
A fancy Apple.com-style search suggestion
http://www.marcofolio.net/webdesign/a_fancy_apple.com-style_search_suggestion.html
nicely designed autosuggest results drop down!
ReverseHttp
http://www.reversehttp.net/index.html
Tunnel HTTP over HTTP, in a structured, controllable, securable way. Let programs claim part of URL space, and serve HTTP, all by using an ordinary HTTP client library.
An interesting alternative to polling http services.
not polling
Interesting web hooks stuff. Yet another PubSub solution: http://reversehttp.net/
singpolyma: Interesting web hooks stuff. Yet another PubSub solution: http://reversehttp.net/
DeepLeap: The Fast-Paced Time-Wasting Word Game!
http://deepleap.org/
like scrabble but with a time limit and disappearing tiles
Points: 639 - Multiplier: 1.7x, bitches! http://deepleap.org/
Scrabble/boggle... word game
The Fast-Paced Time-Wasting Word Game
jQuery Tips and Tricks II | Queness
http://www.queness.com/post/172/jquery-tips-and-tricks-ii
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.
High Performance Web Sites :: Performance Impact of CSS Selectors
http://www.stevesouders.com/blog/2009/03/10/performance-impact-of-css-selectors/
Javascript and the DOM: Lesson 2 - NETTUTS
http://net.tutsplus.com/tutorials/javascript-ajax/javascript-and-the-dom-lesson-2/
Learn How to Style Articles for Print and Email - Nettuts+
http://net.tutsplus.com/tutorials/javascript-ajax/learn-how-to-style-articles-for-print-and-email/
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
http://www.floweringmind.com/sprite-creator/
Sprite Creator 1.0 Welcome to Sprite Creator. This program allows you to upload an image and select areas of the image to create the css for that sprite. If you like it feel free to contact me with your thoughts about it at: floweringmind@gmail.com. If you are interested in me, then visit my personal website at: http://www.floweringmind.com.
Sprite
make sprites
A great way to get that sprite, right
ie6-upgrade-warning - Google Code
http://code.google.com/p/ie6-upgrade-warning/
ie6でアクセスするとアラートを出すJS
いいなー
いいね
sage politely informin
he ie6-upgrade-warning is a little script (7.9kb) that displays a warning message politely informing the user to upgrade the browser to a newer version (links to newest IE, Firefox, Opera, Safari, Chrome are provided). The webpage is still visible behind a transparent background, but access to it is prevented. The idea is to force users to upgrade from IE6 and avoid the website from a bad reputation that website is not rendering correctly in IE6. The script is completely translatable in any language, very easy to set-up (one line of code in webpage and one parametter configuration).
Implement in TYPO3
20 Excellent Mootools Techniques for Rich User Interface | DevSnippets
http://devsnippets.com/reviews/20-excellent-mootools-script-for-rich-user-interface.html
20 Excellent Mootools Techniques for Rich User Interface | DevSnippets - http://devsnippets.com/reviews/20-excellent-mootools-script-for-rich-user-interface.html
20 Excellent Mootools Techniques for Rich User Interface
Sliding navigation
tabbing
Dynamic Drag’n Drop With jQuery And PHP
http://www.webresourcesdepot.com/dynamic-dragn-drop-with-jquery-and-php/
40 Exceptional jQuery Interface Techniques and Tutorials
http://sixrevisions.com/javascript/40-exceptional-jquery-interface-techniques-and-tutorials/
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
gauge.js (javascript programmable gauge)
http://www.netzgesta.de/gauge/
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
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.
Sorting Algorithm Animations
http://www.sorting-algorithms.com/
Toggle Tutorial - jQuery CSS Toggle Effect - javascript toggle tutorial - simple Toggle Effect
http://www.sohtanaka.com/web-design/easy-toggle-jquery-tutorial/
What You Must Know About jQuery UI 1.7 - NETTUTS
http://net.tutsplus.com/tutorials/javascript-ajax/what-you-must-know-about-jquery-ui-17/
Create a Progress Bar With Javascript - Nettuts+
http://net.tutsplus.com/tutorials/javascript-ajax/create-a-progress-bar-with-javascript/
Combining Cufón and @font-face • CSS & (X)HTML • Kilian Valkhof
http://kilianvalkhof.com/2009/css-xhtml/combining-cufon-and-font-face/
Combining Cufón and @font-face
20 Excellent Mootools Techniques for Rich User Interface
http://digg.com/d1oH58
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 - by Jack Anderson
http://www.spaceforaname.com/jquery/galleryview/#demos
jQuery GalleryView
IP Address Geolocation Javascript API : JSON | The Code Dreamer
http://www.nitinh.com/2009/04/ip-address-geolocation-javascript-api-json/
.nitinh.com/2009/04/ip-address-geolocation-javascript-api-json/ IPAddressGeolocation AddressGeolocation ??? a??????
Widerbug: Widescreen Firebug | Command-Tab
http://www.command-tab.com/2008/01/19/widerbug-widescreen-firebug/
a few trivial changes to Firebug, I’ve modified it to open on the right side of the browser as a sidebar. With the stock plugin, you can achieve a similar layout by detaching Firebug from the current tab and moving its window in the same position, but this has a generally unwelcome side effect: the separate window doesn’t update when you switch tabs. With Widerbug, you can open the Firebug sidebar, and it will keep up with you as you switch tabs and maintain its width.
If you do any amount of web developing with CSS and JavaScript, it’s probably a safe bet that you use the Firefox and Firebug combo to test ideas, tweak appearance and behavior of pages, and debug problems when they crop up. You might also use a widescreen monitor to provide more screen real estate to flip between your code and the rendered output. In an arrangement like this, the open Firebug panel takes up precious vertical space, while spare pixels on the side go unused.
nakajima's jquery-glow at master - GitHub
http://github.com/nakajima/jquery-glow/tree/master
glow colors
TextboxList « Devthought
http://devthought.com/projects/mootools/textboxlist/
TextboxList turns normal textboxes into a widget which can be navigated with the keyboard, effectively turning your input into a “list” of items that can be easily deleted. It comes with an official Autocomplete plugin.
Mootools multiple tags entry in input field
new TextboxList('form_tags_input
autosuggest, tags Apple Mail style
タグなどの入力に
Sliding Boxes and Captions with JQuery
http://buildinternet.com/live/boxes/
Coloca caption nas imagens de forma animada e interativa.
Sliding Boxes and Captions with JQuery
jquery 图片 信息
Nice sliding boxes to create interactive captions
20 Best jQuery Tutorials - March 2009 | AjaxLine
http://www.ajaxline.com/20-best-jquery-tutorials-march-2009
jCart - Free Ajax/PHP shopping cart
http://conceptlogic.com/jcart/
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.
70+ Practical Cheat Sheats For Web Designers And Developers
http://www.webresourcesdepot.com/70-practical-cheat-sheats-for-web-designers-and-developers/
Great cheat sheets for some of the key areas in dreamweaver, css, javascript, mysql, python... etc
10 Best jQuery Sliders | AjaxLine
http://www.ajaxline.com/10-best-jquery-sliders
Os 20 melhores sliders em jquery
blaubo design
http://www.blaubo.com/
google maps hack
blaubo design 伊野亘輝 GoogleMapsでportfolio
Design
25+ jQuery Plugins that enhance and beautify HTML form elements | Queness
http://www.queness.com/post/204/25-jquery-plugins-that-enhance-and-beautify-html-form-elements
Tropo.com
http://tropo.com/
Tropo is cloud-based telephony. Using our simple API you can quickly create and deploy powerful telephony applications in Groovy, JavaScript, PHP, Python, and Ruby. Tropo is powered by Voxeo - the largest and most reliable hosted telephony platform in the world.
What is Tropo.com? Tropo is cloud-based telephony. Using our simple API you can quickly create and deploy powerful telephony applications in Groovy, JavaScript, PHP, Python, and Ruby. Tropo is powered by Voxeo - the largest and most reliable hosted telephony platform in the world. Tropo is currently in BETA and will always be absolutely free for development use. After the BETA, production use will start at $0.03 per minute. If you encounter any problems whatsoever during testing, please contact us via the help menu above. Thanks and happy Tropoing! Sample Code Here's a simple JavaScript example that shows you how to, well, you know. answer(); say("Hello, world!"); hangup(); The following JavaScript example demonstrates how to ask a caller for input: answer(); result = ask("For sales, press 1. For support, press 2.", {choices:"1, 2", repeat:3}); if (result.name == 'choice') { if (result.value == "1") say("sales is not available right now."); if (result.value == "2")
Elliott Kember dot Com
http://www.elliottkember.com/
This guy seems awesome! Look how he promotes himself. Good for resumes.
Cool Shit
Great apps, clever site, funny guy.
145 new quick cheat sheets for some of the most widely used tools on the web
http://dreamcss.blogspot.com/2009/04/145-new-quick-cheat-sheets-for-some-of.html
145 new quick cheat sheets for some of the most widely used tools on the web
"tagged cheat sheet links"
Stubbornella » Blog Archive » Reflows & Repaints: CSS Performance making your JavaScript slow?
http://www.stubbornella.org/content/2009/03/27/reflows-repaints-css-performance-making-your-javascript-slow/
Going forward the performance community needs to partner more with browser vendors in addition to our more typical black box experiments. Browser makers know what is costly or irrelevant in terms of performance. Opera lists repaint and reflow as one of the three main contributors to sluggish JavaScript, so it definitely seems worth a look.
What causes reflows and repaints. These days usually not a big deal on websites targeted at regular PCs, but could be applicable to mobile devices.
"A repaint occurs when changes are made to an elements skin that changes visibility, but do not affect its layout. Examples of this include outline, visibility, or background color. According to Opera, repaint is expensive because the browser must verify the visibility of all other nodes in the DOM tree. A reflow is even more critical to performance because it involves changes that affect the layout of a portion of the page (or the whole page). Reflow of an element causes the subsequent reflow of all child and ancestor elements as well as any elements following it in the DOM."
untitled
http://nakajima.github.com/jquery-glow/
bueno
"tagged jquery"
Peacekeeper - The Browser Benchmark by Futuremark Corporation
http://service.futuremark.com/peacekeeper/index.action
<draco> http://service.futuremark.com/peacekeeper/index.action interesting concept, but I think their testing methodology is slightly forced/false
Teste de desmpenho de navegadores
The Browser Benchmark by Futuremark Corporation
Find out which is the fastest browser on your system with Peacekeeper, the browser benchmark from Futuremark. Peacekeeper measures browser speed with a wide range of JavaScript tests and displays the results in an easy to understand format.
11 jQuery Plugins to Enhance HTML Dropdowns | Steve Reynolds Blog
http://www.reynoldsftw.com/2009/03/11-jquery-plugins-to-enhance-html-dropdowns/
<draco> http://www.reynoldsftw.com/2009/03/11-jquery-plugins-to-enhance-html-dropdowns/
JSONの可能性がグンと拡がるぞ! JSONスキーマ - 檜山正幸のキマイラ飼育記
http://d.hatena.ne.jp/m-hiyama/20090413/1239581682
JSONスキーマ
IE6 Update
http://ie6update.com/
IE6 Update looks like IE’s Information Bar, but instead of offering your visitors an ActiveX plugin, it offers a browser update.
赤色ってどんだけきらいやねん。
Help kill Internet Explorer 6 IE6 is like an illness that just won’t go away, but we have the medicine. IE6 Update looks like IE’s Information Bar, but instead of offering your visitors an ActiveX plugin, it offers a browser update. Click here to see a demo! - Read the blog post. IE6 Update Install IE6 Update on your website Copy and paste this code before your closing </body> tag: <!--[if IE 6]> <script type="text/javascript"> /*Load jQuery if not already loaded*/ if(typeof jQuery == 'undefined'){ document.write("<script type=\"text/javascript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js\"></"+"script>"); var __noconflict = true; } var IE6UPDATE_OPTIONS = { icons_path: "http://static.ie6update.com/hosted/ie6update/images/" } </script> <script type="text/javascript" src="http://static.ie6update.com/hosted/ie6update/ie6update.js"></script> <![endif]--> And you're done! OR If you’re a feeling adventurous... Download the Code Buzz on Twitter Already using IE
Install IE6 Update
Trick people into updating IE6 to something far better.
"IE6 Update looks like IE’s Information Bar, but instead of offering your visitors an ActiveX plugin, it offers a browser update."……これはさすがにやり過ぎ感があります。
John Resig - JavaScript Testing Does Not Scale
http://ejohn.org/blog/javascript-testing-does-not-scale/
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.
jQuery topLink Plugin
http://davidwalsh.name/jquery-top-link
スクロールしたとき、いつでも画面Topに戻るボタンを表示するjQueryのプラグイン
Fluid Images — Unstoppable Robot Ninja
http://unstoppablerobotninja.com/entry/fluid-images/
Ethan follows up his Fluid Grids article with an equally excellent piece on resizing images.
Dynamically scale images with the rest of fluid layouts.
Comprehensive article about using fluid images and details about appropriate ways to achieve this.
ImageSwitch | HieuUK
http://www.hieu.co.uk/blog/index.php/imageswitch/
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.
JavaScript image combobox v1.5 | Marghoob Suleman
http://marghoobsuleman.com/jquery-image-dropdown
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
Sarien.net - Instant adventure gaming
http://sarien.net/
police quest !!
Sarien.net is the portal for reliving classic Sierra On-Line adventure games, multiplayer, in your browser.
Welcome to Sarien.net, the portal for reliving the classic Sierra On-Line adventure games. With its focus on instant fun and a unique multiplayer experience, Sarien.net hopes to win new gamers' hearts and promote the adventure game genre.
Katz Got Your Tongue? » Evented Programming With jQuery
http://yehudakatz.com/2009/04/20/evented-programming-with-jquery/
NOTE TO SELF: when i have free time, learn jQuery
Top 10 Jquery Examples with Live Demos | MyPHPDunia
http://www.myphpdunia.com/2009/04/19/top-10-jquery-examples-with-live-demos/
very good collection of menus and interesting collection
Jquery Info
O3D API - Google Code
http://code.google.com/apis/o3d/
Huh.
by google. Quote: an open-source web API for creating rich, interactive 3D applications in the browser
3D web API for creating rich, interactive 3D applications in the browser
Google Code
Make Your Own Web Site Badges with jQuery and JSON
http://www.sitepoint.com/blogs/2009/04/21/make-your-own-web-site-badges-with-jquery-and-json/
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
jQuery Image Effects - Hover Effect w/ jQuery & CSS - jQuery Tutorial
http://www.sohtanaka.com/web-design/fancy-thumbnail-hover-effect-w-jquery/
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
Amazonで閲覧中の商品に価格comから最低価格を取ってきて付加するGreasemonkeyスクリプト書いた - 5.1さらうどん
http://d.hatena.ne.jp/gigi-net/20090418/1240066430
ありがとう
The 20 Most Practical and Creative Uses of jQuery - NETTUTS
http://net.tutsplus.com/articles/web-roundups/the-20-most-practical-and-creative-uses-of-jquery/
18 Seriously Helpful Cheat Sheets for Easier Coding | Web Design Ledger
http://webdesignledger.com/resources/18-seriously-helpful-cheat-sheets-for-easier-coding
Cufón vs. Typeface.js, which one is better? • Javascript • Kilian Valkhof
http://kilianvalkhof.com/2009/javascript/cufon-vs-typefacejs-which-one-is-better/
Cufón and Typeface.js are both methods to show text in custom fonts (like sIFR), are both only a couple of months old and both use canvas or VML. So what’s the difference? And which one is better?
Persevere: The JSON database and JavaScript application server
http://www.persvr.org/
10 jQuery and non-jQuery javascript Rich Text Editors | Queness
http://www.queness.com/post/212/10-jquery-and-non-jquery-javascript-rich-text-editors
10 amazing free rich text editors that will boost your website functionality.
I hope you all love this resource. :)
jspdf - Google Code
http://code.google.com/p/jspdf/
jsPDF generates PDF documents using nothing but Javascript. You can use it in a Firefox extension, in Server Side Javascript and with Data URIs in some browsers.
Nate Koechley: "Professional Frontend Engineering" on Yahoo! Video
http://video.yahoo.com/watch/4671445/12486762
provides a good explanation of frontend web development
Front end
[transcript: http://ericmiraglia.com/blog/?p=181 ] This YUI Theater entry captures one of the courses Nate has taught at Yahoo, "Professional Frontend Engineering." It covers the foundations of the discipline, some of its core ideas, and...
28 Useful(Really) Web based Tools to speed up your web development - Hungred.com
http://hungred.com/2009/04/21/useful-information/really-useful-web-based-tools-speed-web-development/
list of web based utilities you can use it and speed up your own web development.
The jQuery Style - Awesome sites built with jQuery
http://jquerystyle.com/
รวมเวบไซต์สวยๆที่ใช้ jquery
Exemplos de jQuery
tabSwitch | HieuUK
http://www.hieu.co.uk/blog/index.php/tabswitch/
abSwitch is a tab/slider plugin for jQuery
tabSwitch is a tab/slider plugin for jQuery - Contenido swapeable
Digg the Blog » Blog Archive » DUI.Stream and MXHR
http://blog.digg.com/?p=621
画像はえー。
A method of using XHR requests to get chrome from the server rather than fetching it as the inital HTTP GET.
Opensource - AJAX - Jqtransform - jQuery form plugin
http://www.dfc-e.com/metiers/multimedia/opensource/jqtransform/
Преобразование стилей html элементов ввода данных
Progressive Enhancement: What It Is, And How To Use It? | How-To | Smashing Magazine
http://www.smashingmagazine.com/2009/04/22/progressive-enhancement-what-it-is-and-how-to-use-it/
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.
Minimalist jQuery: 11 useful plugins under 4K | jQuery Plugins | TRIF3CTA | Austin, TX
http://trif3cta.com/blog/entry/jquery-plugins-under-4k/
"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...
Building a jQuery Image Scroller - Nettuts+
http://net.tutsplus.com/tutorials/javascript-ajax/building-a-jquery-image-scroller/
QuirksBlog: Introduction to W3C Widgets
http://www.quirksmode.org/blog/archives/2009/04/introduction_to.html
QuirksBlog: Introduction to W3C Widgets
Essentially, a widget is a local HTML/CSS/JavaScript web application. A mobile phone user downloads a widget once, and from that moment on he has a web application stored locally on his mobile phone. Although currently widgets are mostly used for relatively limited functions such as clocks, RSS readers, or Twitter or Flickr clients, as well as for games, there’s no theoretical reason why they couldn’t contain a complete, complicated, JavaScript-heavy web application; for instance a mobile-optimised spreadsheet application.
How to calculate distance with javascript and Google Maps API / Brian Cray's Blog
http://briancray.com/2009/04/01/how-to-calculate-the-distance-between-two-addresses-with-javascript-and-google-maps-api/
api gmaps
Cálculo de distâncias entre cidades
jQuery Link Repository
http://www.codezest.com/archive/2009/03/21/jquery-link-repository.aspx
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...
Notimo Demos site
http://paquitosoft.com/notimoo/
This website is a placeholder for Notimoo sample demos. Notimoo is a Mootools plugin for displaying Growl style notifications to your web visitors. Demo 1 Run this code // First of all I create a Notimoo instance with default configuration var notimooManager = new Notimoo(); // Showing a simple notification notimooManager.show({ title: 'Testing notification', message: 'This is a sample notitication showing how easy is to use Notimoo.' }); // Showing a notification that does not disappear. notimooManager.show({ title: 'Testing notification', message: 'This notification will not disapper on its own. You must click on it to close.', sticky: true }); // Notification with large text. notimooManager.show({ title: 'Testing notification', message: 'This is a notification with a long text. If the message you provide does not fit into the notification size, Notimoo magically auto resize its height so all the content is visible.' }); // First of all I c
利用者に対し非常に分かりやすい通知を行うためのJavaScriptライブラリ「Notimoo」。ページの右上にフェードインで表示するのはなかなかインパクトが大きいですね。
JavaScript for hackers - Opera Developer Community
http://dev.opera.com/articles/view/opera-javascript-for-hackers-1/
Introduction I love to use JavaScript in unexpected ways, to create code that looks like it shouldn't work but does, or produces some unexpected behavior. This may sound trivial, but the results I've found lead to some very useful techniques. Each of the techniques described can be used for XSS filter evasion, which was my original intention when developing them. However, learning such JavaScript can dramatically increase your knowledge of the language, helping you become better at cleaning up input, and increase web application security. So read on and enjoy my weird and wonderful JavaScript hacks. RegExp replace can execute code When using regular expressions with replace the second argument supports a function assignment. In Opera it seems you can use this argument to execute code. For example, check out the code snippet below: 'XSS'.replace(/XSS/g,alert) This results in alert('XSS'); this works because the match from the RegExp is passed to the alert function as an argument. N
I love to use JavaScript in unexpected ways, to create code that looks like it shouldn't work but does, or produces some unexpected behavior. This may sound trivial, but the results I've found lead to some very useful techniques. Each of the techniques described can be used for XSS filter evasion, which was my original intention when developing them. However, learning such JavaScript can dramatically increase your knowledge of the language, helping you become better at cleaning up input, and increase web application security.
Preloaders.net | Free AJAX animated loading gif's | Circular
http://preloaders.net/en/circular
loading
ローディング画像ジェネレータ
Processing.js
http://processingjs.org/
Processing.js is an open programming language for people who want to program images, animation, and interactions for the web without using Flash or Java applets. Processing.js uses Javascript to draw shapes and manipulate images on the HTML5 Canvas element.
Processing library ported to JavaScript
The Right Way to Make a Dropdown Menu
http://www.sitepoint.com/blogs/2009/04/01/the-right-way-to-make-a-dropdown-menu/
Wie sollte ein benutzerfreundliches Dropdown aussehen? Mit Beispiel.
25 great free resources for making charts - FrancescoMugnai.com
http://blogof.francescomugnai.com/2009/04/25-great-free-resources-for-making-charts/
Here you have a new roundup about a bunch of great tools for making charts and graphs. You can choose between web generators, flash, javascript libraries, Silverlight or PHP classes. At the end of the post you find also 3 tutorials to make pure css bar graphs and another one for Adobe Illustrator. JS Charts (JavaScript based chart generator)
BIGREDSWITCH - Autobox2
http://www.bigredswitch.com/blog/2008/12/autobox2/
タグをぽんぽんと追加できる
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
How to skin HTML form elements in seconds
http://woork.blogspot.com/2009/04/how-to-skin-html-form-elements-in.html
2 plugins to nice up HTML Forms
Useful scripts and resources Facebook-inspired for web developers
http://woork.blogspot.com/2009/04/useful-scripts-and-resources-facebook.html
Quis Nostrud
http://www.sawmac.com/missing/javascript/tutorials/examples/index.html
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.
20 More Excellent AJAX Effects You Should Know - Nettuts+
http://net.tutsplus.com/articles/web-roundups/20-more-excellent-ajax-effects-you-should-know/
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
FullCalendar - Full-sized Calendar jQuery Plugin
http://arshaw.com/fullcalendar/
calendario en jquery
jquery calendar
18 jQuery scripts and tutorials to improve your portfolio | Design daily news
http://www.designer-daily.com/18-jquery-scripts-and-tutorials-to-improve-your-portfolio-2162/
Glimmer - Lab - MIX Online
http://visitmix.com/Lab/glimmer
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.
7 JavaScript Differences Between Firefox & IE « Web Design Articles & Tutorials
http://www.impressivewebs.com/7-javascript-differences-between-firefox-ie/
A web design blog from a Toronto based web designer, with articles and tutorials covering practical web design tips and solutions.
XSS (Cross Site Scripting) Prevention Cheat Sheet - OWASP
http://www.owasp.org/index.php/XSS_(Cross_Site_Scripting)_Prevention_Cheat_Sheet
XSS (Cross Site Scripting)
10+ jQuery photo gallery and slider plugins | Queness
http://www.queness.com/post/222/10-jquery-photo-gallery-and-slider-plugins
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.
20 More Explosive Web Development Screencasts - Nettuts+
http://net.tutsplus.com/articles/web-roundups/20-more-explosive-web-development-screencasts/
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.
960 Gridder - Lay out websites with ease.
http://gridder.andreehansson.se/
一日で学ぶ jQuery ( ラボブログ )
http://blog.spicebox.jp/labs/2009/04/_jquery.html
In the Woods - HTML, CSS, PHP and jQuery Killer Tutorials
http://blog.themeforest.net/resources/html-css-php-and-jquery-killer-tutorials/
In the Woods - HTML, CSS, PHP and jQuery Killer Tutorials
20 Excellent JavaScript Navigation Techniques and Examples
http://sixrevisions.com/javascript/20-excellent-javascript-navigation-techniques-and-examples/
Recently we showed you some exceptional CSS navigation techniques and we’d like to follow that up with an article about JavaScript-based navigation examples that you can use. Keep in mind that some of these techniques might not work if the client browser has JavaScript turned off (on average, 5% of users have JS disabled according to W3 web statistics).
15 Excellent jQuery Navigation Techniques and Solutions | Web Design Ledger
http://webdesignledger.com/tutorials/15-excellent-jquery-navigation-techniques-and-solutions
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
10 Best jQuery Plugins for working with Tables | AjaxLine
http://www.ajaxline.com/10-best-jquery-plugins-for-working-with-tables
TableSorter, Colorize, tableRowCheckboxToggle, TablePagination, JQTreeTable, jQuery table2csv, jQuery Table Display, FireScopeGrid, SearchTable, tableLib,
Check out top 10 jquery plugins for working with tables
Pikachoose
http://pikachoose.com/
Chrome Experiments - Browse - Most Recent
http://www.chromeexperiments.com/browse/
Projects | Javascript | Horizontal Accordion | index
http://www.portalzine.de/index?/Horizontal_Accordion
horizontal acrodion
Lord of the REPLs
http://lotrepls.appspot.com/
supports multiple languages but still kinda alpha
Shell pour les langages scriptés (dont Scheme, Scala, et Python)
15 Exceptional JQuery Resources And Tutorials
http://www.lateralcode.com/15-exceptional-jquery-resources-and-tutorials/
15-exceptional-jquery-resources-and-tutorials/
15 Exceptional JQuery Resources And Tutorials - http://www.lateralcode.com/15-exceptional-jquery-resources-and-tutorials/
11 Syntax Highlighters To Beautify Code Presentation
http://www.webresourcesdepot.com/11-syntax-highlighters-to-beautify-code-presentation/
Client Templating with jQuery - Rick Strahl's Web Log
http://www.west-wind.com/weblog/posts/509108.aspx
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.
jQuery UI Development & Planning Wiki / Essential Controls List
http://wiki.jqueryui.com/Essential-Controls-List
Which controls are provided from jQuery UI? Which controls are provided by a jQuery plugin?
Essential Controls List
9lessons: jQuery and Ajax best 9lessons.
http://9lessons.blogspot.com/2009/05/jquery-and-ajax-best-demos.html
Grandes lecciones de Ajax con Jquery
Create an Image Rotator with Description (CSS/jQuery)
http://designm.ag/tutorials/image-rotator-css-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.
James Smith • loopj.com » Blog Archive » jQuery Plugin: Tokenizing Autocomplete Text Entry
http://loopj.com/2009/04/25/jquery-plugin-tokenizing-autocomplete-text-entry/
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.
10 Password Strength Meter Scripts For A Better Registration Interface
http://www.webresourcesdepot.com/10-password-strength-meter-scripts-for-a-better-registration-interface/
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...
Many Eyes: Visualization Options
http://manyeyes.alphaworks.ibm.com/manyeyes/page/Visualization_Options.html
Need this for class.
FANTÁSTICO
Finding the right way view your data is as much an art as a science. The visualizations provided on Many Eyes range from the ordinary to the experimental. We're deliberately providing a wide array of possibilities since this is an experimental site...
Finding the right way view your data is as much an art as a science. The visualizations provided on Many Eyes range from the ordinary to the experimental. We're deliberately providing a wide array of possibilities since this is an experimental site—and expect to see more soon!
cool collection of visualizations
10 Transition Effects: The art of Showing/Hiding Content | DevSnippets
http://devsnippets.com/article/10-transition-effects-the-art-of-showinghiding-content.html
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.
Webdesign and IE6 incompatibility - Fix your problems in 5 minutes | Themes Live
http://www.themeslive.com/webdesign-and-ie6-incompatibility-fix-your-problems-in-5-minutes/lang/en/
There are many web developers that make their custom design using standards XHTML and CSS codes. Nowadays we have many browsers using standards from W3C: Mozilla Firefox, Opera, Safari, Google Chrome. When I develop a website, I find problems with IE6. There are many people that uses IE6 without upgrading to IE7, so, we have to check our website to works also with a non standard browser: Internet Explorer 6.
There are many web developers that make their custom design using standards XHTML and CSS codes. Nowadays we have many browsers using standards from W3C: Mozilla Firefox, Opera, Safari, Google Chrome. When I develop a website, I find problems with IE6. There are many people that uses IE6 without upgrading to IE7, so, we have to check our website to works also with a non standard browser: Internet Explorer 6. Internet Explorer 6 (IE6), not support fully CSS and has a problem loading PNG with Alpha transparency. ie7js There are many CSS tricks to make IE6 compatible with PNG Alpha and other CSS codes, but every webdesigner must spend its time to develop a custom code working only for IE6 and using CSS Conditional Tags. Why spend so many times to develop for IE6? Fortunately, a Javascript Genius, Dean Edwards wrote a script called IE7. This amazing piece of code uses JavaScript to make Internet Explorer 5 and 6 behave like a standards-compliant browser. First of all, you must downl
Webdesign and IE6 incompatibility
jPlayer : the only CSS styleable jQuery mp3 player plugin
http://www.happyworm.com/jquery/jplayer/
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
Crucial Concepts Behind Advanced Regular Expressions | How-To | Smashing Magazine
http://www.smashingmagazine.com/2009/05/06/introduction-to-advanced-regular-expressions/
Regex
toread
15+ Excellent jQuery Plugins To Enhance HTML Forms
http://webdeveloperplus.com/jquery/15-excellent-jquery-plugins-to-enhance-html-forms/
15+ Excellent jQuery Plugins To Enhance HTML Forms
43,439 reasons to use append() correctly » Learning jQuery - Tips, Techniques, Tutorials
http://www.learningjquery.com/2009/03/43439-reasons-to-use-append-correctly
Learning jQuery
いま起きているWeb標準の進化、HTML5、CSS3、JavaScript 2.0 - Blog on Publickey
http://www.publickey.jp/blog/09/webhtml5css3javascript_20.html
メモ。
HTML も CSS も、すっかり動向を追わなくなって久しい。たぶん今書こうと思ったら相当忘れてるんだろうなぁ…。まだ進化するのですかー
次世代Web標準の簡単なまとめ
俄然HTMLが面白くなってきた!
jQuery Cheat Sheet
http://www.javascripttoolbox.com/jquery/cheatsheet/
Canvas 3d JS Library » What is C3DL?
http://www.c3dl.org/
The Canvas 3D JS Libary (C3DL) is a javascript library that will make it easier to write 3D applications using canvas 3d. It will provide a set of math, scene, and 3d object classes to make the canvas more accessible for developers that want to develop 3D content in browser but do not want to have to deal in depth with the 3D math needed to make it work. If you are viewing this page with a canvas 3d (ver. 0.4.2 or higher) enabled browser (Firefox 3.5 or higher), the scene below will be moving. If not you will see a screen shot. This scene was originally created by Jay Edry and has been adapted to work with 1.0 Release of the library. Click here to download the source and models
JS Library
すばらしい。 javascript めどいがそろそろ ....
[JS]jQueryのプラグイン33+1選 -2009年3月 | コリス
http://coliss.com/articles/build-websites/operation/javascript/jquery-plugins-best-2009-mar.html
Dean Edwards: Callbacks vs Events
http://deanedwards.me.uk/weblog/2009/03/callbacks-vs-events/
Callbacks vs Events
カスタムイベントを取り扱う際のコールバックシステムの問題点と解決策
Most of the major JavaScript libraries claim to support custom events in one form or another. For example, jQuery, YUI and Dojo all support a custom “document ready” event. However, the implementation of these custom events is always some form of callback system.
NealGrosskopf.com l CSS Template Layouts: A Simpler CSS Layout System, Now Possible With JQuery
http://www.nealgrosskopf.com/tech/thread.asp?pid=46
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
8のjQueryのすごいTIPS[to-R]
http://blog.webcreativepark.net/2009/03/17-161250.html
this.target = "_blank";は盲点。考えたらこれで充分だよなぁ…。
要素の数を取得/画像のプリロード/ブラウザごとにCSSを変更/テキストから特定のワードを取り除く/ブロックレベルの高さを揃える/フォントのリサイズ/右クリックのコンテキストメニューを非表示に
フォントのリサイズとか画像のプリロードとかいろいろ
Supersized - Full Screen Background/Slideshow jQuery Plugin
http://www.buildinternet.com/project/supersized/
Image slider
Demo jPlayer 0.2.1 : jQuery mp3 player plugin
http://www.happyworm.com/jquery/jplayer/0.2.1/demos.htm
jQuery audio player
Animated Ajax Record Deletion Using jQuery
http://davidwalsh.name/animated-ajax-jquery
david
Animated Record Deletion using jQuery
cancellazione record visuale tramite jquery...bello
クールすぎて本当に動的に作ったの?というグラフが描画できてしまう「visifire」:phpspot開発日誌
http://phpspot.org/blog/archives/2009/03/visifire.html
Visifire クールすぎて本当に動的に作ったの?というグラフが描画できてしまう「visifire」。 以下にある画像のような、ちょっと他ではなかなか無いグラフを提供してくれます。フリーで使えます。
資料作成に。
Lifehacker - Top 10 Greasemonkey User Scripts, 2009 Edition - Greasemonkey
http://lifehacker.com/5245938/top-10-greasemonkey-user-scripts-2009-edition
Two years ago, we compiled our 10 favorite Greasemonkey scripts, the site-fixing wonders you can load into Firefox's Greasemonkey extension for a better browsing experience. We've updated our picks, and there's a lot that's new.
InfoQ: JavaScript Test Driven Development with JsUnit and JSMock
http://www.infoq.com/articles/javascript-tdd
at InfoQ
This article is a crash course in writing maintainable JavaScript. We'll add features to a running example by iteratively following a simple principle: write a unit test, make it pass. Each test will serve as a quality feedback loop, creating both a safety net and an executable form of documentation for anyone who wants to change the production code. By starting each feature with a simple failing test we ensure that all features are tested. We avoid the cost of rewriting code to test it later. This is particularly valuable given the fact that JavaScript developers have so much rope to hang themselves with - consider how much global mutable state there is between the DOM API and the language itself.
to be tested
tuto java tutorials..
This article is a crash course in writing maintainable JavaScript. We'll add features to a running example by iteratively following a simple principle: write a unit test, make it pass. Each test will serve as a quality feedback loop, creating both a safety net and an executable form of documentation for anyone who wants to change the production code.
inject
27+ Handy Javascript Techniques for Web Designer | Desizn Tech
http://desizntech.info/2009/05/27-handy-javascript-techniques-for-web-designer/
Simple Page Peel Effect with jQuery & CSS
http://www.sohtanaka.com/web-design/simple-page-peel-effect-with-jquery-css/
Simple Page Peel Effect with jQuery & CSS
pliegue de hoja
20+ Wicked Proof of Concepts for Better use of jQuery/CSS | Noupe
http://www.noupe.com/css/20-wicked-proof-of-concepts-for-better-use-of-jquerycss.html
Build an Auto-Scrolling Slideshow That Works With and Without JavaScript - Nettuts+
http://net.tutsplus.com/tutorials/javascript-ajax/building-an-auto-scrolling-slideshow-that-works-with-and-without-javascript/
オートスライドするタブナビゲーションの作り方 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.
Make your HTML elements stand out with jquery expose
http://www.flowplayer.org/tools/expose.html
Fade background behalve specifiek element
Make your HTML elements stand out
Cheat Code: a jQuery Plugin
http://www.trovster.com/lab/plugins/cheat-code/
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.
主要ブラウザすべてに影響する「クリックジャッキング」攻撃とは
http://internet.watch.impress.co.jp/cda/news/2009/03/03/22653.html
よく考えるなこんな方法……。
Simple Guide: How To Get Started With jQuery | Spyre Studios
http://spyrestudios.com/simple-guide-how-to-get-started-with-jquery/
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.
7 Powerful image carousels for web designers
http://woork.blogspot.com/2009/05/7-powerful-image-carousels-for-web.html
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
DataTables example
http://www.sprymedia.co.uk/dataTables-1.4/example_zero_config.html
SIIIICK Data Table
Cheap Turpentine: Ori Peleg's Blog: Prefetching JavaScript (or anything) with jQuery
http://orip.org/2009/03/prefetching-javascript-or-anything-with.html
(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?
blackbirdjs - Google Code
http://code.google.com/p/blackbirdjs/
Blackbird offers a dead-simple way to log messages in JavaScript and an attractive console to view and filter them. You might never use alert() again.
javascript logging utility
Great looking js logging console for all browsers
JavaScript Debugging Techniques in IE 6
http://sixrevisions.com/javascript/javascript-debugging-techniques-in-ie-6/
JavaScript Debugging
Microsoft's Internet Explorer 6 is almost universally hated by web developers. Fortunately, with the help of Visual Studio and by changing a few IE settings, we can make it much easier on ourselves.
Introducing JSTalk, an alternative to AppleScript
http://gusmueller.com/blog/archives/2009/03/introducing_jstalk__an_alternative_to_applescript.html
"JSTalk's goal can described like this: JSTalk is to AppleScript, what Cocoa is to Carbon."
Quick Tip: Prevent Animation Queue Buildup » Learning jQuery - Tips, Techniques, Tutorials
http://www.learningjquery.com/2009/01/quick-tip-prevent-animation-queue-buildup
friggeri.net » blog » jquery gestures
http://friggeri.net/blog/2008/12/21/jquery-gestures
Mouse gestures for jQuery. The madness..
pseudo itouch gestures
Jquery gestures
Mausgesten per jQuery erzeugen und einbinden.
Carron Media - Extend Google Analytics with jQuery
http://www.carronmedia.com/extend-google-analytics-with-jquery/
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
6 Flexible jQuery Plugins To Control Webpage Layouts Easily
http://www.webresourcesdepot.com/6-flexible-jquery-plugins-to-control-webpage-layouts-easily/
Create a Slick and Accessible Slideshow Using jQuery
http://sixrevisions.com/tutorials/javascript_tutorial/create-a-slick-and-accessible-slideshow-using-jquery/
A great tutorial on how to make a nice smooth slideshow.
slideshow com jquery
CSS styleable jQuery mp3 player plugin
http://www.dreamcss.com/2009/05/css-styleable-jquery-mp3-player-plugin.html
CSS styleable jQuery mp3 player plugin
jQuery vs MooTools: Choosing Between Two Great JavaScript Frameworks
http://jqueryvsmootools.com/
Interessante Gegenüberstellung der unterschiedlichen Konzepte beider Bibliotheken.
30 Javascript Menu Plugins and Scripts | Queness
http://www.queness.com/post/237/30-javascript-menu-plugins-and-scripts
Here we go again, enjoy my collection of navigation menu. * Accordion Menu * Dock Menu * Navigation/Drop Down Menu * Slide Menu * Tree View Accordion Menu * Dynamic drive Accordion menu Dynamic drive Accordion menu | Demo * jQuery Accordion Menu i-MarcojQuery Accordion Menu | Demo * Horizonal Accordion Menu Horizonal Accordion Menu | Demo * Bassistance jQuery Accordion Bassistance jQuery Accordion | Demo * Designreviver Horizontal Accordion Designreviver Horizontal Accordion | Demo * Phatfusion Image Menu Phatfusion Image Menu | Demo Dock Menu * iconDock iconDock | * jQ Dock jQ Dock | Demo * CSS Dock Menu jQuery + Fisheye CSS Dock Menu jQuery + Fisheye | Demo * MacStyleDock MacStyleDock | Demo * Mootool Fisheye Mootool Fisheye | Demo * Dojo Fisheye Dojo Fisheye | Demo * euDock euDock | Demo * cornerDock cornerDock | Demo
30 Javascript Menu Plugins and Scripts | Queness
List of Really Useful Free Tools For JavaScript Developers | W3Avenue
http://www.w3avenue.com/2009/05/19/list-of-really-useful-free-tools-for-javascript-developers/
List of Really Useful Free Tools For JavaScript Developers
Nice collection of tools for Javascript Development.
Supersized 2.0 Released - Now with Transitions & Controls | Build Internet!
http://buildinternet.com/2009/05/supersized-20-full-screen-imagebackground-slideshow-jquery-plugin-w-transitions-and-controls
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/
Create a Resizable Image Grid with jQuery | Web Design Ledger
http://webdesignledger.com/tutorials/create-a-resizable-image-grid-with-jquery
Twitter Emulation Using MooTools 1.2 and PHP - NETTUTS
http://nettuts.com/tutorials/php/twitter-emulation-using-mootools-12-and-php/
Twitter Emulation Using MooTools 1.2 and PHP - Nettuts+
Crear twitter con mootools y php
preventDefault();
10 Intelligent Ways of using [FORM] Elements | Noupe
http://www.noupe.com/css/10-intelligent-ways-of-using-form-elements.html
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
Full Screen Image Gallery Using jQuery and Flickr : DevKick Blog
http://devkick.com/blog/full-screen-image-gallery-using-jquery-and-flickr/
Galeria de imagens!
TinyBox JavaScript Popup Box - 3.5KB - Web Development Blog
http://www.leigeber.com/2009/05/javascript-popup-box/
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.
List of Really Useful JavaScript Libraries | W3Avenue
http://www.w3avenue.com/2009/05/25/list-of-really-useful-javascript-libraries/
Recopilación de librerías javacript
List of Really Useful JavaScript Libraries
W3Avenue
オブジェクトっぽい話が分かるかもしれないJavaScript講座 その1 | Takazudo Clipping*
http://gyauza.egoism.jp/clip/archives/2009/05/javascript-oop1/
長くていいから分かりやすく―――実にありがたし。
Smart Columns w/ CSS & jQuery
http://www.sohtanaka.com/web-design/smart-columns-w-css-jquery/
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.
FontJazz - Embed fonts on web pages
http://fontjazz.com/
any font embed on website with javascript
sifr-replacement
Shhhaw! » On Redesigning the Front Page of Talking Points Memo
http://www.shhhaw.com/?p=34
Nice process article on reworking a news homepage. Love the video at the end with the column switching.
The latest redesign of the Talking Points Memo (TPM) frontpage has been explained in detail
How to implement a news ticker with jQuery and ten lines of code
http://woork.blogspot.com/2009/05/how-to-implement-news-ticker-with.html
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
MooTools based FileManager / Portfolio / Christoph Pojer
http://og5.net/christoph/article/MooTools_based_FileManager
filemanager FTP attraverso il browser
In the Woods - HTML, CSS, PHP and jQuery Killer Tutorials
http://blog.themeforest.net/resources/html-css-php-and-jquery-killer-tutorials/#more-1775
webprogram
Many more - see the URL
With YQL Execute, the Internet becomes your database (Yahoo! Developer Network Blog)
http://developer.yahoo.net/blog/archives/2009/04/yql_execute.html
The Yahoo! Query Language lets you query, filter, and join data across any web data source or service on the web. Using our YQL web service, apps run faster with fewer lines of code and a smaller network footprint. YQL uses a SQL-like language because it is a familiar and intuitive method for developers to access data. YQL treats the entire web as a source of table data, enabling developers to select * from Internet.
YQL + Linked Data = possibilities
Execute elements run server-side JavaScript with E4X (na
David DeSandro: jQuery Masonry
http://desandro.com/resources/jquery-masonry
jQuery Masonry thumbnail box
Modal Windows In Modern Web Design | Design Showcase | Smashing Magazine
http://www.smashingmagazine.com/2009/05/27/modal-windows-in-modern-web-design/
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.
Asual | jQuery Address - Deep linking plugin
http://www.asual.com/jquery/address/
36 Eye-Catching Jquery Navigation Menus | 1stwebdesigner - Love In Design
http://www.1stwebdesigner.com/resources/36-eye-catching-jquery-navigation-menus/
36 Eye-Catching Menu Structures by 1stwebdesigner
45+ Really Essential Free HTML [Form] Enhancements | tripwire magazine
http://www.tripwiremagazine.com/tools/html/45-really-essential-free-html-form-enhancements.html
Introducing Typekit « The Typekit Blog
http://blog.typekit.com/2009/05/27/introducing-typekit/
via windfucker
ウェブページでフォントをダンロードしやすくする仕組みっぽい。Javascript一行だってさ。どんな風になるのかな。
all browsers will soon support a wide range of fonts. but using fonts on the web (in most cases) is a direct violation of the font's copyright, as linking to a font gives the viewer a direct way to download the font . It's like using a font to print a book and then including the font with the printed book. Enter TypeKit, a web app that designers and developers subscribe to. The service has a collection of typefaces that the dev can link to in their jscript and TypeKit handles all the background witch's brew of delivering the font to the end user's screen, without that iser being able to download the font package. Interesting idea! I wonder what the tech looks like behind the service and the susbcription fees.
As a Typekit user, you’ll have access to our library of high-quality fonts. Just add a line of JavaScript to your markup, tell us what fonts you want to use, and then craft your pages the way you always have. Except now you’ll be able to use real fonts. This really is going to change web design.
We’ve been working with foundries to develop a consistent web-only font linking license. We’ve built a technology platform that lets us to host both free and commercial fonts in a way that is incredibly fast, smoothes out differences in how browsers handle type, and offers the level of protection that type designers need without resorting to annoying and ineffective DRM.
My Tiny TodoList | A simple open source todolist written in PHP and jQuery
http://woork.blogspot.com/2009/05/my-tiny-todolist-simple-open-source.html
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
jQuery Performance Rules - Best Practices for Speeding Up jQuery
http://www.artzstudio.com/2009/04/jquery-performance-rules/
これらを気をつけないと IE では特に遅くなる。jQuery 使う時にはまずはじめに見るべき。
" Using jQuery and other frameworks that make selecting nodes and DOM manipulation easy can have adverse affects if you’re not careful"
120+ Javascript, Ajax, jQuery Mega Toolbox | tripwire magazine
http://www.tripwiremagazine.com/tools/developer-toolbox/javascript-ajax-jquery-mega-toolbox.html
A huge Javascript, Ajax and jQuery Toolbox that I hope really really gonna make a difference in your work efficiency.
bunch of nice looking jQuery ideas
NimbleKit - Smart kit for fast iPhone apps development
http://www.nimblekit.com/
NimbleKit is the fastest way to create applications for iPhone and iPod touch. You don't need to know Objective-C or iPhone SDK. All you need is to know how to write an HTML page with Javascript code.
Functions overview - PHP.JS
http://phpjs.org/functions/index
Use PHP functions in JavaScript
php functions converted to js
High Performance Web Sites :: Loading Scripts Without Blocking
http://www.stevesouders.com/blog/2009/04/27/loading-scripts-without-blocking/
Article explaining the basics of how to make a website so it loads efficiently.
Bookmarklet Directory - bmlet.com
http://www.bmlet.com/Bookmarklets/
Find and review bookmarklets at bmlet.com
BySlideMenu : Accordion Menu - Free and Open Source Mootools plugin to create accordion menu
http://www.byscripts.info/scripts/javascript-dynamic-accordion-menu
BySlide accordion Menu like MIT
Open Source Mootools plugin
jQuery Ribbon - Home
http://jqueryribbon.codeplex.com/
Build a Windows-style ribbon menu
Screenshots
A ribbon control built on jQuery. It supports grouping, dropdown menus, nested lists theming and more.
Dragon Labs
http://labs.dragoninteractive.com/index.php
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!
Samuel Garneau dot com - jQuery : Slide Panel
http://www.hotajax.org/demo/jquery/SlideBox/SlideBox/index.html
Parsing Strings With jQuery : DevKick Blog
http://devkick.com/blog/parsing-strings-with-jquery/
jqueryによる文字列操作 正規表現を活用 urlアドレスのa要素化、htmlタグの削除など
UIzard - Web Based Ajax Development Tool
http://uizard.org/
Web application developement tool
takie visio online
Web Application Ajax Based Development Tool
dhtmlxScheduler - Ajax Events Calendar/Scheduler
http://dhtmlx.com/docs/products/dhtmlxScheduler/index.shtml
APE (Ajax Push Engine) :: Real time data streaming
http://www.ape-project.org/en/home.html
Comet & Reverse AJAX push
css-template-layout - Google Code
http://code.google.com/p/css-template-layout/
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
A jQuery inline form validation, because validation is a mess « Position Absolute
http://www.position-absolute.com/articles/jquery-form-validator-because-form-validation-is-a-mess/
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
JavaScriptでよく使う書き方。 - こせきの技術日記
http://d.hatena.ne.jp/koseki2/20090530/JsIdiom
var m = ("abcccd".match(/ab(c+)/)||[])[1];
JavaScriptで正規表現を使った書き方のtips。
jsの正規表現周りのtips
主にregexpによるmatch関連
デザイナー・コーダー必見!使えるform関連jQueryプラグインの数々 | バシャログ。
http://c-brains.jp/blog/wsg/09/05/27-200803.php
フォーム関連 ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆
jQueryによるform作成サンプル
jQuery Ajax tutorials, jQuery UI examples and more! - The Ultimate jQuery List
http://jquerylist.com/
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.
Sexy Drop Down Menu w/ jQuery & CSS | Noupe
http://www.noupe.com/tutorial/drop-down-menu-jquery-css.html
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 - Pure Javascript Plotting
http://www.jqplot.com/index.html
jqPlot is a plotting plugin for the jQuery Javascript framework. jqPlot produces beautiful line and bar charts with many features including: * Numerous chart style options. * Date axes with customizable formatting. * Rotated axis text. * Automatic trend line computation. * Tooltips and data point highlighting. * Sensible defaults for ease of use. jqPlot is an open source project by Chris Leonello
Gráficos diversos com jQuery [EXCELENTE]
jqPlot - Pure Javascript Plotting
may be relevant to my interests...
jquery library for charts
Choose Your Own HTML 5 Adventure
http://htmlfive.appspot.com/
Choose Your Own HTML 5 Adventure
jQuery TOOLS - The UI library for the Web
http://flowplayer.org/tools/index.html
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
http://www.jankoatwarpspeed.com/post/2009/06/01/Advanced-docking-using-jQuery.aspx
Advanced docking using jQuery
APE (Ajax Push Engine) :: Real time data streaming
http://www.ape-project.org/
APE is a Server for pushing real-time data to Rich Internet Applications, no pull! Data is sent, live, to thousands of clients, in a JavaScript socket fashion. It allows you to write real-time web applications without using any client plugins (Java, Flash...).
jQuery TOOLS - The UI library for the Web
http://flowplayer.org/tools/demos/index.html
15 Amazing jQuery Image Gallery/Slideshow Plugins and Tutorials : Speckyboy Design Magazine
http://speckyboy.com/2009/06/03/15-amazing-jquery-image-galleryslideshow-plugins-and-tutorials/
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.
15 jQuery Plugins to enhance your HTML form elements
http://www.dreamcss.com/2009/05/15-jquery-plugins-to-enhance-your-html.html
Page Speed Home
http://code.google.com/speed/page-speed/
Page speed is a google tool for evaluating website performance
Page Speed is an open-source Firefox/Firebug Add-on. Webmasters and web developers can use Page Speed to evaluate the performance of their web pages and to get suggestions on how to improve them.
Google Code Blog: Introducing Page Speed
http://google-code-updates.blogspot.com/2009/06/introducing-page-speed.html
Page Speed is a tool we've been using internally to improve the performance of our web pages -- it's a Firefox Add-on integrated with Firebug.
Website optimization plugin for Firefox/Firebug by Google
JavaScript InfoVis Toolkit - Interactive Data Visualizations for the Web
http://thejit.org/
Java scrippting
GG
kind of flare for js: impressive!
JavaScript Information Visualization Toolkit, Meaningful Visualizations
Paul Irish » jQuery idleTimer plugin
http://paulirish.com/2009/jquery-idletimer-plugin/
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
More than 25 Excellent Tips to Improve jQuery | MaX's Blog
http://maxblog.me/2009/04/20/more-than-25-excellent-tips-to-improve-jquery/
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
Introducing MooTools ScrollSpy
http://davidwalsh.name/scrollspy
MooTools ScrollSpy
I’ve been excited to release this plugin for a long time. MooTools ScrollSpy is a unique but simple MooTools plugin that listens to page scrolling and fires events based on where the user has scrolled to in the page. Now you can fire specific functionality with just a few simple parameters.
ลูกเล่น เจ๋งๆ
跟踪浏览器滚动条
Plugin per MooTools che intercetta lo scrolling della pagina ed è in grado di attivare specifici eventi in base alla posizione in cui si trova l’utente nell’operazione di scorrimento.
21 Stylish CSS/jQuery Solutions To Beautify Your Web Designs @ SmashingApps
http://www.smashingapps.com/2009/06/05/21-stylish-cssjquery-solutions-to-beautify-your-web-designs.html
tau
JQuery: Die 22 besten Modal - Fenster Plugins | BLOGRAMMIERER
http://www.blogrammierer.de/jquery-die-22-besten-modal-fenster-plugins/
JQuery
Regex Selector for jQuery - James Padolsey
http://james.padolsey.com/javascript/regex-selector-for-jquery/
Regex Selector for jQuery - James Padolsey
Web Performance Best Practices
http://code.google.com/speed/page-speed/docs/rules_intro.html
"..Page Speed evaluates performance from the client point of view, typically measured as the page load time.."
Fun With Canvas: Create a jQuery Graph Plugin - Nettuts+
http://net.tutsplus.com/tutorials/javascript-ajax/fun-with-canvas-create-a-jquery-graph-plugin/
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.
13 Must-Have Add-ons To Strengthen Firebug
http://www.webresourcesdepot.com/13-must-have-add-ons-to-strengthen-firebug/
Designstuff, Extensions, Plugins
Pixelmatrix Design – Announcing Uniform
http://pixelmatrixdesign.com/weblog/comments/announcing_uniform/
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.
Google Open Source Blog: Introducing Android Scripting Environment
http://google-opensource.blogspot.com/2009/06/introducing-android-scripting.html
These scripts demonstrates several of the available APIs available for both Lua and Python. It is intended to be run as a service and silences the ringer when the phone is placed face down. For some scripting languages, like BeanShell, it's possible to access Android's Java API directly. To simplify things, ASE provides the AndroidFacade class. For other languages, like Python and Lua, the API is made available via JSON RPC calls to a proxy. Naturally this means that only the part of the API which has been wrapped by the AndroidFacade and AndroidProxy are available to cross-compiled interpreters like Python and Lua. Thankfully, both AndroidFacade and AndroidProxy are simple to extend.
Programming Android with scripting languages like Lua or Python.
Android apps for the rest of us? Now script Android apps in Python!
android-scripting - Google Code
http://code.google.com/p/android-scripting/
python for android
25 Useful MooTools Tutorials
http://designm.ag/tutorials/25-useful-mootools-tutorials/
buéno
jQuery SuperBox!
http://www.pierrebertet.net/projects/jquery_superbox/
5 Extremely Simple Ways To Add Page Curl To Your Website
http://www.webdesignbooth.com/5-extremely-simple-ways-to-add-page-curl-to-your-website/
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.
CSS swap hover effect | Min Tran's weblog
http://min.frexy.com/article/css_swap_hover_effect/
changes image to text when hovering mouse
CSS swap hover effect
CSS effects - util in webdevelopement
Moousture
http://neofreeman.freepgs.com/Moousture/
A mouse gesture library written soley in javascript with power and flexiblity to mould itself for you.
Using jQuery To Manipulate and Filter Data - Nettuts+
http://net.tutsplus.com/tutorials/javascript-ajax/using-jquery-to-manipulate-and-filter-data/
Using jQuery To Manipulate and Filter Data
jQuery Basics - jQuery for Beginners - jQuery Tutorial - jQuery 101
http://www.sohtanaka.com/web-design/jquery-easy-tips-tricks-tutorial/
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
24 CSS (in some cases with jQuery) Navigation and Menu Tutorials : Speckyboy Design Magazine
http://speckyboy.com/2009/06/08/24-css-in-some-cases-with-jquery-navigation-and-menu-tutorials/
Interactive jQuery selector tester
http://www.woods.iki.fi/interactive-jquery-tester.html
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
http://www.dreamcss.com/2009/04/create-beautiful-jquery-sliders.html
Create Beautiful jQuery sliders tutorial
jQuery Infinite Carousel | jQuery for Designers - Tutorials and screencasts
http://jqueryfordesigners.com/jquery-infinite-carousel/
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.
JQuery HowTo: 5 easy tips on how to improve code performance with huge data sets in jQuery
http://jquery-howto.blogspot.com/2009/02/5-easy-tips-on-how-to-improve-code.html
i am guilty of many of these
Lighter.js
http://pradador.com/code/lighterjs/
Lighter.js is a free syntax highlighting class developed with MooTools. It was created with the MooTools developer in mind and takes advantage of many of the Framework's features. Using it can be as simple as adding a single script to your webpage, selecting the elements you wish to highlight, and Lighter.js takes care of the rest.
Processing.js
http://processingjs.org/exhibition
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.
Fun with Overflows | jQuery for Designers - Tutorials and screencasts
http://jqueryfordesigners.com/fun-with-overflows/
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.
jQuery Splitter Plugin
http://methvin.com/splitter/
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
How AJAX Works: 10 Practical Uses For AJAX | Noupe
http://www.noupe.com/ajax/how-ajax-works.html
TextboxList « Devthought
http://devthought.com/projects/jquery/textboxlist
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/
In the Woods - Coda Slider and More With jQuery Tools - http://blog.themeforest.net/tutorials/coda-slider-and-more-with-jquery-tools/
Obsurvey
http://www.obsurvey.com/
Create you own surveys, collect answers and analyze
new survey tool
Create surveys to take online with anonomous feedback
Sniffing Browser History with NO Javascript!
http://www.making-the-web.com/misc/sites-you-visit/nojs/
Uses HTML and CSS to determine your browsing history. Slowish but effective.
This is a method of sniffing your browsing history without using Javascript. If you haven't cleaned your browsing history recently, just click "Start Scan" and the system will get to work. If this doesn't shock you, it should: websites are not supposed to see this information. It has potential for anyone, in particular advertisers, to view your history and profile you.
Stéphane Caron - No Margin For Errors » Blog Archive » Demystifying the jQuery selectors optimization
http://www.no-margin-for-errors.com/2009/04/28/demystifying-the-jquery-selectors-optimization/
ind the best way to select elements depending on the situations
Brandon Aaron : Special Events
http://brandonaaron.net/blog/2009/03/26/special-events
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
24 JavaScript Best Practices for Beginners - Nettuts+
http://net.tutsplus.com/tutorials/javascript-ajax/24-javascript-best-practices-for-beginners/
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!
SWFUpload jQuery Plugin : Adam Royle
http://blogs.bigfish.tv/adam/2009/06/14/swfupload-jquery-plugin/
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.
How To Create Your Own Stats Program (JavaScript, AJAX, PHP) | Noupe
http://www.noupe.com/php/how-to-create-your-own-stats.html
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
Introducing iPhone-style Checkboxes
http://awardwinningfjords.com/2009/06/16/iphone-style-checkboxes.html
JQuery plugin to make iphone-like checkboxes
Doodle.js — A Sprite Library for Canvas | notebook
http://www.lamberta.org/blog/doodle/
A Sprite Library for Canvas | notebook
iNettuts - Welcome!
http://nettuts.s3.amazonaws.com/127_iNETTUTS/demo/index.html
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
Named function expressions demystified
http://yura.thinkweb2.com/named-function-expressions/
An article about named function expressions in Javascript
different ways of defining functions
Theoretical and practical aspects of Javascript's named function construct
Surprisingly, a topic of named function expressions doesn’t seem to be covered well enough on the web. This is probably why there are so many misconceptions floating around. In this article, I’ll try to summarize both - theoretical and practical aspects of these wonderful Javascript constructs; the good, bad and ugly parts of them.
10 Reasons Why You Should Be Using Firebug - Nettuts+
http://net.tutsplus.com/tutorials/other/10-reasons-why-you-should-be-using-firebug/
10 Reasons Why You Should Be Using Firebug
Explicacion de porque se debe usar firebug y algunas extensiones
10. FirePHP Our last, but not least, important Firebug component is FirePHP. With this add-on, we can transparently send information (warnings, errors, logging, info) to the Console panel from our PHP code. Example usage from FirePHP's website:
How to: add features to Firefox with Mozilla's new Jetpack - Ars Technica
http://arstechnica.com/open-source/news/2009/05/how-to-add-features-to-firefox-with-mozillas-new-jetpack.ars
Use Jetpack to integrate Digg in Firefox
Mozilla&#039;s new Jetpack project makes it easy to enhance the Firefox web browser by using conventional HTML and JavaScript. In this hands-on tutorial, we introduce you to Jetpack and use it to add a Digg counter to the browser&#039;s statusbar.
Mozilla's new Jetpack project makes it easy to enhance the Firefox web browser by using conventional HTML and JavaScript. In this hands-on tutorial, we introduce you to Jetpack and use it to add a Digg counter to the browser's statusbar.
30+ Useful Ajax Lightbox and Modal Dialog Solutions | Dottony
http://www.dottony.com/30-useful-ajax-lightbox-and-modal-dialog-solutions/
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
30 Creative Javascript Navigation Menu Examples | 1stwebdesigner - Love In Design
http://www.1stwebdesigner.com/inspiration/30-menu-creative-javascript-navigation-menu-examples/
(no description)
jQuery Function Builder - a quick jQuery syntax function generator | Developer Tools | Accessify
http://accessify.com/tools-and-wizards/developer-tools/jquery-builder/default.php
jqueryの関数ジェネレーター。
Really useful tool for building jquery functions :)
SitePen Blog » JavaScriptDB: Persevere’s New High-Performance Storage Engine
http://www.sitepen.com/blog/2009/04/20/javascriptdb-perseveres-new-high-performance-storage-engine/
JavaScriptDB: Persevere’s New High-Performance Storage Engine April 20th, 2009 at 8:47 pm by Kris Zyp The latest beta of Persevere features a new native object storage engine called JavaScriptDB that provides high-end scalability and performance. Persevere now outperforms the common PHP and MySQL combination for accessing data via HTTP by about 40% and outperforms CouchDB by 249%. The new storage engine is designed and optimized specifically for persisting JavaScript and JSON data with dynamic object structures. It is also built for extreme scalability, with support for up to 9,000 petabytes of JSON/JS data in addition to any binary data.
Typekit
http://typekit.com/
We’ve been working with foundries to develop a consistent web-only font linking license. We’ve built a technology platform that lets us to host both free and commercial fonts in a way that is incredibly fast, smoothes out differences in how browsers handle type, and offers the level of protection that type designers need without resorting to annoying and ineffective DRM.
»We’ve been working with foundries to develop a consistent web-only font linking license. […] As a Typekit user, you’ll have access to our library of high-quality fonts. Just add a line of JavaScript to your markup […] We’ll be launching this summer with a great collection of beautiful and hardworking typefaces.«
Basically, Typekit will offer a way for designers to license fonts for use on web pages, which is a big deal because of a CSS feature that is soon to be supported in most major browsers that will allow designers to reference fonts installed on the server and render them as fonts (rather than Flash or images) for users.
12 jQuery based chart
http://www.dreamcss.com/2009/03/12-jquery-based-chart.html
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
7 Rich & Creative User Interfaces and How to Create Your Own | Noupe
http://www.noupe.com/design/7-rich-creative-user-interfaces.html
10 Useful Firefox Extensions to Supercharge Firebug
http://sixrevisions.com/web-development/10-useful-firefox-extensions-to-supercharge-firebug/
Wescript
http://wescript.net/
自動アップデートしてくれるグリモンのなんかそういうの
ユーザースクリプとの管理、アプデート、人気スクリプトのランキングとか。
greasemonkeyのスクリプトの更新チェック、管理
Wescript is utility for userscript runtime environments, such as Greasemonkey. It's useful for finding popular userscripts and checking userscript updates.
Create Featured Content Slider Using jQuery UI
http://webdeveloperplus.com/jquery/featured-content-slider-using-jquery-ui/
Create Featured Content Slider Using jQuery UI
50 Fresh JavaScript Tools That Will Improve Your Workflow | Developer's Toolbox | Smashing Magazine
http://www.smashingmagazine.com/2009/06/21/50-fresh-javascript-tools-that-will-improve-your-workflow/
Lista de ferramentas Javascript. MUITO BOM!!!
15 jQuery Plugins To Create An User Friendly Tooltip
http://www.webdesignbooth.com/15-jquery-plugins-to-create-an-user-friendly-tooltip/
“Outside the Box” Navigation with jQuery - Nettuts+
http://net.tutsplus.com/tutorials/javascript-ajax/jquery-os-x-style-dock-and-stack-navigation/
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.
JavaScript tests, compatibility tables and examples
http://robertnyman.com/javascript/
phew. praise be to the universality of javascript.
"In this web site I have collected various JavaScript tests, to display code samples, have them run and check web browser compatibility." (This page tests various advanced JavaScript operators against common browsers.)
A report on compatibility of various JavaScript features & functionality against common web browsers.
40+ Essential Front End Web Developer Cheat Sheets | tripwire magazine
http://www.tripwiremagazine.com/tools/cheat-sheets/front-end-web-developers-toolbox.html
10 Really Interesting jQuery Plugins | Queness
http://www.queness.com/post/295/10-really-interesting-jquery-plugins
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
» Top10 Simplest jQuery Tutorials WebAir Blog
http://www.webair.it/blog/2009/06/22/top10-simplest-jquery-tutorials/
シンプルなjQueryの効果
10 Ways to Instantly Increase Your jQuery Performance - Nettuts+
http://net.tutsplus.com/tutorials/javascript-ajax/10-ways-to-instantly-increase-your-jquery-performance/
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.
Let's make the web faster - Google Code
http://code.google.com/speed/articles/
Don't know when I'll ever get round to reading this!
Text utilities
http://streetpc.free.fr/text/
Text utilities
In the Woods - Multi-level Menus with jQuery and CSS
http://blog.themeforest.net/resources/multilevel-menus-with-jquery-and-css/
Let's make the web faster - Google Code
http://code.google.com/intl/es/speed/articles/
Cuzillion
Edit-in-place with contentEditable property
http://valums.com/edit-in-place/
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 - Javascript Query Language
http://www.hugoware.net/
jLinq is a Javascript library that lets you write queries against arrays of javascript objects. jLinq is completely extensible so you can write your add-ins and they will work with the rest of the framework without any additional programming!
jLinq is a javascript library that lets you write queries against arrays of javascript objects. It's completely extensible so you can write your add-ins and they will work with the rest of the framework without any additional programming.
scripty2: for a more delicious web
http://scripty2.com/
scripty2: for a more delicious web
スタイリッシュなフォームを作るときに見るべきエントリまとめ*ホームページを作る人のネタ帳
http://e0166.blog89.fc2.com/blog-entry-678.html
いつかこだわりのフォームを作ってみたい。
FireQuery
http://firequery.binaryage.com/
FireQuery is a collection of Firebug enhancements for jQuery
jquery extension for firefox
10+ useful jQuery Plugins for web development | Queness
http://www.queness.com/post/286/10-useful-jquery-plugins-for-web-development
10 nützliche JQuery-Plugins für z.B. Formulare und/oder Farbauswahl
Viele nützliche jQuery Plugins
Jquery pluginy
Vaadin - vaadin.com
http://vaadin.com/home
Vaadin is a Java framework for building modern web applications that look great, perform well and make you and your users happy.
WebApps auf Basis von GWT erstellen. Sieht gut aus.
15 Interesting online presentations for web developers
http://www.dreamcss.com/2009/04/15-interesting-online-presentations-for.html
Covers XMLHttpRequest
20 Really Useful And Free Scripts To Plot Charts In Your Site Or Blog Pages @ SmashingApps
http://www.smashingapps.com/2009/06/26/20-really-useful-and-free-scripts-to-plot-charts-in-your-site-or-blog-pages.html
53 Jquery Tutorials, Resources, Tips And Tricks: Ultimate Collection | 1stwebdesigner - Love In Design
http://www.1stwebdesigner.com/tutorials/53-jquery-tutorials-resources-tips-and-tricks-ultimate-collection/
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
10 Impressive JavaScript Animation Frameworks
http://sixrevisions.com/javascript/10-impressive-javascript-animation-frameworks/
** Posted using Viigo: Mobile RSS, Sports, Current Events and more **
Recreating the MobileMe Web Gallery Interface - Nettuts+
http://net.tutsplus.com/tutorials/javascript-ajax/recreating-the-mobileme-web-gallery-interface/
In 2007, Apple updated .Mac (now MobileMe), and introduced the "Web Gallery" feature - a photo sharing service that integrates with iPhoto. Web Gallery offers a beautiful interface, but the layout is done entirely with JavaScript. In this tutorial, we will attempt to recreate the Web Gallery interface using only CSS and a small amount of jQuery.
How to Make a Slideshow with a Transparent PNG Frame | Build Internet!
http://buildinternet.com/2009/06/how-to-make-a-slideshow-with-a-transparent-png-frame/
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
Drag and drop table content with JavaScript
http://www.redips.net/javascript/drag-and-drop-table-content/
JavaScriptの最適化について、code.google.comの記事の適当訳 - それ図解で。・・・tohokuaikiのチラシの裏
http://d.hatena.ne.jp/tohokuaiki/20090630/1246351679
7 MooTools Plugins You Should Use on Every Website
http://davidwalsh.name/7-mootools-plugins
Turn-By-Turn Directions with the Google Maps API - Nettuts+
http://net.tutsplus.com/tutorials/javascript-ajax/turn-by-turn-directions-with-the-google-maps-api/
In this tutorial, we will go through the process of creating a small widget that allows users to retrieve turn-by-turn directions to a specified location. We'll be using the Google Maps API, via JavaScript, to provide this rather advanced functionality.
Need this!
XRegExp: JavaScript regex library
http://xregexp.com/
XRegExp is an open source (MIT license) JavaScript library that provides an augmented, extensible, cross-browser implementation of regular expressions, including support for additional syntax, flags, and methods. XRegExp is fully compliant with the regular expression flavor specified in ECMA-262 Edition 3 (ES3), and has been tested with Internet Explorer 5.5–8, Firefox 2–3.5, Safari 3–4, Chrome 1–2, and Opera 9. XRegExp uses feature detection—no browser sniffing.
Modernizr
http://www.modernizr.com/
Version 0.9 is the initial public release of Modernizr. It includes tests for a variety of CSS 3 features and an HTML 5 element styling enabler.
Have you ever wanted to do if-statements in your CSS for the availability of cool features like border-radius? Well, with Modernizr you can accomplish just that!
Modernizr — это небольшая простая Javascript-библиотека, которая поможет получить ответ на вопрос поддерживает ли браузер пользователя такие технологии как: HTML5 Canvas rgba() hsla() border-image border-radius box-shadow Множественные фоновые изображения Прозрачность CSS-анимацию Столбцы Градиенты Отражения CSS-трансформацию CSS-перехды
古いブラウザでもCSS3セレクタを使ってWebページをデザインできるようにしてみた - latest log
http://d.hatena.ne.jp/uupaa/20090624/1245808087
List of Really Useful Plugins For jQuery Developers | W3Avenue
http://www.w3avenue.com/2009/07/01/list-of-really-useful-plugins-for-jquery-developers/
Text Escaping and Unescaping in JavaScript
http://0xcc.net/jsescape/
十徳ナイフ的テキストエンコードツール 便利便利
How to implement a launching soon page with PHP and jQuery
http://woork.blogspot.com/2009/06/how-to-implement-launching-soon-page-in.html
Tutorial para implementar un sitio dinámico de "Próximamente" con php y jquery
The youlove.us scrolling background effect explained | youlove.us
http://youlove.us/blog/the-youloveus-scrolling-background-effect-explained
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
Five jQuery Galleries And Slideshows
http://www.sitepoint.com/blogs/2009/07/03/five-jquery-galleries-and-slideshows/
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.
JavaScript, 5 ways to call a function - Sergio Pereira
http://devlicio.us/blogs/sergio_pereira/archive/2009/02/09/javascript-5-ways-to-call-a-function.aspx
An awesome article by Sergio Pereira - Devlicio.us that talks about functions and scope in javascript
apply
Test Swarm
http://testswarm.com/
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.
jsAnim - Free JavaScript Animation Library
http://jsanim.com/
javascript animation library
Librería para animaciones mediante javascript
หารูป
15 Best Techniques For Implementing Autosuggest With AJAX Into Your Site - TZ
http://www.tutzone.org/2009/06/15-best-techniques-for-implementing.html
QuickFlip jQuery Plugin | Jon Raasch’s Blog
http://jonraasch.com/blog/quickflip-jquery-plugin
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.
How to build a personal mashup page with jQuery - The EZPZ Way
http://theezpzway.com/2009/5/1/how-to-build-a-personal-mashup-page-with-jquery
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.
150 Worth Knowing Web Developer Tools and Techniques | tripwire magazine
http://www.tripwiremagazine.com/tools/tools/150-worth-knowing-web-developer-tools-and-techniques.html
loads of goodies here
JSON: What It Is, How It Works, and How to Use It | Blog | Custom-Built Professional Web Development and Design | Ennui
http://ennuidesign.com/blog/JSON:+What+It+Is,+How+It+Works,+and+How+to+Use+It/
"tagged JSON explained"
ly more complicated example involves storing two
Rounding Up the Top 10 jQuery Lightbox Scripts
http://line25.com/articles/rounding-up-the-top-10-jquery-lightbox-scripts
So many choices, so little time.
Simple Tabs w/ CSS & jQuery - Easy Tab Tutorial with CSS and jQuery - jQuery Tutorials - Tabbed Navigation Tutorial
http://www.sohtanaka.com/web-design/simple-tabs-w-css-jquery/
Simple Tabs w/ CSS & jQuery
20+ Ready to Use Auto Completion Scripts  | Dzine Blog
http://dzineblog.com/2009/07/20-ready-to-use-auto-completion-scripts.html
23 Indispensible Ajax and Javascript Cheat Sheets | Design Reviver
http://designreviver.com/tips/24-indispensible-ajax-and-javascript-cheat-sheets/
Design Reviver
Open Web Tools Directory
http://tools.mozilla.com/
40 Free and Essential Web Design and Development Books from Google : Speckyboy Design Magazine
http://speckyboy.com/2009/07/06/40-free-and-essential-web-design-and-development-books-from-google/
10 Useful CSS/JS-Coding Solutions For Web-Developers | CSS | Smashing Magazine
http://www.smashingmagazine.com/2009/07/06/10-useful-cssjs-coding-solutions-for-web-developers/
da approfondire specialmente l'overlay per la guida cool
15 jQuery Plugins For A Better Photo Gallery And Slideshow
http://www.webdesignbooth.com/15-jquery-plugins-for-a-better-photo-gallery-and-slideshow/
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.
jQuery Visualize Plugin: Accessible Charts & Graphs from Table Elements using HTML 5 Canvas | Filament Group, Inc., Boston, MA
http://www.filamentgroup.com/lab/jquery_visualize_plugin_accessible_charts_graphs_from_tables_html5_canvas
Yes, finally. If I didn't find that I'd coded it myself now.
BBC - Glow JavaScript Library
http://www.bbc.co.uk/glow/
Authenticating Users With Facebook Connect and Google Friend Connect - Nettuts+
http://net.tutsplus.com/tutorials/other/authenticating-users-with-facebook-connect-and-google-friend-connect/
Most social networks have API tools that allow almost any website to authenticate users through their system. In today's tutorial, we will learn how to use
Authenticating Users With Facebook Connect and Google Friend Connect - Nettuts+
GeoFill - automatically filling form data with geo information
http://icant.co.uk/geofill/index.php?demo=suggestion
automatically filling form data with geo information
GeoFill - automatically filling form data with geo information
Create a smooth tabbed menu in jQuery | yensdesign - Tutorials, Web Design and Coding
http://yensdesign.com/2008/12/create-a-smooth-tabbed-menu-in-jquery/
これまでに使った20のjQueryプラグイン | 5509
http://moto-mono.net/2009/07/07/jqueryplugins-i-have-used.html
iPhone-like password fields using jQuery // DECAF° blog für digitale kommunikation
http://blog.decaf.de/2009/07/iphone-like-password-fields-using-jquery/
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.
- jQuery - The easy way to navigate - Webdesign und Webentwicklung im Webstandard-Blog
http://webstandard.kulando.de/post/2009/06/30/jquery-the-easy-way-to-navigate
css jQuery menu
menu
Easy PHP Websites
http://www.easyphpwebsites.com/blog/read/id/26
Learn jQuery in 17 Easy Examples
Blend, a jQuery plugin effect for CSS backgrounds
http://colorpowered.com/blend/
背景色をアニメーションで変更
メニューの背景画像をアニメーションで切り替えてくれるjQuery
Cool rollover / hover effect
Blend Images on hover for CSS Backgrounds
jQuery plugin effect for CSS backgrounds
John Resig - Easy Retweet Button
http://ejohn.org/blog/retweet/
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用ボタン
Starter | Jumpstart Your jQuery Plugin Development
http://starter.pixelgraphics.us/
Jumpstart Your jQuery Plugin
Create a Fun Tweet Counter With jQuery - Nettuts+
http://net.tutsplus.com/tutorials/javascript-ajax/create-a-fun-tweet-counter-with-jquery/
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
15 Website for jQuery Enthusiast and Addicts | Desizn Tech
http://desizntech.info/2009/07/15-website-for-jqery-enthusiast-and-addicts/
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
praegnanz.de: HTML/CSS/JS-Kickstart 0.9
http://praegnanz.de/weblog/htmlcssjs-kickstart
Grundlegendes Gerüst für statische Webseiten.
Bastelsatz für statische Webseiten
txt2re: headache relief for programmers :: regular expression generator
http://txt2re.com/index-javascript.php3
"headache relief for programmers :: regular expression generator"
wow i've needed this so much
InfoQ: Your First Cup of Web 2.0 - A Quick Look at jQuery, Spring MVC, and XStream/Jettison
http://www.infoq.com/articles/First-Cup-Web-2.0-Joel-Confino
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:
jQuery Performance Rules - Best Practices for Speeding Up jQuery
http://www.artzstudio.com/2009/04/jquery-performance-rules/#descend-from-id
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
TypeSelect - Javascript-based Selectable Typefaces
http://www.typeselect.org/
jquery your fonts in there!
Making a Content Slider with jQuery UI - Nettuts+
http://net.tutsplus.com/tutorials/javascript-ajax/making-a-content-slider-with-jquery-ui/
JSON: What It Is, How It Works, and How to Use It | Blog | Custom-Built Professional Web Development and Design | Ennui
http://ennuidesign.com/blog/JSON%3A+What+It+Is%2C+How+It+Works%2C+and+How+to+Use+It
JSON: What It Is, How It Works, and How to Use It | Blog | Custom-Built Professional Web Development and Design | Ennui
boedesign – ottawa based web dabbler » Blog Archive » Gritter for jQuery (Growl)
http://boedesign.com/2009/07/11/growl-for-jquery-gritter/
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
geo-location-javascript - Google Code
http://code.google.com/p/geo-location-javascript/
The geo-location-javascript framework gives access to mobile web users location via javascript. It hides the underlying platform specific implementation through a simple unified interface.
"javascript geo location framework for the mobile web"
A geo location javascript which determines user location in mobile web. Interesting piece of technology.
Twitter API: How to create a stream of messages Monitter-like with PHP and jQuery
http://woork.blogspot.com/2009/07/twitter-api-how-to-create-stream-of.html
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 Vertical, Horizontal and Diagonal Sliding Content Website with jQuery | Queness
http://www.queness.com/post/356/create-a-vertical-horizontal-and-diagonal-sliding-content-website-with-jquery
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.
Better Password Inputs, iPhone Style | CSS-Tricks
http://css-tricks.com/better-password-inputs-iphone-style/
iPhone style password input. implemented by duplicating the password field to a text field to have control of the contents.
satine.org » Snow Stack is Here
http://www.satine.org/archives/2009/07/11/snow-stack-is-here/
Creating a Keyboard with CSS and jQuery - Nettuts+
http://net.tutsplus.com/tutorials/javascript-ajax/creating-a-keyboard-with-css-and-jquery/
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
HTML5 Demos
http://html5demos.com/
impressive for the drag/drop
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/
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 | Queness - http://www.queness.com/post/274/jquery-sliding-tab-menu-for-sidebar-tutorial
jQuery Sliding Tab Menu for Sidebar Tutorial
Advanced jQuery
http://www.ibm.com/developerworks/web/library/wa-aj-advjquery2/index.html
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 | Queness
http://www.queness.com/post/360/10-rare-and-cool-jquery-plugins
10 Rare and Cool jQuery Plugins
10 Interesting lightweight jQuery plugins for web developers
http://woork.blogspot.com/2009/07/10-interesting-lightweight-jquery.html
Horizontal Sub-nav with CSS & jQuery - Subnavigation Tutorial - CSS Tutorial - jQuery Tutorial
http://www.sohtanaka.com/web-design/horizontal-sub-nav-with-css-jquery/
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 | Vertigo Project
http://www.vertigo-project.com/projects/vtip
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
Animating Design Elements: 7 Unique & Creative Practices | Noupe
http://www.noupe.com/design/animating-design-elements.html
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.
JS-Kit ECHO
http://js-kit.com/echo/
Echo is the way to share your content, and watch the live reaction. Publishers can quickly embed Echo on any site and turn their static pages into a real-time stream of diggs, tweets, comments, ratings and more.
Comments: evolved
@Joylie Funny, I just tried out Echo at http://bit.ly/XHBMd and then saw quick screen shot of Disqus somewhere and realized they're similar. [from http://twitter.com/sandroalberti/statuses/2660345376]
Welcome to webOSdev - Palm
http://developer.palm.com/
The following pages should give you answers regarding Palm® webOS™ platform development that you could not find anywhere else on this site. Just jump into the section(s) that interest you.
Jquery Inline Form Validation Engine
http://www.position-relative.net/creation/formValidator/
Jquery Inline Form Validation Engine
Animate Curtains Opening with jQuery | Build Internet!
http://buildinternet.com/2009/07/animate-curtains-opening-with-jquery/
use for some promotion or mini-site?
Create a Twitter-Like “Load More” Widget - Nettuts+
http://net.tutsplus.com/tutorials/javascript-ajax/create-a-twitter-like-load-more-widget/
twitterみたいな「もっと読む」を作成
How to get HTML5 working in IE and Firefox 2 | html5doctor
http://html5doctor.com/how-to-get-html5-working-in-ie-and-firefox-2/
The second approach is to serve Gecko XHTML. I’ve found this to be the easier approach if you’re either generating a page dynamically using something like PHP, or if you can create your own .htaccess file to make use of mod_rewrite.
HTML5 may be the latest and greatest technology, but some browsers don’t have native support for the new semantic elements. Let’s forget for a minute about the even sexier functionality that the elements can bring, such as full control over the <video> element, and just focus on getting the elements to be rendered. The problematic a-grade browsers are: IE8 and below, and Firefox 2 and Camino 1 (these two browsers use the same rendering engine, which is why they’re both affected).
HTML5 may be the latest and greatest technology, but some browsers don’t have native support for the new semantic elements. Let’s forget for a minute about the even sexier functionality that the elements can bring, such as full control over the <video> element, and just focus on getting the elements to be rendered. The problematic [...]
Solución a HTML5 en IE6
Ready for use: CSS3 Template Layout | Fyrdility
http://a.deveria.com/?p=236
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 / Brian Cray's Blog
http://briancray.com/2009/05/29/find-web-visitors-location-javascript-google-api/
Find web visitor’s location automatically with javascript and Google APIs
15 Really Useful Web-based HTML Editors
http://www.webdesignbooth.com/15-really-useful-web-based-html-editors/
15 Really Useful Web-based HTML Editors - http://www.webdesignbooth.com/15-really-useful-web-based-html-editors/
** Posted using Viigo: Mobile RSS, Sports, Current Events and more **
Online Javascript Regular Expression Tester
http://www.pagecolumn.com/tool/regtest.htm
Online Regular Expression Tester
Really cool - makes life a lot easier and has nice syntax down the side
Best Websites to Download Free JavaScript Code Snippets  | Dzine Blog
http://dzineblog.com/2009/07/best-sites-to-download-free-javascript-code-snippets.html
Code help
Catch My Fame » Blog Archive » jQuery Before/After Plugin
http://www.catchmyfame.com/2009/06/25/jquery-beforeafter-plugin/
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 : Speckyboy Design Magazine
http://speckyboy.com/2009/07/17/25-fresh-and-new-jquery-plugins-and-tutorials/
25 Fresh and New jQuery Plugins and Tutorials
ナビゲーションのUIはこれで完璧かもなjQueryプラグイン集:phpspot開発日誌
http://phpspot.org/blog/archives/2009/02/uijquery.html
ナビゲーションのUIはこれで完璧かもなjQueryプラグイン集。 階層メニュー、タブ、ツリーやページャにいたるまで、ナビゲーション部分に使えるjQueryプラグイン集25種
HTML5 drag and drop in Firefox 3.5 – 0xDECAFBAD
http://decafbad.com/blog/2009/07/15/html5-drag-and-drop
Since it’s so fundamental, offering drag and drop in web applications has been a no-brainer ever since browsers first offered mouse events in DHTML. But, although mousedown, mousemove, and mouseup made it possible, the implementation has been limited to the bounds of the browser window. Additionally, since these events refer only to the object being dragged, there’s a challenge to find the subject of the drop when the interaction is completed.
Drag and drop is one of the most fundamental interactions afforded by graphical user interfaces. In one gesture, it allows users to pair the selection of an object with the execution of an action, often including a second object in the operation. It’s a simple yet powerful UI concept used to support copying, list reordering, deletion (ala the Trash / Recycle Bin), and even the creation of link relationships.
How To Automate Optimization and Deployment Of Static Content | How-To | Smashing Magazine
http://www.smashingmagazine.com/2009/07/19/how-to-automate-optimization-and-deployment-of-static-content/
How To Automate Optimization and Deployment Of Static Content
(smt) simple mouse tracking // home
http://smt.speedzinemedia.com/smt/
mouse tracking tool
Sistema basado en Javascript para guardar el rastro del ratón del usuario al pasear por tus páginas.
QuickFlip 2: The jQuery Flipping Plugin Made Faster and Simpler | Jon Raasch's Blog
http://jonraasch.com/blog/quickflip-2-jquery-plugin
The jQuery Flipping Plugin Made Faster and Simpler
15 Awesome tutorials and resources for web developers
http://woork.blogspot.com/2009/07/15-awesome-tutorials-and-resources-for.html
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.
15 Plugins to Unleash the Invincible Power of jQuery and Wordpress
http://www.wpbeginner.com/plugins/15-plugins-to-unleash-the-invincible-power-of-jquery-and-wordpress/
Impress Your Friends With These 20 jQuery Tutorials | Spyre Studios
http://spyrestudios.com/jquery-tutorials-plugins-impress-your-friends/
web-optimizator - Google Code
http://code.google.com/p/web-optimizator/
This application is aimed to automate all clientside improvements for website that should significantly increase load speed of its pages.
45+ Excellent Code Snippet Resources and Repositories | Developer's Toolbox | Smashing Magazine
http://www.smashingmagazine.com/2009/07/21/45-excellent-code-snippet-resources-and-repositories/
Snippet
Excellent repositories
60+ Must Have jQuery Toolbox | tripwire magazine
http://www.tripwiremagazine.com/tools/developer-toolbox/60-must-have-jquery-toolbox.html
Más de 60 utilidades jquery.
60+ Must Have jQuery Toolbox
50 Best jQuery plugins - June 2009 | AjaxLine
http://www.ajaxline.com/best-jquery-plugins-june-2009
50 Best jQuery plugins - June 2009 | AjaxLine
How To Develop a jQuery Plugin
http://www.sitepoint.com/blogs/2009/07/22/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.
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.
John Resig - Computing with JavaScript Web Workers
http://ejohn.org/blog/web-workers/
"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 ..."
A Different Top Navigation
http://net.tutsplus.com/tutorials/javascript-ajax/a-different-top-navigation/
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
http://9lessons.blogspot.com/2009/07/load-data-while-scroll-with-jquery-php.html
Load Data while Scrolling Page Down with jQuery and PHP
Like scroll in google reader
HTML Table Building: 30+ Beautiful Examples and Useful Javascripts | Tools
http://www.hongkiat.com/blog/html-table-building-30-beautiful-examples-and-useful-javascripts/
Table is an excellent way of presenting information, especially when a company wants to cite various prices for its services or products. For instance, some
HTML Table building samples
JSを併用したテーブルのデザインパターンのまとめ。 サンプルというわけじゃないので、即使えるというわけじゃないけど、テーブルのデザインもカッチリやってあるサイトは個人的には好印象。
jQuery 1.3 Cheatsheet
http://oscarotero.com/jquery/
jQuery 1.3のオンラインチートシート
Bumpbox - lightbox alternative - support for flv,swf,images, html and pdf
http://www.artviper.net/bumpbox.php
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
JavaScriptツール&ライブラリ50選 | エンタープライズ | マイコミジャーナル
http://journal.mycom.co.jp/news/2009/06/23/018/index.html
とりあえず
10 great jQuery Form plugins
http://www.thinkflick.com/freebies/10-great-jquery-form-plugins/
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.
- Creative Image-Galleries by jQuery - Webdesign und Webentwicklung im Webstandard-Blog
http://webstandard.kulando.de/post/2009/07/16/creative-image-galleries-by-jquery
MIX Online's Gestalt: Write Ruby, Python and XAML in your HTML pages.
http://www.visitmix.com/Labs/gestalt/
15 New jQuery Plugins To Help You Conquer The Web | Web Design Blog by Union Room Web Design
http://www.unionroom.com/blog/15-new-jquery-plugins-to-help-you-conquer-the-web/
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 | Web Designer Online
http://www.webdesigneronline.co.uk/10-advance-jquery-scripts-to-take-your-website-to-the-next-level
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.
Anything Zoomer | Calendar
http://css-tricks.com/examples/AnythingZoomer/
Chris Coyier's Anything Zoomer
AnythingZoomer
JQuery Zoom Plugin
Mega CSS Resource Roundup | tripwire magazine
http://www.tripwiremagazine.com/tutorials/tools/mega-css-resource-roundup.html
Hallvord R. M. Steen - Most expensive javascript ever?
http://my.opera.com/hallvors/blog/2009/07/20/most-expensive-javascript-ever
LABjs (Loading And Blocking JavaScript)
http://labjs.com/
"Even Faster Web Sites"
10 Useful code snippets for web developers
http://woork.blogspot.com/2009/07/10-useful-code-snippets-for-web.html
10 Useful code snippets for web developers
Reinventing a Drop Down with CSS and jQuery
http://www.jankoatwarpspeed.com/post/2009/07/28/reinventing-drop-down-with-css-jquery.aspx
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
MooTools Tutorials and Resources Round-Up | Developer's Toolbox | Smashing Magazine
http://www.smashingmagazine.com/2009/07/28/mootools-tutorials-and-resources-round-up/
the most AWESOME MOOTOOLS COLLECTION
25+ Create Amazing Image Effects with Some of the Best jQuery Plugins Available | tripwire magazine
http://www.tripwiremagazine.com/tools/tools/25-create-amazing-image-effects-with-some-of-the-best-jquery-plugins-available.html
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
Animated Navigation w/ jQuery & CSS | jQuery Navigation | jQuery Tutorial | Easy jQuery Navigation Tutorial
http://www.sohtanaka.com/web-design/animate-navigation-with-css-jquery/
jQueryでアニメーションするナビボタン。綺麗。
オサレなナビゲーションサンプル
AnythingZoomer jQuery Plugin | CSS-Tricks
http://css-tricks.com/anythingzoomer-jquery-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.
The Ultimate Guide to Decoding the Flickr API - Nettuts+
http://net.tutsplus.com/tutorials/javascript-ajax/the-ultimate-guide-to-decoding-the-flickr-api/
Flickr, being the biggest photo management and sharing site in the world, has an impressive API to let developers access and manipulate almost all of its data.
Chroma-Hash Demo
http://mattt.github.com/Chroma-Hash/
a sexy, non-reversible live visualization of password field input
Creates a color-bar visualization of the password field useful to avoid mistakes and non-reversible.
a non-reversible live visualization of password field input
Event Pooling with jQuery Using Bind and Trigger: Managing Complex Javascript | Adventures in HttpContext
http://www.michaelhamrah.com/blog/index.php/2008/12/event-pooling-with-jquery-using-bind-and-trigger-managing-complex-javascript/
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.
narwhal
http://narwhaljs.org/
jack + , package manager, virtualenv風?
A general purpose JavaScript platform
serverside javascript
server-side javascript framework
A general purpose JavaScript platform - JS without browser, with standardized modules to access system resources, can be used for a server-side application, or a desktop scripting.
16 Impressive Flash-Like Javascript Animation Inspirations, Tutorials and Plugins | Queness
http://www.queness.com/post/456/16-impressive-flash-like-javascript-animation-inspirations-tutorials-and-plugins
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.
The best way to load external JavaScript | NCZOnline
http://www.nczonline.net/blog/2009/07/28/the-best-way-to-load-external-javascript/
Not too long ago, I wrote about loading JavaScript without blocking by creating a dynamic <script> tag. When <script> tags are in the flow of an HTML document, the browser must stop rendering and wait for the script file to download and execute before continuing (example). Creating a new <script> tag via JavaScript avoids this issue because it’s out of the flow of the document, so the script file is downloaded and executed without waiting. The result: dynamically loading JavaScript files allows your page to render faster and therefore improve perceived performance.
handling dependancies in js
【レポート】5分で把握するHTML5 - Google Developer Dayセッションリポート (1) HTML5仕様の概要 | エンタープライズ | マイコミジャーナル
http://journal.mycom.co.jp/articles/2009/06/15/gdd1/index.html
うおー。WebStorage って! ウェブアプリは今後どーなっていくんだろー。
Web Storage
Beginners Guide to Using AJAX with jQuery
http://www.devirtuoso.com/2009/07/beginners-guide-to-using-ajax-with-jquery/
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
Carsonified » Getting Started with Typekit
http://carsonified.com/blog/design/fonts/getting-started-with-typekit/
ThinkVitamin - Carsonified's blog about the web
Round Corners jQuery Plugin
http://roundcorners.avinoam.info/#Home
jQuery UI Selectmenu: An ARIA-Accessible Plugin for Styling a Custom HTML Select Element | Filament Group, Inc., Boston, MA
http://www.filamentgroup.com/lab/jquery_ui_selectmenu_an_aria_accessible_plugin_for_styling_a_html_select/
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.
Expand table rows with jQuery - jExpand plugin
http://www.jankoatwarpspeed.com/post/2009/07/20/Expand-table-rows-with-jQuery-jExpand-plugin.aspx
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.
WPS: PostScript for the Web
http://logand.com/sw/wps/index.html
Welcome to WPS, a PostScript and PDF interpreter for HTML 5 canvas. Note that to see and run the examples, JavaScript must be enabled and your browser must support HTML 5 canvas (latest Firefox, Opera and Chrome should work). This document allows you to try simple PostScript programs in the WPS sandbox. A few examples are presented here accompanied by a brief description of the interpreter and listing some implementation notes for my future reference.
Interprets PDF files for output with HTML 5's <canvas> element
PostScript、インタープリタ
Really neat thing: a postscript interpreter written in JavaScript using Canvas as a drawing surface. Not sure how practical this is, but it sure is fun thing.
Setting cookies with jQuery
http://www.electrictoolbox.com/jquery-cookies/
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.
How to Make a Threadless Style T-Shirt Gallery | Build Internet!
http://buildinternet.com/2009/06/how-to-make-a-threadless-style-t-shirt-gallery/
awesome t-shirt display technique
What You Need To Know About JavaScript Scope | How-To | Smashing Magazine
http://www.smashingmagazine.com/2009/08/01/what-you-need-to-know-about-javascript-scope/
What You Need To Know About JavaScript Scope | How-To | Smashing Magazine
9 Useful Javascript Syntax Highlighting Scripts
http://www.webdesignbooth.com/9-useful-javascript-syntax-highlighting-scripts/
Syntax highlighting is very important especially when we want to show our code example on the blog. By enabling the syntax highlighting on the blog, readers can read the code blocks easier. There are a lot of free and useful syntax highlighting scripts around us. Most of the scripts are written using Javascripts, though some of them are powered by other programming languages such as Phyton or Ruby. Today, we are going to look into 9 Syntax Highlighting Scripts that powered by Javascript.
9 Useful Javascript Syntax Highlighting Scripts
Today we are going to look into 9 Javascripts Syntax Highlighting Scripts. Syntax highlighting is very important especially you run a tutorial blog that has a lot of code examples. Proper highlighting your code will make your readers read your code easily.
Справочник
http://javascript.ru/manual
http://javascript.ru/manual JavaScript 4 javamanual russia 44
Drop-Down Menu: 30+ Useful Scripts to Enhance Header Navigation | Graphics
http://www.hongkiat.com/blog/drop-down-menu-30-free-scripts-to-enhance-header-navigation/
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
Cartagen
http://cartagen.org/
A vector-based, client-side framework for rendering maps in native HTML 5. Written in JavaScript, it uses the new Canvas element to load mapping data from various sources, including OpenStreetMap. Maps are styled with Geographic Style Sheets (GSS), a cascading stylesheet specification for geospatial information – a decision which leverages literacy in CSS to make map styling more accessible. However, GSS is a scripting language as well, making Cartagen an ideal framework for mapping dynamic data.
A vector-based, client-side framework for rendering maps in native HTML 5
"Just like CSS for styling web pages, GSS is a specification for designing maps. Adapted for dynamic data sources, GSS can define changing geographic elements, display multiple datasets, and even respond to contextual tags like "condition:poor"."
HTML5 Canvas and Audio Experiment
http://9elements.com/io/projects/html5/canvas/
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
http://www.davidmassiani.com/horinaja/
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.
Javascript For Designers: Getting on Your Feet Fast | Noupe
http://www.noupe.com/javascript/javascript-for-designers.html
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
Bowline – A Ruby GUI framework | Lead Thinking
http://leadthinking.com/191-bowline-a-ruby-gui-framework
Recently I've been working on a Ruby GUI framework called Bowline. In a nutshell, Bowline lets you build cross platform desktop applications with Ruby, HTML
Easy Slider 1.7 - Numeric Navigation jQuery Slider | Css Globe
http://cssglobe.com/post/5780/easy-slider-17-numeric-navigation-jquery-slider
This looks a lot like what you normally use
jquery week-calendar | redredred
http://www.redredred.com.au/projects/jquery-week-calendar/
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
13 Javascript libraries for visualizations on Datavisualization.ch
http://www.datavisualization.ch/tools/13-javascript-libraries-for-visualizations
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.
10 Tips for Writing Better jQuery Code
http://www.myinkblog.com/2009/08/04/10-tips-for-writing-better-jquery-code/
** 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.
In-Field Labels jQuery Plugin
http://fuelyourcoding.com/scripts/infield/
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 Toggle Switches // Elijah Miller
http://jqr.github.com/2009/08/05/iphone-toggle-switches.html
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!"
In-Field Labels: A Better Way + jQuery Plugin | Fuel Your Coding
http://fuelyourcoding.com/in-field-labels/
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
jQuery Custom Events: They Will Rock Your World! | Fuel Your Coding
http://fuelyourcoding.com/jquery-custom-events-they-will-rock-your-world
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 Canvas Experiment « IO 9elements
http://9elements.com/io/?p=153
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 - Toolbox - Geek Sucks
http://www.geeksucks.com/toolbox/23-jquery-fade-in-fade-out-effect.htm
23 jQuery Fade in Fade out Effect
an overview of TraceMonkey at hacks.mozilla.org
http://hacks.mozilla.org/2009/07/tracemonkey-overview/
Annotated link http://www.diigo.com/bookmark/http%3A%2F%2Fhacks.mozilla.org%2F2009%2F07%2Ftracemonkey-overview
This will explain what kinds of programs get the best speedup from TraceMonkey and what kinds of things you can do to get your program to run faster.
Interesting Code Highlighters for blogs and websites
http://woork.blogspot.com/2009/07/interesting-code-highlighters-for-blogs.html
Code highlighters are very useful tools to present code snippets on your blog or website with a professional look and improve the readability of code you provide for your readers. In this post I want to reply to some requests I received in the past weeks about this topic and suggest you my five favourites code highlithers.
It's 100% Java Script based and it doesn't care what you have on your server. This is
AutoPagerize
http://autopagerize.net/
いつのまにか公式ページできてた
拡張機能版AutoPagerize
がんばってくださいー
home of official greasemonkey, ff ext port ,and the google chrome ext
ページごとに分けられたWebページを自動で読み込み継ぎ足し表示を行うブラウザ拡張です。 AutoPagerizeは様々なWebサイトで利用でき、効率的なWebブラウジングを提供します。 (via http://d.hatena.ne.jp/tanemori/20090802/DailyLink)
Skulpt
http://www.skulpt.org/
30 Tutorials Combining Both Wordpress and jQuery : Speckyboy Design Magazine
http://speckyboy.com/2009/08/06/30-tutorials-combining-both-wordpress-and-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.
Ajax GUI Framework - Ample SDK
http://www.amplesdk.com/
Ajax SDK, Framework
jquery-week-calendar - Project Hosting on Google Code
http://code.google.com/p/jquery-week-calendar/
A jquery plugin providing a weekly view of calendar events #jquery
jQuery plugins that a programmer need everybody | PHP tutorials and Scripts Collection
http://www.phpcollection.com/7-jquery-code-snippets-a-programmer-need-daily.html
Create a Realistic Hover Effect With jQuery « Blog and Web Design Portfolio of Adrian Pelletier
http://www.adrianpelletier.com/2009/05/31/create-a-realistic-hover-effect-with-jquery-ui
Create a Slick Tabbed Content Area using CSS & jQuery - NETTUTS
http://net.tutsplus.com/html-css-techniques/how-to-create-a-slick-tabbed-content-area/
【特集】詳解! HTML 5と関連APIの最新動向 - 新タグ&API編 (1) はじめに - 本特集の趣旨 | エンタープライズ | マイコミジャーナル
http://journal.mycom.co.jp/special/2009/html5-1/index.html
今回紹介する内容は以下の通りだ。 * HTML 5マークアップについての簡易リファレンス(新要素/廃止された要素/DOCTYPEについて) * Video/Audio要素とそのAPI * Canvas要素とそのAPI * 大幅に強化されたフォーム要素 * アウトラインを意識したマークアップ(section,articleなどを用いたマークアップ方法) * ドラッグ&ドロップAPI
jCryption - JavaScript data encryption
http://www.jcryption.org/
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.
20 New examples of advanced jQuery UI's in action. | blarnee.com
http://blarnee.com/wp/20-new-examples-of-advanced-jquery-uis-in-action/
Giva Labs - Linkselect jQuery Plug-in | Giva
http://www.givainc.com/labs/linkselect_jquery_plugin.htm
Giva Labs - Linkselect jQuery Plug-in | Giva
Home - mozrepl - GitHub
http://wiki.github.com/bard/mozrepl
Doesn't look like you can automate it, though that would be awesome
another firefox repl plugin
A firefox java script REPL (uses telenet).
Speeding up Google Analytics load times with a jQuery plugin | Geekology
http://www.geekology.co.za/blog/2009/08/speeding-up-google-analytics-load-times-with-jquery-plugin/
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
10+ JQuery tutorials for working with HTML forms
http://www.catswhocode.com/blog/10-jquery-tutorials-for-working-with-html-forms
ZURB – Making Forms Convert Through Awesome Inline Labels
http://www.zurb.com/article/271/making-forms-convert-through-awesome-inli
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 demo of AD Gallery - Coffeescripter.com
http://coffeescripter.com/code/ad-gallery/
A jquery picture gallery
- Interactive Webdesign with CSS and jQuery - Webdesign und Webentwicklung im Webstandard-Blog
http://webstandard.kulando.de/post/2009/06/02/interactive-webdesign-with-css-and-jquery
inspiration for my own site
What in the heck is JSONP and why would you use it? | InsideRIA
http://www.insideria.com/2009/03/what-in-the-heck-is-jsonp-and.html
<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のプラグイン・チュートリアルいろいろ | DesignWalker
http://www.designwalker.com/2009/08/wp-jquery.html
jQueryでワンランクアップするWordpressのプラグイン・チュートリアルいろいろ
simpleCart(js) - Javascript Shopping Cart by The Wojo Group
http://simplecartjs.com/
updated
No databases, no programming, no headaches. A simple javascript shopping cart in under 20kb that you can setup in minutes. It's lightweight, fast, simple to use, and completely customizable. All you need to know is basic HTML.
This is really a cool tool for adding shopping cart to your website. But also checkout the navigation system on documentation section.
5 Sliding Content Techniques, Examples & jQuery How to’s | Noupe
http://www.noupe.com/design/sliding-content.html
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.
30 Essential Web Developer Cheat Sheets
http://www.webhostingsearch.com/articles/30-web-developer-cheat-sheets.php
i
30 Essential Web Developer Cheat Sheets
The list of skills a given web developer must possess is growing everyday. With the massive growth of web technologies, comes the demand for developers with a wide skill set. A useful tool in any developers tool box can be the well known 'cheat sheet'. Today, we will have a look at 30 essential web developer cheat sheets, ranging from MySQL to Photoshop.
30 Creative Examples of Javascript Slider & Scrollers | Dzine Blog
http://dzineblog.com/2009/08/getting-creative-with-javascript-30-websites-with-cool-slider-and-scrollers.html
12 jquery tooltip for web developer
http://www.dreamcss.com/2009/05/12-jquery-tooltip-for-web-developer.html
12 jquery tooltip for web developer
Elastic - Make your textareas grow facebook style (jQuery plugin) | Unwrongest
http://www.unwrongest.com/projects/elastic/
Horizontal Scroll Menu with jQuery Tutorial | Queness
http://www.queness.com/post/256/horizontal-scroll-menu-with-jquery-tutorial
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
マウスオーバーをデザインする | DesignWalker
http://www.designwalker.com/2009/08/hover.html
25+ Awesome Slider Techniques NEED TO HAVE for any Web Developer | tripwire magazine
http://www.tripwiremagazine.com/design/design/25-awesome-slider-techniques-need-to-have-for-any-web-developer.html
CSS3 rounded corners for every browser? An alternative quick solution without headache
http://woork.blogspot.com/2009/08/css3-rounded-corners-for-every-browser.html
In the Woods - 8 Online Text Editors To Consider For Your Projects
http://blog.themeforest.net/resources/8-online-text-editors-to-consider-for-your-projects/
RT @creattica: 8 Online Text Editors To Consider For Your Projects http://bit.ly/wk8QY [from http://twitter.com/DangerGranger/statuses/2298845158]
List of WYSIWYG editors
Many times when developing a custom website, a clients needs to be given the ability to edit the text directly from an administration section. As many people don’t know the nuts and bolts of html, they have to use a simple editor to create their markup. This article discuses the pros/cons of the most used online text editors.
In the Woods - 8 Online Text Editors To Consider For Your Projects
AjaxCase - Ajax Examples And Demos Collection - Latest Ajax
http://ajaxcase.com/
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
6 jQuery growl-like notification systems | webtoolkit4.me
http://webtoolkit4.me/2009/08/13/jquery-growl-likenotification-systems/
Firefox 拡張を jQuery で書く! Jetpack を使ってみた。 - IT戦記
http://d.hatena.ne.jp/amachang/20090521/1242884854
Obtrusive JavaScript Checker - Robert’s talk - Web development and Internet trends
http://www.robertnyman.com/obtrusive-javascript-checker/
"Obtrusive JavaScript Checker is a tool to traverse through all elements in a web page, and when it finds a HTML element with inline events (which is bad, JavaScript should be unobtrusive), it highlights it with a red border." (This is available as both a Greasemonkey script and as a separate extension.)
Obtrusive JavaScript Checker is a tool to traverse through all elements in a web page, and when it finds a HTML element with inline events (which is bad,
'Obtrusive JavaScript Checker is a tool to traverse through all elements in a web page, and when it finds a HTML element with inline events (which is bad, JavaScript should be unobtrusive), it highlights it with a red border. It also highlights javascript:'
"Obtrusive JavaScript Checker is a tool to traverse through all elements in a web page, and when it finds a HTML element with inline events (which is bad, JavaScript should be unobtrusive), it highlights it with a red border. "
Obtrusive JavaScript Checker is a tool to traverse through all elements in a web page, and when it finds a HTML element with inline events (which is bad, JavaScript should be unobtrusive), it highlights it with a red border. It also highlights javascript: links with a magenta border.
PHP Team: 10 jQuery Datagrid Plugins
http://php-team.blogspot.com/2009/05/10-jquery-datagrid-plugins.html
datagrids
jQuery.timepickr.js
http://haineault.com/media/jquery/ui-timepickr/page/#d-demo-wrapper-2
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
AnythingSlider jQuery Plugin | CSS-Tricks
http://css-tricks.com/anythingslider-jquery-plugin/
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
anythingSlider
http://css-tricks.com/examples/AnythingSlider/
Slider MUITO BOM com JQuery.
Very good JQuery slider.
10+ Mod_Rewrite Rules You Should Know
http://www.noupe.com/php/10-mod_rewrite-rules-you-should-know.html
.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.
Coding Horror: All Programming is Web Programming
http://www.codinghorror.com/blog/archives/001296.html
are two reasons for thi
A List Apart: Articles: JavaScript MVC
http://www.alistapart.com/articles/javascript-mvc/
Once a bit player, JavaScript increasingly takes center stage. Its footprint—the space it takes up on our servers and in our development schedules—continues to grow. So how can we make our JavaScript more reusable and easier to maintain? Perhaps MVC will offer some clues. While MVC is a familiar term to those in back-end application development—using frameworks such as Struts, Ruby on Rails, and CakePHP—MVC’s origin in user interface development lends itself to structuring client-side applications. Let’s examine what MVC is, see how we can use it to rework an example project, and consider some existing MVC frameworks.
20 Top jQuery tips & tricks for jQuery programmers. jQuery Tips Tricks - ViralPatel.net
http://viralpatel.net/blogs/2009/08/20-top-jquery-tips-tricks-for-jquery-programmers.html
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.
22 Beautiful jQuery Plugins for Web Designers | Tutorial9
http://www.tutorial9.net/resources/22-beautiful-jquery-plugins-for-web-designers/
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.
5 Ways to Make Ajax Calls with jQuery - Nettuts+
http://net.tutsplus.com/tutorials/javascript-ajax/5-ways-to-make-ajax-calls-with-jquery/
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
http://www.extratuts.com/25-jquery-tutorials-roundup-with-examples
25+ jQuery Tutorials Roundup | ExtraTuts
jQuery Tutorials Roundup
15 jQuery Tutorials For More Interactive Navigation
http://webdeveloperplus.com/jquery/15-jquery-tutorials-for-more-interactive-navigation/
uery Tutorials For More Int
jQuery Inline Form Labels | Trevor Davis
http://trevordavis.net/blog/tutorial/jquery-inline-form-labels/
14 Easy to Implement Drop Down Menu Solutions | Web Design Ledger
http://webdesignledger.com/resources/14-easy-to-implement-drop-down-menu-solutions
15 Best Examples of Free jQuery Content Sliders
http://visionwidget.com/inspiration/web/295-jquery-content-sliders.html
collection of jquery sliders
Slider images
Oliver's simple fluid dynamics simulator
http://nerget.com/fluidSim/
Creating A Slick Ajaxed Add-To-Basket With jQuery And PHP
http://www.webresourcesdepot.com/creating-a-slick-ajaxed-add-to-basket-with-jquery-and-php
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 **
Creating Flash Charts From Google Spreadsheets - Nettuts+
http://net.tutsplus.com/tutorials/javascript-ajax/creating-flash-charts-from-data-in-google-spreadsheets-using-javascript/
m initiates by declaring a v
Creating Flash Charts From Google Spreadsheets
JavaScript: Bad Practices - James Padolsey
http://james.padolsey.com/javascript/javascript-bad-practices/
Más práticas de Javascript
Take Your CSS to the Desktop with Adobe AIR! [Adobe AIR Tutorials]
http://www.sitepoint.com/article/css-desktop-adobe-air/
Developers: Never Mind the APIs, Here's YQL Execute - ReadWriteWeb
http://www.readwriteweb.com/archives/theres_a_great_amount_of.php
Read: Developers: Never Mind the APIs, Here's YQL Execute [feedly] http://tr.im/koyE [from http://twitter.com/krisnelson/statuses/1693267224]
RWW's @jolieodell dares to tackle the powerful beast that is the new YQL Execute http://bit.ly/J1gxO and so far has lived to tell the tale [from http://twitter.com/marshallk/statuses/1680054262]
...includes explanation of what YQL is, starting with: a sophisticated solution that is agnostic across all Internet platforms and that lowers both the burden of labor and the barriers to entry for social and other web application developers
Tweetable - a jQuery plugin | Philip Beel Freelance Web Designer Kent UK
http://theodin.co.uk/blog/javascript/tweetable-jquery-plugin.html
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
25 Portfolio Sites Using jQuery Amazingly Well « CreativityDen
http://blog.creativityden.com/25-portfolio-sites-using-jquery-amazingly-well/
50 Useful New jQuery Techniques and Tutorials | Developer's Toolbox | Smashing Magazine
http://www.smashingmagazine.com/2009/08/23/50-useful-new-jquery-techniques/
13 Super Useful jQuery Content Slider Scripts and Tutorials | Web Design Ledger
http://webdesignledger.com/tutorials/13-super-useful-jquery-content-slider-scripts-and-tutorials
Quick Tip – Resizing Images Based On Browser Window Size | Build Internet!
http://buildinternet.com/2009/07/quick-tip-resizing-images-based-on-browser-window-size/
Build Internet!
Home | CKEditor
http://ckeditor.com/
** Posted using Viigo: Mobile RSS, Sports, Current Events and more **
CKEditor is a text editor to be used inside web pages. It's a WYSIWYG editor, which means that the text being edited on it looks as similar as possible to the results users have when publishing it.
text editor for internet publishing
CKEditor is a text editor to be used inside web pages. It's a WYSIWYG editor, which means that the text being edited on it looks as similar as possible to the results users have when publishing it. It brings to the web common editing features found on desktop editing applications like Microsoft Word and OpenOffice.
Der frühere FCK-Editor, einer der wichtigsten Open Source-Editoren für Content Management-Systeme
CKEditor is a text editor to be used inside web pages. It&amp;#039;s a WYSIWYG editor, which means that the text being edited on it looks as similar as possible to the results users have when publishing it. It brings to the web common editing features found on desktop editing applications like Microsoft Word and OpenOffice. Because CKEditor is licensed under flexible Open Source and commercial licenses, you&amp;#039;ll be able to integrate and use it inside any kind of application. This is the ideal editor for developers indented to provide easy and powerful solutions to their users.
like tinymce
Elegant ScrollPanes with jQuery and CSS3
http://woork.blogspot.com/2009/08/elegant-scrollpanes-with-jquery-and.html
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.
Pretty checkboxes with jQuery | Aaron Weyenberg
http://aaronweyenberg.com/90/pretty-checkboxes-with-jquery
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…
jQuery maxImage plugin: Demo
http://www.aaronvanderzwan.com/maximage/
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
How to Design the Web in a High-Def World
http://sixrevisions.com/web-development/how-to-design-the-web-in-a-high-def-world/
20 jQuery Plugins and Tutorials to Enhance Forms : Speckyboy Design Magazine
http://speckyboy.com/2009/08/26/20-jquery-plugins-and-tutorials-to-enhance-forms/
Add zoom icon to images using CSS (and jQuery, of course)
http://www.jankoatwarpspeed.com/post/2009/04/06/Add-zoom-icon-to-images-using-CSS-and-jQuery.aspx
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.
MailTo Encoder | Prevent Spam by encoding your email address
http://www.mailtoencoder.com/
Prevent spambots from getting your email, encode all the email addresses you publish on your site! Enter the address you want to encode, then put the code we provide in the source code where the address should appear and...VOILA!
防止email地址被垃圾邮件爬虫
Prevent spambots from getting your email, encode all the email addresses you publish on your site!
If you’ve encountered a situation where you leave your email address on a public website and start getting spam starting next day, then you are not alone. Mailto Encoder is a site which helps to prevent this by encoding your email address with javascript in a way that makes it unreadable to any spam bot spider or email extractor.
AnythingSlider
http://css-tricks.com/examples/AnythingSlider/#panel-1
Make your pages load faster by combining and compressing javascript and css files | rakaz
http://rakaz.nl/2006/12/make-your-pages-load-faster-by-combining-and-compressing-javascript-and-css-files.html
Make your pages load faster by combining and compressing javascript and css files | rakaz
Raible Designs | Ajax Framework Analysis Results
http://raibledesigns.com/rd/entry/ajax_framework_analysis_results
compares ajax-frameworks (jquery is missing)
Raible Designs | Ajax Framework Analysis Results
HTML5サンプル集 - 株式会社あゆた
http://ayuta.co.jp/html5-samples/index.html
9 Most Useful jQuery Plugins.
http://9lessons.blogspot.com/2009/08/9-most-useful-jquery-plugins.html
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
http://www.ixedit.com/
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.
A List Apart: Articles: Inline Validation in Web Forms
http://www.alistapart.com/articles/inline-validation-in-web-forms/
by LukeW, author of "Web Forms" from Rosenfeld media
Real-time inline validation can help people complete web forms more quickly and with less effort, fewer errors, and (surprise!) more satisfaction.
....en hoeveel % conversieverbetering het oplevert!
for unlnown items (is this username taken?) validate fields as the user proceeds from one field to the next
Kwicks for jQuery and an awesome horizontal animated menu | AEXT.NET
http://aext.net/2009/08/kwicks-for-jquery-and-an-awesome-horizontal-animated-menu/
jQuery Horizontal Menu
jQuery 橫向動態導航選單
95+ Exceptionally Useful jQuery Plugins, Tutorials and Cheat Sheets | tripwire magazine
http://www.tripwiremagazine.com/tutorials/tools/95-exceptionally-useful-jquery-plugins-tutorials-and-cheat-sheets.html
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
Olark - easy live chat for engaging visitors and converting sales
http://www.olark.com/portal/index
Increase online sales and improve customer service by chatting with visitors to your website using a standard chat client.
Live chat with users on your website. A great way to engage. Considering how it might make visitors feel though?
Crafting an Animated Postcard With jQuery | Build Internet!
http://buildinternet.com/2009/08/crafting-an-animated-postcard-with-jquery/
Codigos para hacer animaciones
Learn 3 Excellent JavaScript Libraries at Once - Nettuts+
http://net.tutsplus.com/tutorials/javascript-ajax/learn-3-excellent-javascript-libraries-at-once/
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..."
21 Simple and Useful jQuery Tutorials You Might Have Missed | Queness
http://www.queness.com/post/626/21-simple-and-useful-jquery-tutorials-you-might-have-missed
デザインの邪魔をしないシンプルで小粋なjQueryエフェクト集
30 Javascript Image and Photo Galleries - Mootool, Prototype, jQuery and Tutorials | Queness
http://www.queness.com/post/633/30-javascript-image-and-photo-galleriesmootool-prototype-jquery-and-tutorials
Mootool, Prototype, jQuery and Tutorials via Queness
20 jQuery Plugins/Techniques For Web Designers And Developers - Codefusion Lab
http://codefusionlab.blogspot.com/2009/08/20-jquery-pluginstechniques-for-web.html
Code Snippets
http://css-tricks.com/snippets/
Various snippets of code (html, css, php, jquery, etc). Definitely worth keeping handy.
12 Flash-like jQuery Effects | Dev Words
http://www.devwords.com/12-flash-like-jquery-effects/
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
25+ Paramount jQuery Tutorials | Tutorial Lounge
http://www.tutoriallounge.com/2009/09/25-paramount-jquery-tutorials/
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
How To Use Pure CSS To Style Web Form Dynamically Plus 12 Awesome JavaScript Plugins | Onextrapixel - Showcasing Web Treats Without Hitch
http://www.onextrapixel.com/2009/08/25/how-to-use-pure-css-to-style-web-form-dynamically-plus-12-awesome-javascript-plugins/
css web form and jquery plugins
style your forms
Collpasible Drag & Drop Panels Using jQuery
http://webdeveloperplus.com/jquery/collpasible-drag-drop-panels/
# $('.column').sortable({ # connectWith: '.column', # handle: 'h2', # cursor: 'move', # placeholder: 'placeholder', # forcePlaceholderSize: true, # opacity: 0.4, # }) # .disableSelection();
38 jQuery And CSS Drop Down Multi Level Menu Solutions | Graphic and Web Design Blog - Inspiration, Resources and Tools
http://www.1stwebdesigner.com/resources/38-jquery-and-css-drop-down-multi-level-menu-solutions/
Hello again, it’s time for comprehensive programming article. Here you’ll find 38 mainly jquery and CSS based drop-down or just multi level menu tutorials with down loadable files and explanations as well. My favorite here is the first pick – Outside the box with very unique navigation menu. It’s always good to have such reference articles in your bookmarks and when you have to create some really big website with a lot of content and menu sections – just return here. Shorten your developing process with already premade menus, which can be easily modified with little touch of CSS.
JavaScript shell scripting / phpied.com
http://www.phpied.com/javascript-shell-scripting/
JavaScript shell scripting / phpied.com
Demo | CKEditor
http://ckeditor.com/demo
Demo | CKEditor - http://ckeditor.com/demo
@tobinharris: FCKEditor got an awesome revamp. Fast AND pretty! http://ckeditor.com/demo
Editor de HTML
【特集】詳解! HTML 5と関連APIの最新動向 - Webアプリ開発編 (1) 本特集の趣旨 | エンタープライズ | マイコミジャーナル
http://journal.mycom.co.jp/special/2009/html5-2/index.html
html5の話
アプリケーションキャッシュ, クロスドキュメントメッセージング, Web Workers, Web Storage, Web Database, Web Sockets, Geolocation API など
VanadiumJS
http://vanadiumjs.com/
Validació de formularis
Javascript Validation Library
Simple, intuitive yet powerful client side validation. No need for coding, easily extendable and customizable.
表单验证
Amazing Multi Style Menu w/ jQuery and CSS | 2experts Design - Web Design and Graphic Design Blog
http://www.2expertsdesign.com/2009/08/24/amazing-multi-style-menu-w-jquery-and-css/
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.
31 Refreshing Jquery Techniques/Plugins - Codefusion Lab
http://codefusionlab.blogspot.com/2009/06/31-refreshing-jquery-techniquesplugins.html
On HTML 5 Drag and Drop « alert debugging
http://www.alertdebugging.com/2009/08/16/on-html-5-drag-and-drop/
HTML 5 is shaping up to be quite an impressive step up from the capabilities web developers are currently constrained to. One of my favorite new features provided by the spec is support for native drag and drop.
15 Great jQuery Plugins For Better Table Manipulation
http://www.webdesignbooth.com/15-great-jquery-plugins-for-better-table-manipulation/
How to Create a Simple News Ticker - Nettuts+
http://net.tutsplus.com/tutorials/javascript-ajax/build-a-simple-jquery-news-ticker/
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.
40 Super-Neat JavaScript Plugins - Nettuts+
http://net.tutsplus.com/articles/web-roundups/40-super-neat-javascript-plugins/
Custom Checkboxes Images Lightbox Youíre probably very familiar with Lightbox. If not, this is used to display overlay images on the current page.
jQueryを使い始めたときに感じる13の疑問 : tech.kayac.com - KAYAC engineers' blog
http://tech.kayac.com/archive/jquery-first-questions.html
10 incredible JQuery navigation menus
http://www.catswhocode.com/blog/10-incredible-jquery-navigation-menus
10 incredible JQuery navigation menus
30+ Fresh & Amazing jQuery Plugins & Tutorials
http://webdeveloperplus.com/jquery/30-fresh-amazing-jquery-plugins-tutorials/
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.
Timefire: On Reducing the Size of Compressed Javascript (by up to 20%)
http://timepedia.blogspot.com/2009/08/on-reducing-size-of-compressed.html
"...what effect does the large-scale structure of the JS output code have on the DEFLATE algorithm of GZIP which is used to serve up compressed script?" Another instance of using knowledge of the specific file type to get gains in compression. Is there a web proxy running all this at which I can point my phone?
On JavaScript minification and compression.
better compression through instruction rearrangement. this guy drives me somewhat crazy, but he does cool work.
It’s a Rainbow! – Color Changing Text and Backgrounds w/ jQuery | Build Internet!
http://buildinternet.com/2009/09/its-a-rainbow-color-changing-text-and-backgrounds/
Animated text color
Stephen Oney @ Carnegie Mellon
http://stephenoney.com/firecrystal.php
FireCrystal is a Firefox extension that helps designers and programmers alike figure out how interactive behaviors on the web work. FireCrystal allows users to "rewind" their interactions with web pages while showing the relevant code.
track DOM changes
@igrigorik: "nifty FF extension for replaying / rewinding DOM changes: http://bit.ly/2aGyPH" (from http://twitter.com/igrigorik/status/3839646962)
25 Excellent Collection Of jQuery Tutorials | Tutorials | PelFusion.com
http://pelfusion.com/tutorials/25-excellent-collection-of-jquery-tutorials/
According to jQuery dot com, jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax
PelFusion
Lights Out – Dimming/Covering Background Content with jQuery | Build Internet!
http://buildinternet.com/2009/08/lights-out-dimmingcovering-background-content-with-jquery/
Web Design, Development, and Business
Let's make the web faster - Google Code
http://code.google.com/speed/downloads.html
Let's make the web faster
35 Stylish And Modern Wordpress Plugins Using jQuery UI | Graphic and Web Design Blog -Resources And Tutorials
http://www.1stwebdesigner.com/wordpress/35-stylish-and-modern-wordpress-plugins-using-jquery-ui/
Excellent wordpress plugins harnessing the power of jQuery!
wordpress jquery
ASCII.jp:30分でできる!Webサイトを高速化する6大原則
http://ascii.jp/elem/000/000/457/457749/
Javascriptの読込みは</body>のすぐ前が良いって聞いたことがある。
10 Really Helpful Traversing Functions in jQuery - Nettuts+
http://net.tutsplus.com/tutorials/javascript-ajax/10-super-helpful-traversing-functions-in-jquery/
Traversing Functions in jQuery
Detecting HTML5 Features - Dive Into HTML5
http://diveintohtml5.org/detect.html
20 Fresh jQuery Plugins to Enhance your User Interface
http://sixrevisions.com/javascript/20-fresh-jquery-plugins-to-enhance-your-user-interface/
jQuery UI Multiselect
http://www.quasipartikel.at/multiselect/
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
10 Beautiful jQuery and MooTool Calendar Plugins | Queness - http://www.queness.com/post/656/10-beautiful-jquery-and-mootool-calendar-plugins
In the Woods – Create a Funky Parallax Background Effect using jQuery
http://blog.themeforest.net/tutorials/create-a-funky-parallax-background-effect-using-jquery/
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 - August 2009 | AjaxLine
http://www.ajaxline.com/best-jquery-plugins-august-2009
Best jQuery Plugins
** Posted using Viigo: Mobile RSS, Sports, Current Events and more **
Best jQuery Plugins - August 2009
Marunouchi.com
http://www.marunouchi.com/
トップページでは,ブラウザのウィンドウサイズに合わせてコンテンツが可変する,リキッドレイアウトが採用,このウェブサイトでは複数のJavaScriptライブラリを使うことで,リキッドレイアウトを実現.
55+ Seriously Useful Front End Web Developer Cheat Sheets | tripwire magazine
http://www.tripwiremagazine.com/tools/tools/55-seriously-useful-front-end-web-developer-cheat-sheets.html
jQuery言語入門 : tech.kayac.com - KAYAC engineers' blog
http://tech.kayac.com/archive/jquery-language-first-step.html
個人的にjQueryを使う場合、「JSの中でjQueryを使う」と言うより、「jQueryの中でJSを使う」と考えた方が理解しやすいと思うので、今日は"jQuery言語"の書き方を紹介したいと思います。
Using Opacity to Show Focus with jQuery
http://davidwalsh.name/opacity-focus-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.
16 Javascript Tutorials Inspired By Social Networking Sites | Dev Words
http://www.devwords.com/16-javascript-tutorials-inspired-by-social-networking-sites/
using jquery like popular social netwroking sites
SNS常用组件
10 Mini-Tips and Tricks in JavaScript for Beginners | Admix Web
http://www.admixweb.com/2009/08/25/10-mini-tips-and-tricks-in-javascript-for-beginners
Useful for more advanced developers too - I didn't know several of these.
return arguments.length; }
JavaScript Framework Matrix - Overview with functions and examples
http://matthiasschuetz.com/javascript-framework-matrix/en/
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 Free Javascript Code Syntax Highlighters For Better Programming | Graphic and Web Design Blog - Inspiration, Resources and Tools
http://www.1stwebdesigner.com/resources/16-free-javascript-code-syntax-highlighters-for-better-programming/
16 Javascript para resaltar los códigos de tus post
Webデザイナーのための美しいjQueryプラグイン22 | CREAMU
http://blog.creamu.com/mt/2009/08/webjquery22.html
まとめ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆
jQuery TOOLS - The missing UI library for the Web
http://flowplayer.org/tools/release-notes.html
Seven jQuery Plugins That Let You Do Cool Stuff With Images
http://www.sitepoint.com/blogs/2009/09/14/seven-jquery-plugins-images/
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.
Highscore - Programmieren lernen
http://www.highscore.de/
Sie finden auf dieser Website qualitativ hochwertige Bücher und Artikel, die Sie in der Aus- und Weiterbildung zum Software-Entwickler unterstützen. Alle Inhalte sind unter einer Creative-Commons Lizenz veröffentlicht und dürfen von Ihnen heruntergeladen, gedruckt und zu nicht-kommerziellen Zwecken verbreitet werden.
Kostenloses Buch zum Lernen von c#
Kostenlose Bücher zur Programmierung, u.a. C#, C++, Java
Carsonified » How to Draw with HTML 5 Canvas
http://carsonified.com/blog/dev/html-5-dev/how-to-draw-with-html-5-canvas/
Une petite introduction à l'émément CANEVAS en HTML5
facybox 1.0
http://bitbonsai.com/facybox/
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.
16 Favorite Cheat Sheets for Web Design and Development | TutorialFeed
http://tutorialfeed.blogspot.com/2009/09/16-favorite-cheat-sheets-for-web-design.html
web designer cheatsheet
web design
100+ Useful Bookmarklets For Better Productivity | Ultimate List | Tools
http://www.hongkiat.com/blog/100-useful-bookmarklets-for-better-productivity-ultimate-list/
.bookmarklets {background-color:#f6f6f6; border-top:1px solid #fff; text-decoration:none!important;} .bookmarklets strong {border:1px solid #e5e5e5;
Useful Bookmarklets For Better Productivity
the title at first threw me off, but some of these are kinda cool.
很有用
Doloto
http://msdn.microsoft.com/en-us/devlabs/ee423534.aspx
Loads javascript in parts - gains up to 40% in page load speed (nice to have)
An AJAX application optimization tool from Microsoft.
Doloto is an AJAX application optimization tool, especially useful for large and complex Web 2.0 applications that contain a lot of code, such as Bing Maps, Hotmail, etc. Doloto analyzes AJAX application workloads and automatically performs code splitting of existing large Web 2.0 applications. After being processed by Doloto, an application will initially transfer only the portion of code necessary for application initialization.
Using Page Speed
http://code.google.com/speed/page-speed/docs/using.html
Using Page Speed
"Page Speed is an open-source Firefox/Firebug Add-on. Webmasters and web developers can use Page Speed to evaluate the performance of their web pages and to get suggestions on how to improve them."
ools > Firebug > Open Firebug
Greyscale Hover Effect w/ CSS & jQuery | Grayscale Effect | jQuery Hover Tutorial | Easy jQuery Tutorial
http://www.sohtanaka.com/web-design/greyscale-hover-effect-w-css-jquery/
【ハウツー】Webデバッガに新星登場!? 操作を記録し、イベント/DOMを一発解析 - FireCrystal (1) FireCrystalとは | エンタープライズ | マイコミジャーナル
http://journal.mycom.co.jp/articles/2009/09/14/firecrystal/index.html
>>FireCrystalはThe MIT Licenseのもとで公開されている<< >>Webページ上でユーザの操作を記録し、内部でどのようなイベント発生・DOM操作がおこなわれたかを解析して、時系列で表示する。<< >>FireCrystalを使用すればJavaScriptの各所にブレークポイントをわざわざしかける必要もなく、記録開始ボタンを押す→操作をおこなう→記録停止ボタンを押すだけでどこでどのイベントが発生し、DOMの操作がおこなわれたかがわかるようになる。<< >.FireCrystalは現在、アルファ版として位置づけられている。大量のJavaScriptが埋めこまれているWebページで FireCrystalを使用すると、解析に時間がかかったりFirefoxごとクラッシュする場合があると公式サイトでアナウンスがされている。<< >>一部の環境ではセグメンテーションフォルトを起こしてクラッシュする報告もあがっている。利用する際はくれぐれも注意されたい。<< >>どのようなイベントが発生し、どのようなDOM操作がおこなわれたかをバルーンで表示してくれる。<< >>DOM操作の瞬間がアニメーションで表示される<<
これはいい!かも
JSNES: A Javascript NES emulator
http://benfirshman.com/projects/jsnes/
A few months ago, I stumbled across Matt Westcott's excellent JSSpeccy. I had seen some pretty imaginative canvas creations, but Javascript emulators? What a perfect idea for a daft new project. I got underway shamelessly porting vNES into Javascript. Although not the most efficient, it didn't have any of the pointer memory mapping magic associated with emulators written in lower level languages. As such, it was more or less a direct port, bar a few tweaks to compensate for the lack of static typing, and obviously a rewrite of all the I/O. I highly recommend you use Google Chrome to play JSNES. Thanks to its high performance canvas element, and a clever optimisation by Connor Dunn, it runs at full speed on modern computers. Mac builds are also available. Otherwise, it just about runs on Firefox 3.5 or Safari 4, but it's hardly playable. The source is available on Github, contributions welcome!
I highly recommend you use Google Chrome to play JSNES. Thanks to its high performance canvas element, and a clever optimisation by Connor Dunn, it runs at full speed on modern computers. Mac builds are also available. Otherwise, it just about runs on Firefox 3.5 or Safari 4, but it's hardly playable.
7 Steps for Systematizing The Design & Build Process « Noupe
http://www.noupe.com/design/systematizing-the-design-build-process.html
7 Steps for Systematizing The Design & Build Process
テーブルに実装できるjQueryプラグインいろいろ | DesignWalker
http://www.designwalker.com/2009/09/jquery-table.html
スペックやデータ、料金表などを表示するためには、テーブルコーディングは欠かせませんね。テーブルにjQueryのプラグインを実装すると、ソートやページングなどなど、様々な機能を追加する事ができます。今回は、テーブルに実装できるjQueryプラグインいろいろとまとめてみました。
jqueryのテーブルに関するもの様々
テーブルに利用できる色々なjQueryプラグイン。CSV読み込みとか。
テーブルにjQueryのプラグインを実装すると、ソートやページングなどなど、様々な機能を追加する事ができます。
仕事につかえそう
ソートやページングなどなど、様々な機能を追加する事ができます。
Home - testswarm - GitHub
http://wiki.github.com/jeresig/testswarm
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.
Dynamic Drive DHTML scripts- jQuery Scroll to Top Control
http://www.dynamicdrive.com/dynamicindex3/scrolltop.htm
Announcing the Microsoft AJAX CDN - ScottGu's Blog
http://weblogs.asp.net/scottgu/archive/2009/09/15/announcing-the-microsoft-ajax-cdn.aspx
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.
Bestwebframeworks » Find and compare PHP, Ruby, JS and CSS Frameworks
http://www.bestwebframeworks.com/
web framework comparisons
comparaison de frameworks php, ruby, js, css
Clamato: A Smalltalk Dialect for JavaScript
http://clamato.net/
"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ブラウザから直接開発できます。
70+ Ajax techniques you just can't afford to miss | AJAX Techniques | Tools
http://www.tripwiremagazine.com/Tools/AJAX-Techniques/70-ajax-techniques-you-just-cant-affort-to-miss.html
In this article tripwire magazine present a list of more than 70 useful AJAX-based techniques and tools you should always be aware of when developing Ajax-based web-applications. The article gives you instant access to Ajax menus, calendars, interactive elements, animation, basic javascripts, visual effects, auto-completion, instant field editing that you browse quickly without looking through endless search results or bookmarks.
DatePicker - jQuery plugin
http://www.eyecon.ro/datepicker/#about
Calendario tanto ate para combobox
Dynamic Drive DHTML Scripts- jQuery Image Magnify
http://www.dynamicdrive.com/dynamicindex4/imagemagnify.htm
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
Turn your jQuery code into a richer, unit testable, plugin — onenaught.com
http://www.onenaught.com/posts/85/turn-your-jquery-code-into-a-richer-unit-testable-plugin
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
Nihilogic : Canvas Visualizations of Sorting Algorithms
http://www.nihilogic.dk/labs/sorting_visualization/
Some Notes On iTunes LP · Jay Robinson
http://jayrobinson.org/2009/09/11/some-notes-on-itunes-lp/
Feature-wise, an iTunes LP is a DRM-free album in high-quality 256kbps AAC format, along with digital extras (visualizer(s), photos, videos and interviews) wrapped in a custom WebKit-powered site.
The “deluxe album” format from the iTunes Store is an attempt to revitalize music sales by providing an immersive digital experience complete with detailed art reminiscent of when people used to buy records. Feature-wise, an iTunes LP is a DRM-free album in high-quality 256kbps AAC format, along with digital extras (visualizer(s), photos, videos and interviews) wrapped in a custom WebKit-powered site.
"The iTunes LP experience is accomplished with HTML 4.01, CSS and JS. The interface feels very Flash-like, but there is no trace of it. The CSS animations are elaborate and smooth. ... As a music fan, and as a web developer, I couldn’t be more pleased with the new iTunes LP offering. If your audience is significantly Apple-oriented (e.g. a site about Mac rumors or a popular iPhone app) this proves that you can provide an incredible experience using only JavaScript and some proposed CSS3 properties."
jQuery Moving Tab and Sliding Content Tutorial | Queness
http://www.queness.com/post/655/jquery-moving-tab-and-sliding-content-tutorial
Lava Lamp on tab navigation and content
51 Form Element Resources and Tutorials Using CSS And Javascript | Graphic and Web Design Blog -Resources And Tutorials
http://www.1stwebdesigner.com/tutorials/51-form-element-resources-and-tutorials-using-css-and-javascript/
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 – Tutorialzine
http://tutorialzine.com/2009/09/shopping-cart-php-jquery/
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/
XHTML & CSS Lightbox
http://www.growldesign.co.uk/projects/lb/#close
Lightbox without the Javascript. Me likey.
XHTML
Welcome - WidgetPad.com
http://widgetpad.com/
iphone dev. environment/resource
Design Mobile Apps (cross platform)
Online dev environment for creating HTML5/CSS3/JS-based apps for smartphones. iPhone now, "Pre and BBerry coming"
a free, collaborative, web-based, open-source mobile development environment where developers can easily create smartphone applications using standard web technologies (such as HTML 5, CSS, and Javascript) and distribute them as stand-alone applications to app stores.
How to implement a perfect multi-level navigation bar
http://woork.blogspot.com/2009/09/how-to-implement-perfect-multi-level.html
Sproing! – Make An Elastic Thumbnail Menu | Build Internet!
http://buildinternet.com/2009/09/sproing-make-an-elastic-thumbnail-menu/
ongoing attempt to offer alternative methods to spruce up menus, I’ve pieced together an elastic thumbnail menu.
By http://bit.ly/Tweets2Delicious
QuirkeyBlog » Blog Archive » Sammy.js, CouchDB, and the new web architecture
http://www.quirkey.com/blog/2009/09/15/sammy-js-couchdb-and-the-new-web-architecture/
9 Useful jQuery Calendar And Date Picker Plugins For Web Designers
http://www.webdesignbooth.com/9-useful-jquery-calendar-and-date-picker-plugins-for-web-designers/
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
Create an In-Place Editing System - Nettuts+
http://net.tutsplus.com/tutorials/javascript-ajax/create-an-in-place-editing-system/
"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."
Improving jQuery’s JSON performance and security | Encosia
http://encosia.com/2009/07/07/improving-jquery-json-performance-and-security/
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.
30 Best jQuery Photo Plugins - Sliders, Slideshow, Galleries
http://javabyexample.wisdomplug.com/web-programming/47-javascript/85-30-best-jquery-photo-plugins-sliders-slideshow-galleries-and-scrollers.html
g
How to Code a Signup Form with Email Confirmation - Nettuts+
http://net.tutsplus.com/tutorials/php/create-a-signup-form-with-email-confirmation/
Form di registrazione al sito
35+ Create Amazing Image Effects and Sliders with These Awesome jQuery Plugins | tripwire magazine
http://www.tripwiremagazine.com/tools/tools/35-create-amazing-image-effects-and-sliders-with-these-awesome-jquery-plugins.html
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画像系まとめ
37 Tested PHP, Perl, and JavaScript Regular Expressions
http://www.virtuosimedia.com/tutorials/37-tested-php-perl-and-javascript-regular-expressions
iWebSkel: The Ultimate Website Skeleton! Uncompress and Code.
http://iwebskel.com/
iWebSkel: The Ultimate Website Skeleton! By Federico Maggi http://iwebskel.com
iWebSkel is the ultimate ready to use kit for website design. It features only the latest version essential components to start developing quickly using XHTML, CSS, and Javascript. Elegantly packed together.
jQuery Visual Cheat Sheet
http://woork.blogspot.com/2009/09/jquery-visual-cheat-sheet.html
jQuery Cheat Sheet
sample
Drag & Drop with PHP & jQuery | Papermashup.com
http://papermashup.com/drag-drop-with-php-jquery/
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
40+ Techniques of JavaScript for Professional UI | Tutorial Lounge
http://www.tutoriallounge.com/2009/09/40-techniques-of-javascript-for-professional-ui/
CSS and Javascript tricks
Excelentes scripts para varias funciones.
Asynchronous Image Loading with jQuery | Realm of Zod
http://blog.realmofzod.com/2009/04/09/asynchronous-image-loading-with-jquery/
Asynchronous Image Loading with jQuery
# on LoadImage(pSelector, pCallback){ # var loader = $(pSelector); # loader.html(‘<img src="’ + gLoadSpinnerUrl + ‘"/>’); # # LoadThisImage($(img), loader
Object-Oriented programming with JavaScript. OO Concept in JavaScript - ViralPatel.net
http://viralpatel.net/blogs/2009/07/object-oriented-programming-with-javascript.html
this.setSpeed(mph);
Best jQuery Tutorials for June 2009 | AjaxLine
http://www.ajaxline.com/best-jquery-tutorials-for-june-2009
Browser-Update.org - Benutzer über Browserupdates informieren
http://www.browser-update.org/
Inform your visitors about browser-updates
Benutzer über Browserupdates informieren
This service is an opportunity to inform your visitors unobtrusively to switch to a newer browser. Many internet users are still using very old, out-dated browsers – most of them for no actual reason. Switching to an newer browser is better for them and for you as a webdesigner.
Quick and Easy Filtering with jQuery - Nettuts+
http://net.tutsplus.com/videos/screencasts/quick-and-easy-filtering-with-jquery/
jQuery Tutorial
By http://bit.ly/Tweets2Delicious
John Resig - Test Swarm Alpha Open
http://ejohn.org/blog/test-swarm-alpha-open/
os + browser組み合わせテスト ->buildbot
Create a Simple CSS + Javascript Tooltip with jQuery | Queness
http://www.queness.com/post/92/create-a-simple-cssjavascript-tooltip-with-jquery
15 Attractive Javascript Carousel Plugins | Queness
http://www.queness.com/post/711/15-attractive-javascript-carousel-plugins
Learning jQuery: Click Event with Locked Page likes Mac | AEXT.NET
http://aext.net/2009/08/learning-jquery-click-event-with-locked-page-likes-mac/
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/
37 More Shocking jQuery Plugins | Listelog
http://www.listelog.com/37-more-shocking-jquery-plugins/
Caffeinated Simpleton » Blog Archive » An Introduction to JavaScript’s “this”
http://justin.harmonize.fm/index.php/2009/09/an-introduction-to-javascripts-this/
In many languages (all the good ones, if you ask me),  lexical scoping is supported. Lexical scoping basically allows you to access local variables in a parent function. If a function is defined within another function, it can access its own local variables as well as those of the function it was defined within. Time for another example.function drinkBeer() { var beer = "Big Daddy IPA"; function pour() { var glass = "Pint Glass"; return "Poured " + beer + " into a " + glass; } function drink() { beer = null; return "Beer is all gone"; } pour(); drink(); } drinkBeer();This works just fine. drinkBeer cannot access glass, but pour and drink can access beer. //// /*<!--<a href="http://justin.harmonize.fm/index.php/2009/09/an-introduction-to-javascripts-this/">Caffeinated Simpleton » Blog Archive » An Introduction to JavaScript’s “this”</a>-->*/
jQuery Tools: The missing UI library for the Web « Noupe
http://www.noupe.com/jquery/jquery-tools.html
Great for jQuery lovers
"jquery tools plugins must-read"
素晴らしいjQueryチュートリアル集 | CREAMU
http://blog.creamu.com/mt/2009/09/jquery_19.html
Improve your jQuery – 25 excellent tips | Listelog
http://www.listelog.com/improve-your-jquery-25-excellent-tips/
QuirksBlog: The HTML5 drag and drop disaster
http://www.quirksmode.org/blog/archives/2009/09/the_html5_drag.html
"After spending about a day and a half in testing I am forced to conclude that the HTML5 drag and drop module is not just a disaster, it’s a fucking disaster."
Holy H Christ... WHAT have we done!? We stood idly by and let this drag and drop disaster happen.
Gee, I wonder why that is.
5 Lesser Known JavaScript Libraries that Make Web Design Easier - Nettuts+
http://net.tutsplus.com/articles/web-roundups/5-lesser-known-javascript-libraries-that-make-web-design-easier/
In this round-up we’ll be looking at 5 JavaScript libraries that can really ease the development of modern, attractive web sites. The libraries that we’ll
In this round-up we’ll be looking at 5 JavaScript libraries that can really ease the development of modern, attractive web sites. The libraries that we’ll be looking at aren’t libraries in the same sense as something like jQuery or the YUI; they’re much smaller and much more specialized. But they’re the best at what they do and provide unique functionality.1. Fixing PNGs in IE6 with DD_BelatedPNGCreated by: Drew DillerLicense: MIT
20 Fantastic Latest jQuery Plugins
http://visionwidget.com/inspiration/web/398-latest-jquery-plugins.html
20 Fantastic Latest jQuery Plugins
15+ Blogs To Follow For jQuery Lovers
http://www.webresourcesdepot.com/15-blogs-to-follow-for-jquery-lovers/
15+ Blogs To Follow For jQuery Lovers
Content Aware Image Resizing implemented with JavaScript
http://labs.pimsworld.org/wp-content/uploads/2009/04/demo-content-aware-image-resizing-2/
RealMarc
Script de compactação de imagem (javascript) que redimensiona a imagem em uma direção (horizontal por exemplo) sem distorcê-la simplemente, ele corta partes semelhantes da imagem.
jQuery Enlightenment | by Cody Lindley | 1st Edition | based on jQuery 1.3.2
http://jqueryenlightenment.com/
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 – Tutorialzine
http://tutorialzine.com/2009/09/fancy-contact-form/
A Fancy AJAX Contact Form
By http://bit.ly/Tweets2Delicious
Turn any webform into a powerful wizard with jQuery (FormToWizard plugin)
http://www.jankoatwarpspeed.com/post/2009/09/28/webform-wizard-jquery.aspx
Turn any webform into a powerful wizard with jQuery (FormToWizard plugin)
10 Easy jQuery Tricks for Designers
http://sixrevisions.com/javascript/10-easy-jquery-tricks-for-designers/
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.
10 Most Popular JavaScript Frameworks | AjaxLine
http://www.ajaxline.com/10-most-popular-javascript-frameworks
Building iPhone Apps with HTML, CSS, and JavaScript
http://building-iphone-apps.labs.oreilly.com/index.html
iPhone Apps with HTML, CSS, and JavaScript
25 Useful jQuery Tooltip Plugins and Tutorials : Speckyboy Design Magazine
http://speckyboy.com/2009/09/16/25-useful-jquery-tooltip-plugins-and-tutorials/
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
100++ jQuery Tutorial and Plugin Collections on September | Queness - http://www.queness.com/post/742/100-jquery-tutorial-and-plugin-collections-on-september
List of Really Useful Plugins and Resources For MooTools | W3Avenue
http://www.w3avenue.com/2009/07/28/list-of-really-useful-plugins-and-resources-for-mootools/
also has links to other mootools sites
実践JavaScript - 株式会社ALBERT 社内勉強会資料
http://www.albert2005.co.jp/study/javascript/
QueryLoader – preload your website in style - Gaya Design
http://www.gayadesign.com/diy/queryloader-preload-your-website-in-style/
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.
50+ jQuery Plugins for Form Enhancements | tripwire magazine
http://www.tripwiremagazine.com/tools/ajax-techniques/50-jquery-plugins-for-form-enhancements.html
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
Rounding Up the Top 10 Mootools Lightbox Scripts
http://line25.com/articles/rounding-up-the-top-10-mootools-lightbox-scripts
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
formaldehyde - Project Hosting on Google Code
http://code.google.com/p/formaldehyde/
sounds super useful, wish there was something like this for flash.
PHP debug info for the client side
Include-olsz egy php fájl a forrásodban, plusz egy plugint felresz, és máris van egy php debuggered a böngésződben a Firebug-ba beépülve.
Output PHP debug info to client side.
awesome looking in-browser PHP debugger - nearly as nice as the werkzeug ine is for Python. "I develop PHP async interactions via ActionScript and LoadVars, Ajax, or Remote Scripting before, since year 2000 but for some reason I have never thought about a portable, scalable, simple, and complete debugger file as Formaldehyde is. I hope you'll appreciate its simplicity, its basic and useful features, and I am waiting for your feedback in WebReflection"
jqtouch - Project Hosting on Google Code
http://code.google.com/p/jqtouch/
IPhone
Documentation to support use of jqtouch to develop iPhone web applications quickly and easily
percobaan » Face detection in javascript + canvas
http://blog.kpicturebooth.com/?p=8
Detecção de faces utilizando javascript
Script permettant de faire de la détection faciale à l'aide de javascript.
ウェブサービス開発で使えるWYSIWYGエディターまとめ - IDEA*IDEA ~ 百式管理人のライフハックブログ ~
http://www.ideaxidea.com/archives/2009/02/rich_editors.html
WYSIWYG
memo
Making A Slick Content Slider – Tutorialzine
http://tutorialzine.com/2009/10/slick-content-slider-jquery/
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.
FAQ形式によるJavaScriptの本質がわかる超入門 - 風と宇宙とプログラム
http://d.hatena.ne.jp/mindcat/20091004/1254653934
そろそろインスタンスとかコンストラクタとか、ちゃんと説明できるくらいにはなっておかないと。サイ本ちゃんと読むか~・・・・
JavaScript の言語仕様周辺のまとめ
知りたいことが書いてある
結構わかりやすいJSのFAQ。ページが長くて使い辛いのがちょっとだけど。。。
Learning jQuery: 11 excellent resources
http://www.designer-daily.com/learning-jquery-11-excellent-resources-4518
In the Woods – 20 jQuery Plugins Worth Implementing into your Themes
http://blog.themeforest.net/resources/20-jquery-plugins-worth-implementing-into-your-themes/
jQuery Lesson Series: Introduction to Selectors – woorkup.com
http://woorkup.com/2009/10/05/jquery-lesson-series-introduction-to-selectors/
Lecciones de Jquery
Google Code Blog: Video Introduction to HTML 5
http://googlecode.blogspot.com/2009/09/video-introduction-to-html-5.html
Google's video introduction to #html5
an educational Introduction to HTML 5 video that goes over many of the major aspects of this new standard
We've put together an educational Introduction to HTML 5 video that goes over many of the major aspects of this new standard.
Video Introduction to HTML 5
5 Powerful WYSIWYG editors for web-based applications – woorkup.com
http://woorkup.com/2009/10/06/5-powerful-wysiwyg-editors-for-web-based-applications/
The Printliminator
http://css-tricks.com/examples/ThePrintliminator/
Für alle Internet-Ausdrucker. Also Hilfreich ist es definitiv.
The Printliminator is a bookmarklet with some simple tools you can use to makes websites print better. One click to activate, and then click to remove elements from the page, remove graphics, and apply better print styling. Here is the bookmarklet:
Makes a print bookmarklet to delete elements from a web page
The Printliminator is a bookmarklet with some simple tools you can use to makes websites print better.
Print web pages without unwanted ads or other stuff
blendet Banner etc. beim Drucken aus
SwellJS – another big fish in the sea
http://blog.justswell.org/
DragDrop de arquivos do desktop para o navegador
drag & drop from desktop
Chrome
Official Google Webmaster Central Blog: A proposal for making AJAX crawlable
http://googlewebmastercentral.blogspot.com/2009/10/proposal-for-making-ajax-crawlable.html
Today we're excited to propose a new standard for making AJAX-based websites crawlable. This will benefit webmasters and users by making content from rich and interactive AJAX-based websites universally accessible through search results on any search engine that chooses to take part. We believe that making this content available for crawling and indexing could significantly improve the web.
experience
A proposal for making AJAX crawlable Wednesday, October 07, 2009 at 10:51 AM Webmaster level: Advanced
GR: A proposal for making AJAX crawlable http://bit.ly/3eVxrM [from http://twitter.com/robinhowlett/statuses/4690173313]
IE 6で泣かないための、9つのCSSハック(1/3) - @IT
http://www.atmarkit.co.jp/fwcr/design/benkyo/csshack01/01.html
いまさらながらIE6対策についてのまとめです。わかりやすくまとめられています。
IE6メモ。
IE6のハックのまとめ。
Google Chrome Extensions: Developer Documentation
http://code.google.com/chrome/extensions/index.html
Best place to get started for developing google chrome extension
This website contains all the information you need to build extensions for Google Chrome
6 Advanced JavaScript Techniques You Should Know
http://sixrevisions.com/javascript/6-advanced-javascript-techniques-you-should-know/
gRaphaël—Charting JavaScript Library
http://g.raphaeljs.com/
gRaphaël’s goal is to help you create stunning charts on your website. It is based on Raphaël graphics library. Check out the demos to see static and interactive charts in action.
raphael.js and any (or all) of g.line.js, g.bar.js, g.dot.js and g.pie.js into your HTML page, then use it as simple as:
gRaphaël’s goal is to help you create stunning charts on your website. It is based on Raphaël graphics library. Check out the demos to see static and interactive charts in action. gRaphaël currently supports Firefox 3.0+, Safari 3.0+, Opera 9.5+ and Internet Explorer 6.0+.
gRaphaël’s goal is to help you create stunning charts on your website. It is based on Raphaël graphics library.
Scriptlets - Quick web scripts
http://www.scriptlets.org/
to get a URL that will run this code.
A really neat Google App that lets you enter a code snippet in js, PHP or Python, and then run it if you so desire with GET and POST vars; if that's not enough, you can also fire off an HTTP POST to a third party server. So what? So if you ever have a code fragment you need to host and want to be able to call with a variable or two, this service is ideal :-) The perfect accompaniment to a Yahoo Pipe:-)
プレビュー公開が始まったGoogle Wave「超」入門(1/4)-@IT
http://www.atmarkit.co.jp/fwcr/rensai2/wave01/01.html
jQuery Link Nudge Plugin
http://davidwalsh.name/jquery-link-nudge
David Walsh Blog Become a complete programmer with PHP, CSS, MooTools, jQuery, and ∞.
Google Maps From A to Z | Jeez Tech
http://jeez.eu/2009/10/09/google-maps-from-a-to-z/
Great how to...
jsSO - Flash Shared Objects in Javascript - Pro-Web
http://pro-web.at/projects/jsso
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.
TinyScroller JavaScript Scrollable Div – 1.7KB - Web Development Blog
http://www.leigeber.com/2009/09/javascript-scrollable-div/
簡単に設置できる超軽量のコンテンツスクローラーのスクリプト
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
WebSlide : Project : Paul Armstrong Designs
http://paularmstrongdesigns.com/projects/webslide/
Slideshow
in-browser JavaScript slideshow application for viewing site design mockups and photos
A jQuery Twitter Ticker – Tutorialzine
http://tutorialzine.com/2009/10/jquery-twitter-ticker/
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/
Ultimate IE6 Cheatsheet: How To Fix 25+ Internet Explorer 6 Bugs
http://www.virtuosimedia.com/tutorials/ultimate-ie6-cheatsheet-how-to-fix-25-internet-explorer-6-bugs#PNG-Alpha-Transparency
The best strategy for dealing with Internet Explorer 6 is not to support it. Stop. Ok, I feel your frustration. You're a web developer and you're ready to tear your hair out because you have to support Internet Explorer 6, but, to put it tactfully, IE6 doesn't support you. You've spent hours on it, but you just can't seem to get your layout right. I can empathize. I can also help.
Ben Alman » jQuery BBQ: Back Button & Query Library
http://benalman.com/projects/jquery-bbq-plugin/
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.
TinyBox - JavaScript Popup Script
http://sandbox.leigeber.com/tinybox/
Javascript popup pop up
Adding Custom Google Maps to Your Website | Stiern.com
http://stiern.com/tutorials/adding-custom-google-maps-to-your-website
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
In the Woods – 7 Things I Wish I Had Known About jQuery
http://blog.themeforest.net/tutorials/7-things-i-wish-i-had-known-about-jquery/
Free Slideshow, Gallery And Lightboxes Scripts « Noupe
http://www.noupe.com/ajax/free-slideshow-gallery-and-lightboxes-scripts.html
Vários exemplos
40 Creative Uses Of Cufón Font Replacement | Spyre Studios
http://spyrestudios.com/cufon-font-replacement/
Building a jQuery/PHP Powered Chat Room | CSS-Tricks
http://css-tricks.com/jquery-php-chat/
Building a jQuery/PHP Powered Chat Room
CHAT BÁSICO!
10 Fresh jQuery Tutorials to Enhance Navigation Menus | Web Design Ledger
http://webdesignledger.com/tutorials/10-fresh-jquery-tutorials-to-enhance-navigation-menus
Collezione menu jQuery
jQuery Lessons Series: How to Interact with HTML Forms – woorkup.com
http://woorkup.com/2009/10/14/jquery-lessons-how-to-interact-with-html-forms/
Special input formatting with live feedback
Great JS lessons
Carsonified » The Future of HTML 5
http://carsonified.com/blog/web-apps/the-future-of-html-5/
Archive of current HTML5
At FOWA London 2009 Bruce Lawson gave an introduction to HTML 5 and how it might be used in the future.
New HTML is coming! Are you on the bus?
Best jQuery plugins - September 2009 | AjaxLine
http://www.ajaxline.com/jquery-plugins-september-2009
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....
26 jQuery Plugins for Superb Navigation | WebDesignFan.com
http://webdesignfan.com/26-jquery-plugins-for-superb-navigation/
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.
jQuery Approach by Scott Robbin
http://srobbin.com/jquery-plugins/jquery-approach/
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.
40+ Quite Useful Wordpress Plugins using jQuery | tripwire magazine
http://www.tripwiremagazine.com/tools/developer-toolbox/40-quite-useful-wordpress-plugins-using-jquery.html
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!
Pirka'r (ピリカル) - Web作成支援ツール
http://pirkar.ashikunep.org/index.html
ほほー、Safariのプレビュー機能がついてるのは珍しい。
CSSがWeb標準に準拠して記述されているかチェックすることができます。
HTMLファイルやJavaScript、CSSファイルのメンテナンスを行うことが出来るEclipseベースの開発支援ソフトウェア WinはIE・FF・Safari / MacはFF・Safari
浅析豆瓣的 Google Analytics 应用
http://fairyfish.net/2009/06/30/google-analytics-in-douban/
Style Switchers Showcase and Resources | Vandelay Design Blog
http://vandelaydesign.com/blog/web-development/style-switchers/
CSS切り替えでデザインを変える
jQuery listmenu plugin - javascript list navigation menu control
http://www.ihwy.com/labs/jquery-listmenu-plugin.aspx
8 jQuery and Ajax based tag clouds for web developer
http://www.dreamcss.com/2009/05/jquery-and-ajax-based-tag-cloud.html
8 plugins baseados em jQuery e Ajax para criação de nuvem de tags
JavaScriptコーディングに関するテクニックやパフォーマンス等のリファレンス集:phpspot開発日誌
http://phpspot.org/blog/archives/2009/08/javascript_79.html
iHwy jquery listmenu plugin - dropdown menu navigation for lists
http://www.ihwy.com/labs/demos/current/jquery-listmenu-plugin.aspx
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
Making A Cool Login System With PHP, MySQL & jQuery – Tutorialzine
http://tutorialzine.com/2009/10/cool-login-system-php-jquery/
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.
10+ astonishing jQuery resources to spice up your website
http://www.catswhocode.com/blog/10-astonishing-jquery-resources-to-spice-up-your-website
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,
Drag to Share - Nettuts+
http://net.tutsplus.com/tutorials/javascript-ajax/drag-to-share/
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.
7 jQuery Plugins to Really Enhance Users Experience
http://blog.shinylittlething.com/2009/02/24/jquery-plugins-to-enhance-users-experience/
jQuery Plugins to Really Enhance Users Experience
mâcher le travail comme une bibliographie de jquery
Ecwid: E-Commerce Widgets
http://www.ecwid.com/
Plataforma gratuita y sencilla de compras online con Ajax
35 Fresh and Useful jQuery Plugins « Noupe
http://www.noupe.com/jquery/35-fresh-useful-jquery-plugins.html
RT @wpstudios: RT @nicholaspatten Tutorial: jQuery: 35 Fresh and Useful jQuery Plugins. http://bit.ly/2dW3Gf [from http://twitter.com/jonconnelly/statuses/5032939313]
HiFi RegExp Tool - Write and Test Regular Expressions in Real-Time
http://gethifi.com/regexp/
jQuery fade and slide toggle plugin « Position Absolute
http://www.position-absolute.com/articles/jquery-fade-and-slide-toggle-plugin/
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
Solution For Very Long Dropdown Menus | CSS-Tricks
http://css-tricks.com/long-dropdowns-solution/
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
Create a Thumbnail with Fading Caption Using jQuery | Queness
http://www.queness.com/post/844/create-a-thumbnail-with-fading-caption-using-jquery
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.
Contactable - A jQuery Plugin | Philip Beel Freelance Web Designer Kent UK
http://theodin.co.uk/blog/ajax/contactable-jquery-plugin.html
How to Create an Image Gallery Powered by Picasa - Nettuts+
http://net.tutsplus.com/tutorials/javascript-ajax/how-to-create-an-image-gallery-powered-by-picasa/
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
Rich Typography On The Web: Techniques and Tools « Smashing Magazine
http://www.smashingmagazine.com/2009/10/22/rich-typography-on-the-web-techniques-and-tools/
Let’s face it: Web-safe fonts are very limiting. Maybe a dozen fonts are out there that are widely enough adopted to be considered “Web safe,” and those ones aren’t exactly spectacular for much other than body type. Sure, Georgia, Arial or Times New Roman work just fine for the bulk of the text on your website, but what if you want something different for, let’s say, headings? Or pull quotes? What then?
ウィンドウサイズを変えるとコンテンツが再配置される可変グリッドレイアウトに関する情報まとめ - かちびと.net
http://kachibito.net/web-design/grid-layout.html
jQuery Lessons Series: How To Implement Animations of CSS Properties – woorkup.com
http://woorkup.com/2009/10/22/jquery-lessons-series-how-to-implement-animations-of-css-properties/
efectos en listados
Mashable
14 jQuery Plugins for Enhanced Content Viewing | Web Design Ledger
http://webdesignledger.com/resources/14-jquery-plugins-for-enhanced-content-viewing
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
KAI.JAEGER.BLOG : JavaScript for people who are in a hurry
http://kaijaeger.com/javascript-for-people-who-are-in-a-hurry.html
Typeface.js - A sIFR Alternative - CSS-Tricks
http://css-tricks.com/typefacejs-a-sifr-alternative/
Mais uma alternativa ao sIFR. Este plugin entretanto parece ainda estar em fase de desenvolvimento. A conferir.
#eCSStender.org { content: "Homepage"; }
http://ecsstender.org/
Say goodbye to the browser-specific properties and hacks cluttering your files and say hello to lean, mean CSS. With eCSStender, when you write the rules, browsers pay attention.
script for modernizing and extending css
Build a Thermometer Controlled Page with jQuery | Build Internet!
http://buildinternet.com/2009/10/build-a-thermometer-controlled-page-with-jquery/
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…
Learn how to Create a Retro Animated Flip-Down Clock - Nettuts+
http://net.tutsplus.com/tutorials/html-css-techniques/learn-how-to-create-a-retro-animated-flip-down-clock/
Introducing Sprockets: JavaScript dependency management and concatenation - (37signals)
http://www.37signals.com/svn/posts/1587-introducing-sprockets-javascript-dependency-management-and-concatenation
Sprockets is a Ruby library that preprocesses and concatenates JavaScript source files. It takes any number of source files and preprocesses them line-by-line in order to build a single concatenation. Specially formatted lines act as directives to the Sprockets preprocessor, telling it to require the contents of another file or library first or to provide a set of asset files (such as images or stylesheets) to the document root. Sprockets attempts to fulfill required dependencies by searching a set of directories called the load path.
Reading about Sprockets: http://tinyurl.com/ajv466 Looks useful. [from http://twitter.com/blueroot/statuses/1227709183]
"Sprockets is a Ruby library that preprocesses and concatenates JavaScript source files. It takes any number of source files and preprocesses them line-by-line in order to build a single concatenation."
A jQuery Plugin for Zoomable, Interactive Maps | Raleigh Web Design & Development | New Media Campaigns
http://www.newmediacampaigns.com/page/a-jquery-plugin-for-zoomable-interactive-maps
jQuery and General Javascript Tips to Improve Your Code | tripwire magazine
http://www.tripwiremagazine.com/tutorials/tutorials/jquery-and-general-javascript-tips-to-improve-your-code.html
Fade colors using jQuery
http://www.jankoatwarpspeed.com/post/2009/10/13/Fade-colors-jQuery.aspx
Fade colors using jQuery
como dar un efecto de desvanecimiento a una lista de links
Pretty cool
Making a Google Wave History Slider – Tutorialzine
http://tutorialzine.com/2009/10/google-wave-history-slider-jquery/
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
Ajaxian » View Source Tutorial: Sticky Notes With HTML5 and CSS3
http://ajaxian.com/archives/view-source-tutorial-sticky-notes-with-html5-and-css3
View Source Tutorial: Sticky Notes With HTML5 and CSS3
9 Useful Twitter Retweet Button Scripts For Blogs | cheth Studios
http://www.chethstudios.net/2009/03/useful-twitter-retweet-button-scripts.html
Posted using BDelicious
Mu — Mu Connect
http://mu.daaku.org/docs/index.html
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.
Example | HieuUK
http://www.hieu.co.uk/blog/index.php/tabswitch/example/
Organic Tabs | CSS-Tricks
http://css-tricks.com/organic-tabs/
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.js
http://documentcloud.github.com/underscore/
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.
25 Hand Picked Best jQuery based Wordpress Plugins | Css Reflex - Design Blog | Web Design | Inspiration and Resources for Designers
http://www.cssreflex.com/2009/10/25-hand-picked-best-jquery-based-wordpress-plugins.html
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.
Fixed Floating Elements | jQuery for Designers - Tutorials and screencasts
http://jqueryfordesigners.com/fixed-floating-elements/
jQuery for Designers - Tutorials and screencasts
This replicates the floating box as seen in apple's store.
Fixed Floating Elements | jQuery for Designers - Tutorials and screencasts - http://jqueryfordesigners.com/fixed-floating-elements/
35 More Useful jQuery Plugins and Techniques « Noupe
http://www.noupe.com/jquery/35-more-useful-jquery-plugins-and-techniques.html
35 More Useful jQuery Plugins and Techniques
30 Amazing jQuery Plugins To Play With Tables | jQuery Wisdom
http://www.jquery.wisdomplug.com/jquery-plugins/jquery-table-plugins-jquery-plugins/30-amazing-jquery-plugins-to-play-with-tables/
Create a Simple Infinite Carousel with jQuery
http://www.queness.com/post/923/create-a-simple-infinite-carousel-with-jquery
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
Websites To Search And Find Code Snippets
http://www.appsheriff.com/web-apps/script/15-unforgettable-websites-to-find-code-snippets-with-ease/
In a race against time, we are always looking to save as much as possible; this is especially applicable to the Website development. A website needs to be developed as fast as possible without compensating on any of features that make it unique and stand out. This is where code snippets show their power. Code Snippet is a small region of re-usable code that are developed in specific modules in order to facilitate smooth integration in to programming. Here, we will show you where can you get the snippet to satiate your needs. Show some love by bookmarking it
snippets = trozos de codigo
http://slideshowjs.com/
http://slideshowjs.com/
jQueryのプラグイン。フェードで切り替わる、アクセシブルな画像ギャラリー。
スライドショーJS。
Rounded Corners in Internet Explorer
http://davidwalsh.name/rounded-corners-ie
Animated Navigation Bar Using jQuery | WebMuch
http://webmuch.com/animated-navigation-bar-using-jquery/
Tutorial on creating an Animated Navigation Bar Using HTML, CSS & jQuery.
Barra de navegação com animação ao passar o mouse (jQuery)
Simple Way to Random Display or Rotate Content Using JavaScript and CSS | Css Globe
http://cssglobe.com/post/6023/simple-way-to-random-display-or-rotate-content-using
CSS techniques web developer should use | ExtraTuts
http://www.extratuts.com/css-techniques
CSS techniques web developer should use
Advanced jQuery Tabbed Box Techniques
http://www.cssnewbie.com/advanced-jquery-tabbed-box-techniques/
Rotating tabbed box
Great tutorial that helps explain the logic behind the jquery used to create a general tabbed box.
Advanced jQuery Tabbed Box
Cartographer.js – thematic mapping for Google Maps
http://cartographer.visualmotive.com/
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.
A Beautiful Apple-style Slideshow Gallery With CSS & jQuery – Tutorialzine
http://tutorialzine.com/2009/11/beautiful-apple-gallery-slideshow/
10 Awesome Techniques and Examples of Animation with jQuery
http://sixrevisions.com/javascript/10-awesome-techniques-and-examples-of-animation-with-jquery/
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.
10 Attractive Jquery CSS Tooltips Tutorials – Designzzz
http://www.designzzz.com/jquery-css-tooltip-tutorials/
Attractive Jquery CSS Tooltips Tutorials – Designzzz
Datepicker and Calender Eightysix documentation and examples dev.base86 javascript, calendar, mootools, datepicker, eightysix
http://dev.base86.com/scripts/datepicker_calendar_eightysix.html
Usability tips for visualizing Ajax requests
http://www.jankoatwarpspeed.com/post/2009/11/01/usability-tips-visualizing-ajax-requests.aspx
How to Build a Simple Content Slider jQuery Plugin - Nettuts+
http://net.tutsplus.com/videos/screencasts/how-to-build-a-simple-content-slider-jquery-plugin/
by @Nettuts
Validatious 2.0 - Easy form validation with unobtrusive JavaScript
http://validatious.org/
Mega Drop Down Menu w/ CSS & jQuery | Dropdown Menu | drop down menus | CSS Menu Tutorial | Drop Down Menu Tutorial
http://www.sohtanaka.com/web-design/mega-drop-downs-w-css-jquery/
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.
Compress PHP, CSS, JavaScript(JS) & Optimize website performance.
http://viralpatel.net/blogs/2009/02/compress-php-css-js-javascript-optimize-website-performance.html
We are using Wordpress as CMS for this blog, hence we decided to install WP-Super cache plugin for Wordpress to improve the performance. This plugin will create static HTML files from your blogs post and other pages and save them on web server. These HTMLs are served to client whenever consecutive requests are made. Hence this greatly improve the performance as it reduce PHP parsing and database connections. Bandwidth control is an important task to be followed when your traffic is increasing. With limited monthly bandwidth hosting, your site may run out of bandwidth and thus result in increase in down time. Hence it is very much advisable to compress your websites response with GZip and then serve it to client. Compressing output can significantly improve your websites performance by reducing the size sometimes upto 80%
20 Simple jQuery Tricks | Design Shack
http://designshack.co.uk/articles/javascript/20-simple-jquery-tricks
Rundown of cool jQuery features/plugins
Software is hard | Eventbug (alpha) Released
http://www.softwareishard.com/blog/firebug/eventbug-alpha-released/
Alguma coisa relacionada à eventos controlados pelo firebug, ainda não li
Plugin for firefox to show event handlers, and more
This extension brings a new Events panel that lists all of the event handlers on the page grouped by event type. The panel also nicely integrates with other Firebug panels and allows to quickly find out, which HTML element is associated with specific event listener or see the Javascript source code.
hafriedlander's jquery.concrete at master - GitHub
http://github.com/hafriedlander/jquery.concrete
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.
Build a Simple Password Strength Checker - Nettuts+
http://net.tutsplus.com/tutorials/javascript-ajax/build-a-simple-password-strength-checker/
Great, Simple, and Useful - Password Strength Checker Tutorial
Segurança em senhas
Closure Tools - Google Code
http://code.google.com/closure/
A JavaScript code optimizer, widget library and templating system.
Google tools for javascript: includes library, compiler and html templates. Used in gmail, google docs etc.
"The Closure Compiler compiles JavaScript into compact, high-performance code. The compiler removes dead code and rewrites and minimizes what's left so that it downloads and runs quickly. It also also checks syntax, variable references, and types, and warns about common JavaScript pitfalls. These checks and optimizations help you write apps that are less buggy and easier to maintain. You can use the compiler with Closure Inspector, a Firebug extension that makes debugging the obfuscated code almost as easy as debugging the human-readable source."
help you write apps that are less buggy and easier to maintain. You can use the compiler with Closure
Google Code Blog: Introducing Closure Tools
http://googlecode.blogspot.com/2009/11/introducing-closure-tools.html
"Closure Compiler is a JavaScript optimizer that compiles web apps down into compact, high-performance JavaScript code. The compiler removes dead code, then rewrites and minimizes what's left so that it will run fast on browsers' JavaScript engines. The compiler also checks syntax, variable references, and types, and warns about other common JavaScript pitfalls. These checks and optimizations help you write apps that are less buggy and easier to maintain. You can use the compiler with Closure Inspector, a Firebug extension that makes debugging the obfuscated code almost as easy as debugging the human-readable source. "
As we continue exploring our mistakes, with last week’s blog challenge about the worst mistake we’ve made in a relationship, this week I’m going to challenge your work history and experience.
Chroma-Hash Demo
http://foxxtrot.github.com/Chroma-Hash/
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/
Closure Compiler - Google Code
http://code.google.com/closure/compiler/
"The Closure Compiler is a tool for making JavaScript download and run faster. It is a true compiler for JavaScript. Instead of compiling from a source language to machine code, it compiles from JavaScript to better JavaScript. It parses your JavaScript, analyzes it, removes dead code and rewrites and minimizes what's left. It also checks syntax, variable references, and types, and warns about common JavaScript pitfalls. Efficiency. The Closure Compiler reduces the size of your JavaScript files and makes them more efficient, helping your application to load faster and reducing your bandwidth needs. Code checking. The Closure Compiler provides warnings for illegal JavaScript and warnings for potentially dangerous operations, helping you to produce JavaScript that is less buggy and and easier to maintain."
is a tool for making JavaScript download and run faster. It is a true compiler for JavaScript.
Closure Compiler Service
http://closure-compiler.appspot.com/home
Compressore Javascript Google
Google JavaScript Compiler
20 Most Sexiest Jquery Plugins and Tutorials – Designzzz
http://www.designzzz.com/sexiest-jquery-plugins-and-tutorials/
Closure Library - Google Code
http://code.google.com/closure/library/
The Closure Library is a broad, well-tested, modular, and cross-browser JavaScript library. You can pull just what you need from a large set of reusable UI widgets and controls, and from lower-level utilities for DOM manipulation, server communication, animation, data structures, unit testing, rich-text editing, and more. The Closure Library is server-agnostic, and is intended for use with the Closure Compiler.
Javascript all purpose library
The Closure Library is a broad, well-tested, modular, and cross-browser JavaScript library. You can pull just what you need from a large set of reusable UI widgets and controls, and from lower-level utilities for DOM manipulation, server communication, animation, data structures, unit testing, rich-text editing, and more. The Closure Library is server-agnostic, and is intended for use with the Closure Compiler.
Javascript UI components from Google.
An Introduction to the Raphael JS Library - Nettuts+
http://net.tutsplus.com/tutorials/javascript-ajax/an-introduction-to-the-raphael-js-library/
An Introduction to the Raphael JS Library - Nettuts+
Tutorial on using Raphael js framework to draw vector graphics on a webpage.
Working with Events, Part 3: More Event Delegation with jQuery » Learning jQuery - Tips, Techniques, Tutorials
http://www.learningjquery.com/2009/09/working-with-events-part-3-more-event-delegation-with-jquery
mattt* / Chroma-Hash: A Belated Introduction
http://mattt.me/2009/07/chroma-hash-a-belated-introduction/
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
Floom - Oskar Krawczyk – blog.olicio.us
http://blog.olicio.us/2009/07/25/floom/
jQuery Lessons Series: Manipulating CSS Classes – woorkup.com
http://woorkup.com/2009/11/06/jquery-lessons-series-manipulate-css-classes/
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
Closure Library API Documentation (Closure Library API Documentation - JavaScript)
http://closure-library.googlecode.com/svn/trunk/closure/goog/docs/index.html
libreria javascript google
@igrigorik: "closure is 'yet another JS library', but this one is worth investigating (from Google: GMail, etc): http://bit.ly/1ysjda" (from http://twitter.com/igrigorik/status/5525342012)
closure API
Amazing jQuery Hover Effects | jQuery Wisdom
http://www.jquery.wisdomplug.com/jquery-plugins/jquery-animation-effects-plugins-jquery-plugins/amazing-jquery-hover-effects/
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.
17 Hours of JavaScript from the Masters - Nettuts+
http://net.tutsplus.com/articles/web-roundups/17-hours-of-javascript-from-the-masters/
rs of JavaScript from the Mast
More jQuery and General Javascript Tips to Improve Your Code | tripwire magazine
http://www.tripwiremagazine.com/ajax/developer-toolbox/more-jquery-and-general-javascript-tips-to-improve-your-code.html
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 - jQuery XML Parse Plugin
http://jparse.kylerush.net/
jParse is a jQuery plugin that allows you to quickly and easily parse XML.
Extreme JavaScript Performance
http://www.slideshare.net/madrobby/extreme-javascript-performance
node.js
http://nodejs.org/
Node's goal is to provide an easy way to build scalable network programs. In the above example,
Evented I/O for V8 javascript
John Resig - ECMAScript 5 Strict Mode, JSON, and More
http://ejohn.org/blog/ecmascript-5-strict-mode-json-and-more/
jQuery slideViewerPro 1.0
http://www.gcmingati.net/wordpress/wp-content/lab/jquery/svwt/index.html
Very nice!
If Programming Languages Were Real Persons | Jeez Tech
http://jeez.eu/2009/11/03/if-programming-languages-were-real-persons/
What if programming languages were real persons like you and me? What if they were parts of families and had relations and affairs? Have you ever thought of going to a supermarket and Visual Basic was the young woman waiting in the line in front of you?
Create YouTube-like adaptable view using CSS and jQuery
http://www.jankoatwarpspeed.com/post/2009/11/08/YouTube-adaptable-view-css-jquery.aspx
The Basics of Object-Oriented JavaScript - Nettuts+
http://net.tutsplus.com/tutorials/javascript-ajax/the-basics-of-object-oriented-javascript/
Over recent years, JavaScript has increasingly gained popularity, partly due to libraries that are developed to make JavaScript apps/effects easier to create for those who may not have fully grasped the core language yet. While in the past it was a common argument that JavaScript was a basic language and was very 'slap dash' with no real foundation; this is no longer the case, especially with the introduction of high scale web applications and 'adaptations' such as JSON (JavaScript Object Notation).
Simply-Buttons v2 : p51 Labs
http://www.p51labs.com/simply-buttons-v2/
Google Closure: How not to write JavaScript
http://www.sitepoint.com/blogs/2009/11/12/google-closure-how-not-to-write-javascript/
What if Google released a JavaScript library that sucked, and no one noticed? JavaScript expert Dmitry Baranovskiy has peeked under the hood of Google’s new Closure Library, and he doesn’t like what he sees. Follow along as he points out a few of the library’s many failings, and why the Web deserves better from Google.
Demo scripts for gnuplot CVS version
http://skuld.bmsc.washington.edu/~merritt/gnuplot/canvas_demos/
The canvas driver for gnuplot was contributed by Bruce Lueckenhoff, and extended by Ethan Merritt (sfeam). To view the results you need a browser that supports the HTML 5 'canvas' element.
Gnuplot demo scripts run through the HTML canvas terminal See also the demo output for the PNG and SVG terminals. Your browser may not support the HTML 5 canvas element The canvas driver for gnuplot was contributed by Bruce Lueckenhoff, and extended by Ethan Merritt (sfeam). To view the results you need a browser that supports the HTML 5 'canvas' element. That currently means firefox, safari, opera, or konqueror (KDE 4.2).
55 Decisive Useful jQuery Tutorials | Dzinepress
http://www.dzinepress.com/2009/11/55-decisive-useful-jquery-tutorials/
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
jquery-fontavailable - Google Code
http://code.google.com/p/jquery-fontavailable/
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.
chromedevtools - Project Hosting on Google Code
http://code.google.com/p/chromedevtools/
-remote-shell-port=9222
chrome用デバッグツール eclipse前提
Filament Group Lab Example Page from: Accessible, Custom Designed Checkbox and Radio Button Inputs Styled with CSS (and a dash of jQuery)
http://www.filamentgroup.com/examples/customInput/
Ajax Autocomplete for jQuery
http://www.devbridge.com/projects/autocomplete/jquery/
o
Preloaders.net | Free AJAX animated loading gif's | Rectangular
http://preloaders.net/en/rectangular
Free animated loading gif preloaders generator for AJAX loading
การทำ Preload หน้าเว็บแบบอัติโนมัติ สวยดี
20+ Easy to Use jQuery Text Effects and Animations : Speckyboy Design Magazine
http://speckyboy.com/2009/11/16/20-easy-to-use-jquery-text-effects-and-animations/
Hacking at 0300 : Understanding jQuery UI widgets: A tutorial
http://bililite.com/blog/understanding-jquery-ui-widgets-a-tutorial/
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.
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 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
Advanced JavaScript Table Sorter – TinyTable V3 - Web Development Blog
http://www.leigeber.com/2009/11/advanced-javascript-table-sorter/
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:
Diagnose and Prevent AJAX Performance Issues - dynaTrace AJAX Edition
http://ajax.dynatrace.com/pages/
10 Pretty Useful and Cool jQuery Plugins
http://www.queness.com/post/1074/10-pretty-useful-and-cool-jquery-plugins
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
12 Excellent jQuery Plugins for Enhancing Forms | Web Design Ledger
http://webdesignledger.com/resources/12-excellent-jquery-plugins-for-enhancing-forms
Web Design Ledger
jQuery Plugins for Enhancing Forms
John Resig - Deep Tracing of Internet Explorer
http://ejohn.org/blog/deep-tracing-of-internet-explorer/
dynaTrace Ajax works by sticking low-level instrumentation into Internet Explorer when it launches, capturing any activity that occurs
After reading a recent post by Steve Souders concerning a free tool called dynaTrace Ajax, I was intrigued. It claimed to provide full tracing analysis of Internet Explorer 6-8 (including JavaScript, rendering, and network traffic). Giving it a try I was very impressed. I tested against a few web sites but got the most interesting results running against the JavaScript-heavy Gmail in Internet Explorer 8.
notes on dynatrace - traces/graphs everything that IE Does.
dynaTrace Ajax works by sticking low-level instrumentation when it launches, capturing any activity that occurs.
Jammit: Industrial Strength Asset Packaging for Rails
http://documentcloud.github.com/jammit/
Jammit is an industrial strength asset packaging library for Rails, providing both the CSS and JavaScript concatenation and compression that you'd expect, as well as YUI Compressor and Closure Compiler compatibility, ahead-of-time gzipping, built-in JavaScript template support, and optional Data-URI / MHTML image embedding. Jammit is an open-source component of DocumentCloud.
Jammit is an industrial strength asset packaging library for Rails, providing both the CSS and JavaScript concatenation and compression that you'd expect, as well as YUI Compressor and Closure Compiler compatibility, ahead-of-time gzipping, built-in JavaScript template support, and optional Data-URI / MHTML image embedding.
Scroll Clock
http://toki-woki.net/p/scroll-clock/
なにこれかっこいい
Clock composed of scrollbars = fun
nice java script hack
10 Useful Bookmarklets for Web Designers and Developers - Inspect Element
http://inspectelement.com/articles/10-useful-bookmarklets-for-web-designers-and-developers/
You may not be away of bookmarklets which are an underused tool in web designer or developer's toolbox. A bookmarklet is a a term that merges bookmark and
10 Useful Bookmarklets for Web Designers and Developers A bookmarklet is a a term that merges bookmark and applet to add functionality to a web browser. They can be stored in the bookmark bar of any browser and used from there to perform useful tasks and consist primarily of Javascript code.
nginx_http_push_module - Comet For The People
http://pushmodule.slact.net/
Comet For The People
Free Image Carousels for Web Developers | TutZone
http://tutzone.net/2009/11/free-image-carousels-for-web-developers.html
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
Making an Interactive Picture with jQuery | Build Internet!
http://buildinternet.com/2009/11/making-an-interactive-picture-with-jquery/
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).
txt2re: headache relief for programmers :: regular expression generator
http://www.txt2re.com/index.php3?s=17:Nov:2009%20%22This%20is%20an%20Example!%22&
regular expression generator. Because sometimes it's just not fun to come up with them from scratch ;-)
CodeRun - Online IDE
http://www.coderun.com/ide/
PaperCube - Peter Bergström
http://papercube.peterbergstrom.com/
"PaperCube is a new experimental tool exploring the visual navigation of academic citation networks."
Terrific visualization tool for exploring connections between authors and citations.
Incredibly pertinent on bibliometry. Nice.
Dragon Labs » Codename Rainbows
http://labs.dragoninteractive.com/rainbows.php
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
jetpack
http://jetpackgallery.mozillalabs.com/
検索/ディレクトリ/ギャラリー
jQSlickWrap - Slick text wrapping for jQuery
http://jwf.us/projects/jQSlickWrap/
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 - Get TopUp! - Home
http://gettopup.com/
The #1 Javascript Pop Up made by Paul Engel
lightbox系
How To Display Your Last Tweet Using Javascript And The Twitter API | Web Design Tutorials | Creating a Website | Learn Adobe Flash, Photoshop and Dreamweaver
http://www.webdesigndev.com/programming/how-to-display-your-last-tweet-using-javascript-and-the-twitter-api
Para mostrar el ultimo twiteo en tu sitio usando Javascript
How to show latest tweet with js and css
This tutorial will teach you how to display your last twitter tweet, without the use of any plugins. Infact it only uses 2 lines of JavaScript, and 1 line of HTML.
JQueryで簡単に作るドロップダウンメニューいろいろ | DesignWalker
http://www.designwalker.com/2009/02/jquery-dropdown.html
今回は、JQueryを使って簡単に導入できるドロップダウンメニューをいろいろとご紹介。 ブログなどでも利用できるシンプルなものをなるべくピックアップしてまとめてみました。 初心者の方には、マウスオーバー時のメニューのでかたがそれぞれ微妙に違っていたりするので、好みのエフェクトを見つけて使ってみてもいいかもしれませんね。 Simple jQuery Dropdowns デモ | ダウンロード シンプルで、簡単に使えそうですね。 Simple jQuery Dropdowns droppy – Nested drop down menus デモ | ダウンロード マウスオーバーでメニューが上から下にピロっとでます。 droppy - Nested drop down menus Create a multilevel Dropdown menu with CSS and improve it via jQuery デモ | ダウンロード こちらのメニューもいい感じのエフェクトがかかってます。 Create a multilevel Dropdown menu with CSS and improve it via jQuery Superfish デモ | ダウンロード アルファがかかったエフェクトがいい感じです。 Superfish SuckerFish Style デモ こちらもアルファがかかったエフェクトです。 SuckerFish Style jQuery & CSS Example – Dropdown Menu デモ こちらは、シンプルなドロップダウンメニュー jQuery & CSS Example - Dropdown Menu jQuery Simple Drop-Down Menu Plugin デモ | ダウンロード jQuery Simple Drop-Down Menu Plugin Drop down menu with jquery デモ Drop down menu with jquery mcDropdown jQuery Plug-in デモ | ダウンロード セレクトボックスも、JQueryでカスタマイズできます。 mcDropdown jQuery Plug-in jquery.combob
jQueryで作るドロップダウンメニュー。メニューが画像の場合、つてのがやっぱないんだよなぁ…。
Node.js is genuinely exciting
http://simonwillison.net/2009/Nov/23/node/
this recursively is probably a bad idea since it will eventually blow the browser’s JavaScript stack, but it works OK for the demo. The more interesting part is the server-side /wait URL which is being polled. Here’s the relevant Node
http://news.ycombinator.com/item?id=957266
6 Useful Coding Solutions For Designers And Developers - Smashing Magazine
http://www.smashingmagazine.com/2009/11/23/6-useful-coding-solutions-for-designers-and-developers/
Nice small selection of: making drop caps, desiging a vertical zig-zag list, text-flow,
12 Useful jQuery Plugins for Working with Tables | Web Design Ledger
http://webdesignledger.com/resources/12-useful-jquery-plugins-for-working-with-tables
12 Useful jQuery Plugins for Working with Tables
eight but rich data grid with resizable columns a
20+ Brand New and Incredibly Useful WordPress Plugins - Nettuts+
http://net.tutsplus.com/articles/web-roundups/20-brand-new-and-incredibly-useful-wordpress-plugins/
With more than 7000+ plugins, WordPress is the most extendable Content Management System available; in fact,
10 JavaScript Quick Tips and Best Practices | Impressive Webs
http://www.impressivewebs.com/10-javascript-quick-tips-and-best-practices/
10 JavaScript Quick Tips and Best Practices
jCquard: The Do Less, Punch More JavaScript Library
http://www.outstandingelephant.com/jcquard/
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
5 Fresh and Useful jQuery Plugins Were Born in November 2009 | AEXT.NET
http://aext.net/2009/11/5-fresh-and-useful-jquery-plugins-were-born-in-november-2009/
jQuery, Ajax, PHP and MySQL Projects.
http://9lessons.blogspot.com/2008/08/jquery-ajax-and-php-projects-9lessons.html
An Awesome CSS3 Lightbox Gallery With jQuery – Tutorialzine
http://tutorialzine.com/2009/11/hovering-gallery-css3-jquery/
Galeria de Imagens com jQuery
Lawnchair
http://brianleroux.github.com/lawnchair/
A client side JSON document store. Want to see this in Node.JS.
Sorta like a couch except smaller and outside, also, a client side JSON document store. Perfect for webkit mobile apps that need a lightweight, simple and elegant persistence solution.
"Sorta like a couch except smaller and outside, also, a client side JSON document store. Perfect for webkit mobile apps that need a lightweight, simple and elegant persistence solution."
jQuery Slider plugin (Safari style) « Design it. Develop it. Use it.
http://blog.egorkhmelev.com/2009/11/jquery-slider-safari-style/
sliders with jquery
jQuery Slider plugin
jQuery Slider is easy to use and multifunctional jQuery plugin. Below you can find demos and documentation.
Going evented with Node.js - Naked JavaScript
http://www.nakedjavascript.com/going-evented-with-nodejs
You Don’t Know Anything About Regular Expressions: A Complete Guide - Nettuts+
http://net.tutsplus.com/tutorials/javascript-ajax/you-dont-know-anything-about-regular-expressions/
Regular expressions can be scary...really scary. Fortunately, once you memorize what each symbol represents, the fear quickly subsides. If you fit the title
What webhooks are and why you should care « Timothy Fitz
http://timothyfitz.wordpress.com/2009/02/09/what-webhooks-are-and-why-you-should-care/
You should care because webhooks will be ubiquitous. You should care because they’re going to reshape the internet. You should care because webhooks are the next step in the evolution of communication on the internet and nothing will be left untouched.
"Webhooks are user-defined HTTP callbacks. Here’s a common example: You go to github. There’s a textbox for their code post webhook. You drop in a URL. Now when you post your code to github, github will HTTP POST to your chosen URL with details about the code post. There is no simpler way to allow open ended integration with arbitrary web services. -- You should care because webhooks will be ubiquitous. You should care because they’re going to reshape the internet. You should care because webhooks are the next step in the evolution of communication on the internet and nothing will be left untouched." -- Timothy Fitz
Ajaxian » jQTouch: a mobile WebKit JavaScript framework
http://ajaxian.com/archives/jqtouch-a-mobile-webkit-javascript-framework
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."
High Performance Web Design ~デザインから考えるハイパフォーマンスWebサイト~ | warikiru
http://warikiru.blogspot.com/2009/11/high-performance-web-design.html
ふむ。
HTML高速化まとめ
jQuery documentation, manuel en francais, jQuery par jarodxxx
http://jquery.jarodxxx.com/
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
30 Ajax Lightboxから使えそうなものを9個ピックアップ*ホームページを作る人のネタ帳
http://e0166.blog89.fc2.com/blog-entry-677.html
MITlicense
jQueryの高速化に関するまとめ - IDEA*IDEA ~ 百式管理人のライフハックブログ ~
http://www.ideaxidea.com/archives/2009/06/how_to_speed_up_jquery.html
Chromatable JQuery Plugin | Chromaloop
http://www.chromaloop.com/posts/chromatable-jquery-plugin
Plugin para deixar o header da tabela fixo em jquery.
Chromatable JQuery Plugin
Table with fixed th
table header fixed
Tabele o ustalonej kolumnie
You Don’t Know Anything About Regular Expressions: A Complete Guide - Nettuts+
http://net.tutsplus.com/tutorials/javascript-ajax/you-dont-know-anything-about-regular-expressions/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+nettuts+%28NETTUTS%29&utm_content=Google+Reader
Learn regular expressions once and for all
a detailed overview of regex
Ymacs -- AJAX source code editor with syntax highlighting and automatic indentation
http://www.ymacs.org/
project
Overcome Your Caching Conundrums [Server Side Essentials]
http://articles.sitepoint.com/article/overcome-cache-conundrums
In this article, I’ll show you a few methods for controlling how your site’s files are cached by browsers so you can achieve the best of both worlds: maintaining optimal performance while ensuring that any updates are seen immediately, without a hitch by all of your users.
23 Pure CSS Effects/Solutions to Make JavaScript Angry!- WebAnthology.net
http://webanthology.net/23-pure-css-effectssolutions-to-make-javascript-angry/2009/11/26/
Apple - iTunes - iTunes LP and iTunes Extras
http://www.apple.com/itunes/lp-and-extras/
Detect Mobile Browser - Open source mobile phone detection
http://detectmobilebrowser.com/
10 front-end techniques to improve your site usability
http://www.catswhocode.com/blog/10-front-end-techniques-to-improve-your-site-usability
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.
jQuery Plugins For A Better User Interface | jQuery Wisdom
http://www.jquery.wisdomplug.com/jquery-plugins/jquery-user-interface-plugins-jquery-plugins/jquery-plugins-for-a-better-user-interface/
By http://bit.ly/Tweets2Delicious
Learn How To Create Your Own jQuery Plugin
http://www.myinkblog.com/articles/learn-how-to-create-your-own-jquery-plugin/
Learn How To Create Your Own jQuery Plugin http://bit.ly/5lHcR [from http://twitter.com/kureng/statuses/3241005052]
Highcharts - Interactive JavaScript charts for your webpage
http://www.highcharts.com/
ota
CommonJS effort sets JavaScript on path for world domination
http://arstechnica.com/web/news/2009/12/commonjs-effort-sets-javascript-on-path-for-world-domination.ars
engines out the wazoo!
via /.
jQuery Highlight Plugin | bartaz @ GitHub
http://bartaz.github.com/sandbox.js/jquery.highlight.html
crazy useful
$("body p").highlight("jQuery highlight plugin");
unhighlight
JavaScript で、画像本来のサイズ(幅, 高さ)を取得する方法 - latest log
http://d.hatena.ne.jp/uupaa/20090602/1243933843
コレ使った。IEうぜー。img.onload = ""; や img = void 0; は IE で発生するメモリリークを回避するためのコードです。
naturalWidth
latest log
获得图片的真实尺寸
bxSlider | jQuery Content Slider
http://bxslider.com/demos.php
slider javascript
check auto slide
Ajax.org - The real-time collaborative application platform
http://www.ajax.org/#home
ajax javascript charts visualisation web ; Not related to AJAX, shorthand for Asynchronous JavaScript and XML ; Ajax.org Platform is a pure javascript application framework for creating real-time collaborative applications that run in the browser. Ajax.org Platform radically changes the way you write applications:Live markup Markup and JSON api Collaborative backbone 100% open source software
» 15 Must See MooTools Techniques WebAir Blog
http://www.webair.it/blog/2009/03/26/15-must-see-mootools-techniques/
In this tutorial it’s explained a simple step-by-step way to implement an ultra versatile slider with horizontal scrolling and animated effects using MooTools.
35 Useful Scripts for Tooltips | Vandelay Design Blog
http://vandelaydesign.com/blog/tools/tooltips-scripts/
High Performance Web Sites :: Google Analytics goes async
http://www.stevesouders.com/blog/2009/12/01/google-analytics-goes-async/
they
Google Code Blog: Google Analytics Launches Asynchronous Tracking
http://googlecode.blogspot.com/2009/12/google-analytics-launches-asynchronous.html
jQuery Captify Demo (v1.1.3)
http://thirdroute.com/projects/captify/
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!
Beginners guide to Jquery + Ruby On Rails | Not Geekly Correct
http://www.notgeeklycorrect.com/english/2009/05/18/beginners-guide-to-jquery-ruby-on-rails/
20 Professional jQuery Image Gallery Plugins : Speckyboy Design Magazine
http://speckyboy.com/2009/12/03/20-professional-jquery-image-gallery-plugins/
Creating AJAX websites based on anchor navigation | yensdesign - Tutorials, Web Design and Coding
http://yensdesign.com/2008/11/creating-ajax-websites-based-on-anchor-navigation/
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
http://webdesignledger.com/resources/the-best-jquery-plugins-of-2009
The Best jQuery Plugins of 2009 | Web Design Ledger
Mr Speaker presents: Parcycle. A HTML5 Canvas Particle System
http://www.mrspeaker.net/dev/parcycle/
Shows how powerful the canvas tag is in html 5.
How to Build a Star Ratings jQuery Plugin | Switch on the Code
http://www.switchonthecode.com/tutorials/how-to-build-a-star-ratings-jquery-plugin
star rating javascript tutorial
40+ jQuery Plugins Improving Your Website Look and Feel | tripwire magazine
http://www.tripwiremagazine.com/2009/12/40-jquery-plugins-improving-your-website-look-and-feel.html
(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!
Google I/O: New Advances In The Searchability of JavaScript and Flash, But Is It Enough?
http://searchengineland.com/google-io-new-advances-in-the-searchability-of-javascript-and-flash-but-is-it-enough-19881
This week at Google I/O, Google talked a lot about the evolution of the technological capabilities of the web. HTML 5 is ushering in new era of browser-based
Great, comprehensive article
Talking about AJAX and Flash searchability
Google is working on it The Google Webmaster Central team has been providing a wealth of education around these issues to help developers build search-friendly web sites. For instance: * Search-friendly AJAX * Canonicalization * Site moves At Maile’s Search-Friendly Development session at Google I/O, Google announced two advances in their ability to crawl and index RIAs. While both of these advances are great efforts, they were driven entirely by the search team. And unfortunately, they don’t solve the issues with the Google Code APIs. Wouldn’t it be great if the new Web Elements they just announced were search-engine friendly by default?
Mollify
http://www.jaervelae.com/mollify/
a web file manager for publishing and managing files hosted in a web server of your choice. Different users can have access to different files and with different permissions.
Mollify is a web file manager for publishing and managing files hosted in a web server of your choice. Different users can have access to different files and with different permissions. User interface is simple and intuitive, and it comes with following languages: Deutsch, English, Français, Português, Suomi. Mollify is 100% free to use, also sources are available with EPL 1.0 license.
Cooler kostenloser online Filemanager
25 Incredible jQuery Slider Tutorials and Plugins | WebDesignFan.com
http://webdesignfan.com/jquery-slider-tutorials-and-plugins/
John Resig - Talks at the 2009 jQuery Conference
http://ejohn.org/blog/talks-at-the-2009-jquery-conference/
Unit-testaus javascriptissä yms.
jquery conf
FancyPlayer – jQuery Fancybox and Flowplayer Integration Tutorial | WebGurus Design Blog
http://www.webgurusdesignblog.com/2009/08/fancyplayer-jquery-fancybox-and-flowplayer-integration-tutorial/
fancybox+flowplayerによるflvの見せ方 jquery
15 Handpicked Fresh and Useful jQuery Tutorials
http://desizntech.info/2009/12/15-handpicked-fresh-and-useful-jquery-tutorials/
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
Nice And Simple Toolbar For Your Website With CSS3 And jQuery | PV.M Garage
http://www.pvmgarage.com/en/2009/12/nice-and-simple-toolbar-for-your-website-with-css3-and-jquery/
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.
EffectGames.com
http://www.effectgames.com/effect/
meget små spil som kan spilles
web-based toolkit for making and sharing hosted JS games
Toda uma plataforma que permite usar javascript e dhtml para criar jogos excelentes que rodam em qualquer browser. Permite acessar teclado, mouse, joystick, tocar som, e com sistema de colisões, deformação, camadas, etc.
this is a weird duck: game development library/hosting (?!) that abstracts away the DOM for writing sprite/tile-based games (doesn't use html5 canvas!). I think it's sort of limited by the fact that your games *must* be hosted on their site, and the engine itself doesn't seem to be open source. wonder if they're going to try to license it...?
Easy front-end framework
http://easyframework.com/
Lazy Load Enabled With FadeIn Effect
http://www.appelsiini.net/projects/lazyload/enabled_fadein.html
Lazy Load Image lazy loader plugin for jQuery.
Delays Loading of Images with Lazy Loader jQuery Plugin
23 Best jQuery Facebook Style Plugins | jQuery Wisdom
http://www.jquery.wisdomplug.com/jquery-plugins/facebook-jquery-plugins/23-best-jquery-facebook-style-plugins/
These jQuery plugins help designes to create facebbok style UI with ease
RSS
Ajaxian » Ajax Experience Talks: Resig, Slocum, and Heilmann
http://ajaxian.com/archives/ajax-experience-talks-resig-slocum-and-heilmann
at Ajaxian
Videos
Ajax Experience Talks: Resig, Slocum, and Heilmann
How To Display Your Twitter Status in a Unique Design
http://line25.com/tutorials/how-to-display-your-twitter-status-in-a-unique-design
Good explination of custom twitter status design!
Hangar17.com
Speed Tracer - Google Web Toolkit - Google Code
http://code.google.com/webtoolkit/speedtracer/
http://www.ajax.org/public/presentation/tae/presentation2.html#home
http://www.ajax.org/public/presentation/tae/presentation2.html#home
świetny engine client side do wykresów itp, urywa głowę
25 Graph and Chart Solutions for Web Developers : Speckyboy Design Magazine
http://speckyboy.com/2009/12/09/25-graph-and-chart-solutions-for-web-developers/
cool scripts for creating graphs
Top 15+ Best Practices for Writing Super Readable Code - Nettuts+
http://net.tutsplus.com/tutorials/html-css-techniques/top-15-best-practices-for-writing-super-readable-code/
Code readability is a universal subject in the world of computer programming. It's one of the first things we learn as developers. Readable and maintainable
Top 15+ Best Practices for Writing Super Readable Code - Nettuts+
好的编程习惯
Beautiful Slide Out Navigation: A CSS and jQuery Tutorial | Codrops
http://tympanus.net/codrops/2009/11/30/beautiful-slide-out-navigation-a-css-and-jquery-tutorial/
20++ jQuery Introduction Tutorials and Resources for Beginners
http://www.queness.com/post/1378/20-jquery-introduction-tutorials-and-resources-for-beginners
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.
はてなブックマークが重い件について、Page Detailerというツールを使って調べてみる - id:HolyGrailとid:HoryGrailの区別がつかない日記
http://d.hatena.ne.jp/HolyGrail/20081126/1227728194
よい記事。フロントエンドエンジニアの観点からの、パフォーマンス向上方法。
PageDetailerとYFlowによるパフォーマンス改善ポイントの洗い出し
http://www.alphaworks.ibm.com/tech/pagedetailer あとで計測してみよう。
IBM PageDetailer、そういうのもあるのか
>10. Minify JS これは、JavaScriptの改行や無駄なスペースを削除することでファイルサイズを減らそう、という項目です。 個人的なオススメはJSMinというツールです。
実質 YSlow の解説。わかりやすい
YSlowの解説
28 Rich Data Visualization Tools - InsideRIA
http://www.insideria.com/2009/12/28-rich-data-visualization-too.html
nice web based viz tools
Amazing collection of web graphing tools. Nice to see data-driven graphics, for a change!
dygraphs JavaScript Visualization Library
http://www.danvk.org/dygraphs/
See downloads, gallery and open issues dygraphs is an open source JavaScript library that produces produces interactive, zoomable charts of time series. It is designed to display dense data sets and enable users to explore and interpret them.
haded areas show its m
the cool
Simple jQuery tabs | Papermashup.com
http://papermashup.com/simple-jquery-tabs/
Simple jQuery tabs
Good tutorial
tabs jquery
Tabs con jQuery y CSS
jQueryGlobe | jQuery Plugin - Feature List
http://jqueryglobe.com/article/feature-list
good
This jQuery plugin enables simple and easy creation of an interactive "Featured Items" widget.
タブUI詳解 | コリス
http://coliss.com/articles/build-websites/architectonics/usability/module-tabs-in-web-design.html
タブUIの構造や特長、設置の判断、ユーザビリティ、アクセシビリティ、実装のポイントや機能の拡張方法、実装例やスクリプト例 http://www.smashingmagazine.com/2009/06/24/module-tabs-in-web-design-best-practices-and-solutions/
OS X Dashboard Widgets with jQuery | Steve Reynolds Blog
http://www.reynoldsftw.com/2009/03/os-x-dashboard-widgets-with-jquery/
I didn't realize they were just HTML & JS !
JSON Hijacking
http://haacked.com/archive/2009/06/25/json-hijacking.aspx
Downloadify: Client-Side File Generation
http://downloadify.info/
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...
【ハウツー】jQuery on iPhone - jQTouchを使ったWebアプリ開発 (1) jQTouchとは | エンタープライズ | マイコミジャーナル
http://journal.mycom.co.jp/articles/2009/09/08/jqtouch/index.html
iPhone向けWebアプリ開発のためのjQueryプラグイン「jQTouch」の紹介記事です。
iPhone向けWebアプリケーションの開発において、jQuery使いなら見逃せないプロダクト「jQTouch」のベータ版がリリースされた。同プラグインを使用すれば、ネイティブアニメーションを伴うWebアプリケーションでも簡単に開発できるようになる。jQueryベースのため、強力なAjaxアプリケーションだって可能だ。本稿ではjQTouchを使ったWebアプリ開発方法を紹介しよう。
Source for "Megaupload auto-fill captcha" – Userscripts.org
http://userscripts.org/scripts/review/38736
Auto-fills the megaupload captcha and auto-starts download
Simplest jQuery Slideshow - Snook.ca
http://snook.ca/archives/javascript/simplest-jquery-slideshow/
Simple, timed slideshow. Easy
Simple version
Firefox 拡張開発にあたり、使った拡張や参考になった拡張など - 8時40分が超えられない - subtech
http://subtech.g.hatena.ne.jp/secondlife/20090402/1238661633
[JS]jQueryのプラグイン33+1選 -2009年1月 | コリス
http://coliss.com/articles/build-websites/operation/javascript/jquery-plugins-best-2009-jan.html
恒例のコリスさんのjQueryプラグイン33+1選。
jQueryのプラグイン集。画像ごと一覧になっているのでイメージがつかみやすく、見やすくなってます。
Chromium Blog: Web Sockets Now Available In Google Chrome
http://blog.chromium.org/2009/12/web-sockets-now-available-in-google.html
Web Sockets Now Available In Google Chrome
The Web Sockets API enables web applications to handle bidirectional communications with server-side process in a straightforward way.
When will this be usable?
"Starting in the Google Chrome developer channel release 4.0.249.0, Web Sockets are available and enabled by default. Web Sockets are "TCP for the Web," a next-generation bidirectional communication technology for web applications being standardized in part of Web Applications 1.0."
Chrome set to take over the world
The Web Sockets API enables web applications to handle bidirectional communications with server-side process in a straightforward way. Developers have been using XMLHttpRequest ("XHR") for such purposes, but XHR makes developing web applications that communicate back and forth to the server unnecessarily complex. XHR is basically asynchronous HTTP, and because you need to use a tricky technique like long-hanging GET for sending data from the server to the browser, simple tasks rapidly become complex. As opposed to XMLHttpRequest, Web Sockets provide a real bidirectional communication channel in your browser. Once you get a Web Socket connection, you can send data from browser to server by calling a send() method, and receive data from server to browser by an onmessage event handler.
Five Technologies That Will Keep Shaping the Web in 2010
http://sixrevisions.com/web-development/five-technologies-that-will-keep-shaping-the-web-in-2010/
10 jQuery snippets for efficient developers
http://www.catswhocode.com/blog/10-jquery-snippets-for-efficient-developers
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
YUI Doc: A New Tool for Generating JavaScript API Documentation » Yahoo! User Interface Blog
http://yuiblog.com/blog/2008/12/08/yuidoc/
drops
http://the389.com/works/drops/
form art
via cpb
Sketchpad
http://mugtug.com/sketchpad/
canvasとJavascriptで実装したペイントツール
free drawing tool. no account needed, floating pallets.
Online sketching tool
涂鸦
This is a free tool for sketching and experimenting with textures and colors.
Solutions to 5 Common Ajax Problems | Webdesigner Depot
http://www.webdesignerdepot.com/2009/12/solutions-to-5-common-ajax-problems/
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
jQuery.Behavior - A Simple JavaScript Library for Complex Web Applications
http://rodpetrovic.com/jquery/behavior/
JavaScript初心者におくる24のグレイトなtips - 三等兵
http://d.hatena.ne.jp/sandai/20091213/p1
jslintつかえ というのは、忘れてた。 good partsとかなりかぶるよね たまには読み返せということか console.time("hogehoge") console.timeEnd("hogehoge") これは知らんかった。
翻訳がわかりにくいような…
20+ Tools for Quick and Clean Code Development | Web Design Ledger
http://webdesignledger.com/tools/20-tools-for-quick-and-clean-code-development
Developing websites is much more than just a pretty face, and depending on what typed of features you’d like to implement on the site, there’s a lot of coding that goes into it. Many times designers turn to a WYSIWYG tool, however tools of that sort are more limited to advanced code. Being able to code a site using a variety of tools lets you simplify the coding process while you take a big bite out of saving time. Below we’ve hand picked 20+ Tools for Quick & Clean Code Development that will help you code much faster and in an efficient manner.
Preloading Images with jQuery and JavaScript | Engineered Web
http://engineeredweb.com/blog/09/12/preloading-images-jquery-and-javascript
Preload de Imagens com javascript e jQuery.
20 Excellent Facebook Scripts and Resources - Noupe
http://www.noupe.com/javascript/20-excellent-facebook-scripts-and-resources.html
ajax สคริปทั้งหลายที่ facebook ใช้ เผื่อใช้น่อ
Meerkat - A jQuery Plugin
http://jarodtaylor.com/meerkat/
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.
Daring Fireball: PastryKit
http://daringfireball.net/2009/12/pastrykit
PastryKit accomplishes all three of the aforementioned things — hiding the MobileSafari address bar, providing fixed-position toolbars, and providing scrolling with momentum — by disabling regular scrolling and setting up its own view hierarchy and implementing its own scrolling.
talking about creating iPhone apps with great design and user experiences. Let’s acknowledge that to mak
About iPhone OS web app dev versus native Cocoa Touch. http://www.jqtouch.com/.
Stronger, Better, Faster Design with CSS3 - Smashing Magazine
http://www.smashingmagazine.com/2009/12/16/stronger-better-faster-design-with-css3/
Stronger, Better, Faster Design with CSS3 (via smashingmag) - In our last article about CSS3, Pushing Your Buttons With Practical CSS3, we talked about using new CSS3...
Chromium Blog: Technically speaking, what makes Google Chrome fast?
http://blog.chromium.org/2009/12/technically-speaking-what-makes-google.html
We've often been asked what makes Google Chrome so fast -- from its snappy start-up time and fast page-loading, to the ability to run complex web applications quickly. To walk through some of the thought processes and technical decisions involved in making Google Chrome a fast browser, we've put together three technical interviews on DNS pre-resolution, the V8 JavaScript engine, and DOM bindings. In a future post, we'll also cover other important areas like WebKit and UI responsiveness.
Spoiler alert: DNS pre-resolution, the V8 JavaScript engine, and DOM bindings
Chrome does indeed has a fast.
clearbox 3
http://www.clearbox.hu/index_en.html
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.
Awesome Inline Form Labels - ZURB Playground - ZURB.com
http://www.zurb.com/playground/inline-form-labels
How to make labels inline!
jsCrypto
http://crypto.stanford.edu/sjcl/
Encrypt data sentback to a server - quickly
We offer a fast, small symmetric encryption library written in Javascript. Though several such libraries exist, jsCrypto offers several advantages.
[JS]jQueryのプラグイン100選 -2009年総集編 | コリス
http://coliss.com/articles/build-websites/operation/javascript/100-jquery-plugins-2009-best.html
2009年に紹介したものを中心としたjQueryのプラグイン100選
リンク集
javascript jquery 関連
24 Clever Website Designs That Combine jQuery and Illustration | Webdesigner Depot
http://www.webdesignerdepot.com/2009/12/24-clever-website-designs-that-combine-jquery-and-illustration/
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
etherpad - Project Hosting on Google Code
http://code.google.com/p/etherpad/
This is the open source release of EtherPad, a web-based realtime collaborative document editor. This project exists mainly as an exhibition of the code, to help support those who want to run or modify their own etherpad servers, or for those who are curious about how etherpad's algorithms make realtime collaboration possible.
jQuery Roundabout
http://fredhq.com/projects/roundabout/
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.
Star Rating widget for jQuery UI
http://orkans-tmp.22web.net/star_rating/index.html
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
Browser Pong
http://stewdio.org/pong/
During play, the negative space between windows is transformed into a playing field—the abstracted tennis court of Pong.
Super!
10 Javascript Resources - From Noob to Pro | Jon Raasch’s Blog
http://jonraasch.com/blog/10-javascript-resources
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
for 文と無名関数のイディオム - IT戦記
http://d.hatena.ne.jp/amachang/20090119/1232331329
array for lambda function
javascriptのfor文でのtips
JavaScriptでfor文の中でイベントを設定すると全てループ終了時の変数が使われる問題について
Eric Vasilik: Code Karma
http://www.ericvasilik.com/2006/07/code-karma.html
This "feature" took me a day and a half to fix.
east partially responsible for 10 years ago! Let me explain what it is, why it is and an effe
10 Useful jQuery Form Validation Techniques and Tutorials : Speckyboy Design Magazine
http://speckyboy.com/2009/12/17/10-useful-jquery-form-validation-techniques-and-tutorials-2/
The hoverFlow Plugin - A Solution to Animation Queue Buildup in jQuery
http://www.2meter3.de/code/hoverFlow/
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.
armstrong on software: Comet is dead long live websockets
http://armstrongonsoftware.blogspot.com/2009/12/comet-is-dead-long-live-websockets.html
"After a small amount of experimentation I was able to make Erlang talk to a web page using pure asynchronous message passing. I think this means the death of the following technologies: comet long-poll AJAX keep-alive sockets"
Erlang's creator anoints websockets (includes example server and client)
After a small amount of experimentation I was able to make Erlang talk to a web page using pure asynchronous message passing.
Tools of the Trade: Web Development Frameworks that the Pros Use | Nettuts+
http://net.tutsplus.com/articles/web-roundups/tools-of-the-trade-web-development-frameworks-that-the-pros-use/
frameworks the pros use.
resource for web developers
Wooji Juice: JavaScript for C & Python programmers
http://www.wooji-juice.com/blog/javascript-article.html
This is an introduction to JavaScript. There are plenty of these on the web, but most of them appear to be for non-programmers, teaching the building-blocks of programming as JavaScript uses them. And that's fine, because many people who have never programmed in their lives, find themselves needing a tiny bit of script for their web page, and need to start somewhere.
Scott Hanselman's Computer Zen - Best Code Syntax Highlighter for Snippets in your Blog
http://www.hanselman.com/blog/BestCodeSyntaxHighlighterForSnippetsInYourBlog.aspx
Scott Hanselman on Programming, User Experience, The Zen of Computers and Life in General
How to Create a Firefox Plugin
http://blog.popupchinese.com/?p=19
Generic firefox/gecko plugin framework
TufteGraph: beautiful charts with jQuery
http://xaviershay.github.com/tufte-graph/
Make pretty graphs with javascript, using jQuery
5 New Useful jQuery Plugins For Your Next Projects | AEXT.NET
http://aext.net/2009/12/5-new-useful-jquery-plugins-for-your-next-projects/
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
JavaScript charting tools: an overview « Eltit Golb
http://roberto.open-lab.com/2009/12/21/javascript-charting-tools-an-overview/
都道府県選択するやつ。|CSS HappyLife
http://css-happylife.com/log/html/000747.shtml
ソースのコピペでいけるお
都道府県のselectのテンプレート!
jQuery Inline Form Validation Engine | Web Resources | WebAppers
http://www.webappers.com/2009/06/12/jquery-inline-form-validation-engine/
jQuery Inline Form Validation Engine - Open Source Resources for Web Developers
alternate jquery validation plugin
MathJax
http://www.mathjax.org/
LaTeX and MathML math notation in HTML pages
MathJax is an open source, Ajax-based math display solution designed with a goal of consolidating advances in many web technologies in a single definitive math-on-the-web platform supporting all major browsers.
‘MathJax is an open source, Ajax-based math display solution designed with a goal of consolidating advances in many web technologies in a single definitive math-on-the-web platform supporting all major browsers.’
High-quality display of LaTeX and MathML math notation in HTML pages
MooEditable
http://cheeaun.github.com/mooeditable/
rich text editor
#grid
http://hashgrid.com/
My Little List of jQuery Tips, Tricks and Resources | Moral Fibre
http://www.moralfibre.co.za/2009/02/05/jquery-tips-tricks-resources/
多种Jquery资源分类
Закрепляем jQuery — 25 отличных советов / Jquery / Хабрахабр
http://habrahabr.ru/blogs/jquery/52201/
かなり使えるブックマークレットいろいろ - IDEA*IDEA ~ 百式管理人のライフハックブログ ~
http://www.ideaxidea.com/archives/2009/03/most_useful_bookmarklets.html
情報収集などネットブラウズ時に便利なブックマークレットの紹介です。
ブックマークレット まとめ
ブックマークレット
Aptanaで始めるJavaScriptライブラリ「jQuery」超入門 (1/3) ─ @IT
http://www.atmarkit.co.jp/fwcr/rensai2/jquery01/01.html
Apple - Safari - 150 Features - Learn about the features available in the world’s fastest and most innovative web browser.
http://www.apple.com/safari/features.html
Web Insp
Como usar o safari...da Apple
10 Popular jQuery Plugins in 2009 You Can’t Miss – woorkup.com
http://woorkup.com/2009/12/27/10-popular-jquery-plugins-in-2009-you-can%E2%80%99t-miss/
Popular plugings jQuery
CoffeeScript
http://jashkenas.github.com/coffee-script/
CoffeeScript is a little language that compiles into JavaScript. Think of it as JavaScript's less ostentatious kid brother — the same genes, roughly the same height, but a different sense of style. Apart from a handful of bonus goodies, statements in CoffeeScript correspond one-to-one with their equivalent in JavaScript, it's just another way of saying it.
"CoffeeScript is a little language that compiles into JavaScript. Think of it as JavaScript's less ostentatious kid brother — the same genes, roughly the same height, but a different sense of style. Apart from a handful of bonus goodies, statements in CoffeeScript correspond one-to-one with their equivalent in JavaScript, it's just another way of saying it."
7 jQuery Cheatsheets For Every Designer & Developer to Have | TutZone
http://tutzone.net/2009/12/7-jquery-cheatsheets.html
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.
18 Latest jQuery Plugins for Your Next Project | Onextrapixel - Showcasing Web Treats Without Hitch
http://www.onextrapixel.com/2009/12/28/18-latest-jquery-plugins-for-your-next-project/
jQuery Autosave
http://raymond.raw.no/jquery-autosave/
jQuery Auto Save form elements
a
Plugin for auto submitting (saving) a form onchange.
Orderly JSON
http://orderly-json.org/
Orderly is a textual format for describing JSON. Orderly can be compiled into JSONSchema. It is designed to be easy to read and write.
Orderly is a textual format for describing JSON. Orderly can be compiled into JSONSchema. It is designed to be easy to read and write. JSONSchema attempts to provide a representation for three distinct types of information about JSON structures: * Data structure (for documentation and validation purposes) * Storage attributes (information pertinent to tools that wish to persist JSON data) * Interaction Control (providing hints on how to render a UI where data can be manipulated). JSONSchema attempts to provide a representation for three distinct types of information about JSON structures: * Data structure (for documentation and validation purposes) * Storage attributes (information pertinent to tools that wish to persist JSON data) * Interaction Control (providing hints on how to render a UI where data can be manipulated).
UKI – Simple UI Kit for complex web apps
http://ukijs.org/
Uki is a fast and simple JavaScript user interface toolkit for desktop-like web applications. It comes with a rich view-component library ranging from Slider to List and SplitPane.
Uki is a fast and simple JavaScript user interface toolkit for desktop-like web applications. It comes with a rich view-component library ranging from Slider to List and SplitPane.
Using jQuery Stop
http://css-tricks.com/examples/jQueryStop/
jQueryのanimateのキューオプションと.stop()メソッド引数による動作制御のバリエーションデモ*jQueryのanimateメソッドは、動作を待ち行列(キュー)へためて順次実行してくれますが、放っておくと延々とため続けてしまうので、stopメソッドやqueueオプションでそれを制御する。
Strategies for handling the timing of jQuery animations triggered by UI.
Official Google Blog: Faster apps for a faster web: introducing Speed Tracer
http://googleblog.blogspot.com/2009/12/faster-apps-for-faster-web-introducing.html
Speed Tracer is a Google Chrome extension that enables developers to identify performance problems in their web apps using a "Sluggishness Graph," in combination with many other metrics.
12/08/2009 07:14:00 PM Do you ever wonder what's going on inside the browser when a webpage doesn't load or respond as quickly as it should? Many developers do, especially when trying to build powerful web applications for their users. But up until now, it's been difficult for developers to identify problems in a slow-to-respond application. So, tonight at Google Campfire One, we're happy to announce that we're adding a new tool to Google Web Toolkit called Speed Tracer. Speed Tracer is a Google Chrome extension that enables developers to identify performance problems in their web apps using a "Sluggishness Graph," in combination with many other metrics. In the spirit of clean, simple design, developers need only look at the Y-Axis of their application's Sluggishness Graph to see how they're doing: * If the y-axis is close to zero, then the app is fast * If the y-axis registers around 100%, then the app is, well, sluggish And in either case, Speed Tracer provides lots of ad
120 Tips, Tricks, and Tuts from 2009 Worth your Time | Nettuts+
http://net.tutsplus.com/articles/web-roundups/120-tips-tricks-and-tuts-from-2009-worth-your-time/
40+ новых и полезных jquery-модулей (с tutorial) / jQuery / Хабрахабр
http://habrahabr.ru/blogs/jquery/70784/
На досуге немного закопался в дебри jquery и на страницах небеизвестного Smashing Magazine нашёл очень любопытную августовсую статейку. Удивлён, что столь полезный материал ещё не появился на Хабре. Исправляю несправедливость своей версией данной статьи.
Diving deep into user behavior with Google Analytics, Event Tracking, and jQuery
http://briancray.com/2009/12/29/understanding-user-behavior-google-analytics-event-tracking-jquery/
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.
Track User Geolocation With JavaScript - Webmonkey
http://www.webmonkey.com/tutorial/Track_User_Geolocation_With_JavaScript
Geolocation EASY
GeoLocation
transm.js (javascript programmable image transitions)
http://www.netzgesta.de/transm/
Rails/jQuery UI sortables with single UPDATE query – The Pug Automatic
http://henrik.nyh.se/2008/11/rails-jquery-sortables/
jQuery and Ajax Best Demos Part-3
http://9lessons.blogspot.com/2009/08/jquery-and-ajax-best-demos-part-3.html
Part 3
kpreid: Brain-dump for the beginning JavaScript programmer
http://kpreid.livejournal.com/15815.html
Some pretty weird things I didn't know about in here.
Making an Expanding Code Box
http://diggingintowordpress.com/2009/07/making-an-expanding-code-box/
コードプレビュー
expanding code box
Google Geo Developers Blog: Announcing Google Maps API v3
http://googlegeodevelopers.blogspot.com/2009/05/announcing-google-maps-api-v3.html
to jak z tym obcinaniem? drugi punkt
v3
"No keys required. You can now copy 'n paste code easily or embed in RSS readers, for example, without getting key errors."
Super Gestures jQuery Plugin | EvanBot
http://www.evanbot.com/article/super-gestures-jquery-plugin/22
EvanBot.com is the home to Evan Byrne who is a website designer from Lapeer, MI.
Life is beautiful: で、実際のところHTML5でどのくらいのアプリが実装できるのか実験してみた
http://satoshi.blogs.com/life/2009/09/html5.html
実際のところHTML5でどのくらいのアプリが実装できるのか実験
jQuery Keypad
http://keith-wood.name/keypad.html
teclado virtual em jquery
Anything Zoomer | Usage
http://css-tricks.com/examples/AnythingZoomer/use.html
zoom con jquery
Cool zooming control.
画像ズーム
jQ plugin om inhoud te zoomen
Google Code Blog: Gmail for Mobile HTML5 Series: Using Timers Effectively
http://googlecode.blogspot.com/2009/07/gmail-for-mobile-html5-series-using.html
article about long vs. short javascript timers, etc
A Colorful Clock With CSS & jQuery – Tutorialzine
http://tutorialzine.com/2009/12/colorful-clock-jquery-css/
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.
bxSlider | jQuery Content Slider
http://bxslider.com/
Another #jquery slider/carousel plugin for content
Take Your HTML Tables to a New Level with JavaScript Frameworks
http://www.thepixelart.com/take-your-html-tables-to-a-new-level-with-javascript-frameworks/
jLinq - LINQ for JSON
http://www.hugoware.net/Projects/jLinq
jLinq is a fully extensible Javascript library that allows you to perform LINQ style queries on arrays of object.
AutoSuggest jQuery Plugin | Drewwilson.com
http://code.drewwilson.com/entry/autosuggest-jquery-plugin
AutoSuggest
So I needed to add some auto-completing functionality to my project Build It With Me. I figured it would be easy to find a ready-made jQuery plugin to do the work for me. I was wrong. Naturally I took it upon myself to solve this problem for all of you :) I created this plugin to be as general purpose as possible. As a result it ended up being vastly more customizable than any other jQuery auto-complete plugin. Not only that, I am using actual jQuery. For some reason all the other "jQuery" plugins don't really take advantage of the radness that is jQuery. Consequently, my plugin ended up being dramatically smaller in size (way less code). Just 7kb minified. Have fun with it! AutoSuggest is a very lightweight jQuery plugin that makes auto-completing extremely easy.
25 Rounded Corners Techniques with CSS | cssJuice
http://www.devwebpro.com/25-rounded-corners-techniques-with-css/
25 Rounded Corners Techniques with CSS | cssJuice - http://www.devwebpro.com/25-rounded-corners-techniques-with-css/
The Best jQuery Lightbox Scripts – woorkup.com
http://woorkup.com/2009/12/29/jquery-lightbox-scripts/
The Best jQuery Lightbox Scripts – woorkup.com
jQuery Lightbox
30 Fresh AJAX Tutorials And Techniques - Noupe
http://www.noupe.com/ajax/30-fresh-ajax-tutorials-and-techniques.html
Getting Started with jQuery
http://sixrevisions.com/javascript/getting-started-with-jquery/
Getting Started with jQuery
Jquery starter tutorial and resources
Ruby & WebSockets: TCP for the Browser - igvita.com
http://www.igvita.com/2009/12/22/ruby-websockets-tcp-for-the-browser/
なにこれおもしろそう
Raphaël: a JavaScript API for SVG - Opera Developer Community
http://dev.opera.com/articles/view/raphael-a-javascript-api-for-svg/
Opera Developer Community article: Raphaël: a JavaScript API for SVG
Extending CSS with jQuery – A New Year’s Guide | AddyOsmani.com | Where Web Businesses Grow
http://addyosmani.com/blog/extending-css-with-jquery-a-new-years-guide/
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
HTML Slidy (1)
http://www.w3.org/2005/03/slideshow.html#(1)
37 Fresh jQuery Image And Gallery Display Solutions | Graphic and Web Design Blog -Resources And Tutorials
http://www.1stwebdesigner.com/design/fresh-jquery-image-gallery-display-solutions/
Shawn Mayzes - Google Maps jQuery Plugin
http://www.mayzes.org/googlemaps.jquery.html
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.
Speed up your JavaScript, Part 2 | NCZOnline
http://www.nczonline.net/blog/2009/01/20/speed-up-your-javascript-part-2/
nest loops too many....
Speed up your JavaScript,
Last week, I covered the first reason why JavaScript can take too long to execute: too much happening in a loop. There's a similar problem with functions in
10 Javascript Plugins that Skin and Beautify Web Forms
http://www.queness.com/post/1616/10-javascript-plugins-that-skin-and-beautify-web-forms
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.
Advanced Event Timeline With PHP, CSS & jQuery – Tutorialzine
http://tutorialzine.com/2010/01/advanced-event-timeline-with-php-css-jquery/
jQuery 'Notify bar'
http://www.dmitri.me/misc/notify/
Some Useful JavaScript & jQuery Snippets | Codrops
http://tympanus.net/codrops/2010/01/05/some-useful-javascript-jquery-snippets/
Most Useful Ajax Tools And Tutorials | Tools | PelFusion.com
http://pelfusion.com/tools/most-useful-ajax-tools-and-tutorials/
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
jbd2.
http://www.jbd2.com/
wechselnder hintergrund beim scrollen.
superb portfolio
nice scroll down effect with this portfolio
背景どうやってんの?
The 14 Days of jQuery
http://jquery14.com/
jQuery Animations: A 7-Step Program | Nettuts+
http://net.tutsplus.com/tutorials/javascript-ajax/jquery-animations-a-7-step-program/
The Smashing Book Is Released: Buy Now! - Smashing Magazine
http://www.smashingmagazine.com/2009/12/03/smashing-book-its-out-now/
Here it is, the brand new Smashing Book. Announced several months ago in a couple of posts, it has finally arrived. You can buy the Smashing Book right now. And in case you didn’t know, it’s available here exclusively. The book is available and can be shipped right away.
Web Style, design, and typography
Here it is, the brand new Smashing Book. Announced several months ago in a couple of posts, it has finally arrived. You can buy the Smashing Book right now. And in...
But the funny fact is that I was at my local coffee shop and a college girl had the book in hand!
Coda-Slider 2.0 - Niall Doherty's dot biz
http://www.ndoherty.biz/2009/10/coda-slider-2/
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
http://www.designer-daily.com/15-useful-jquery-plugins-and-tutorials-5207
15 useful jQuery plugins and tutorials
jQuery для начинающих / Jquery / Хабрахабр
http://habrahabr.ru/blogs/jquery/38208/
Selectors, Animation, and AJAX – jQuery Tutorial And Examples (Part Two) | Spyre Studios
http://spyrestudios.com/jquery-part-two-selectors-animation-and-ajax/
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
» Web Development for the iPhone: HTML & CSS Support :: CSS, JavaScript and XHTML Explained
http://www.evotech.net/blog/2009/12/web-development-for-the-iphone-html-css-support/
How to create a fluid grid with jQuery « CreativityDen
http://blog.creativityden.com/fluid-grid-using-jquery/
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 jQuery Plugin | Drewwilson.com
http://code.drewwilson.com/entry/tiptip-jquery-plugin
TipTip is a very lightweight and intelligent custom tooltip jQuery plugin. It uses ZERO images and is completely customizable via CSS.
21 Scripts, Tips, and Tools to Decrease Your Websites Server Load
http://www.webhostingsearch.com/articles/how-to-decrease-website-server-load.php
large images, multiple pieces of Javascript, and hefty CSS files. All of these can contribute to a website that is less than optimized and may run slower and become irritating to the end user.
まずは、mixiアプリを使ってみよう、作ってみよう(1/3) ─ @IT
http://www.atmarkit.co.jp/fwcr/rensai2/mixiappli01/01.html
「mixiアプリ」は、iGoogleのガジェットのように、SNS「mixi(ミクシー)」上に組み込まれて実行される、Webアプリケーションです。
WebApp.Net
http://webapp-net.com/
Web app development framework
MOONGIFT: » jQueryを使った開発に便利!Firebug + jQuery「FireQuery」:オープンソースを毎日紹介
http://www.moongift.jp/2009/06/firequery/
キターキター、これ便利すぎ(予想)こんなの欲しかった
FireQuery、Firebugと連携するjQuery開発補助アドオン FireQueryはconsole.logに吐き出した内容を元に、画面上のエレメントをハイライトしてくれる。例えば console.log($(’p'));と出せば、コンソールに出力された jQuery(p)という表示にマウスを当てると、該当部分がハイライト表示になる。どの部分に対して適用されているかがすぐに分かる
- Best of jQuery-Tutorials - Part 3 - Webdesign und Webentwicklung im Webstandard-Blog
http://webstandard.kulando.de/post/2009/04/09/best-of-jquery-tutorials-part-3
Perfection kills » Understanding delete
http://perfectionkills.com/understanding-delete/
A couple of weeks ago, I had a chance to glance through Stoyan Stefanov’s Object-Oriented Javascript. The book had an exceptionally high rating on Amazon (12 reviews with 5 stars), so I was curious to see if it was something worth recommending. I started reading through chapter on functions, and really enjoyed the way things were explained there; the flow of examples was structured in such nice, progressive way, it seemed even beginners would grasp it easily. However, almost immediately I stumbled upon an interesting misconception present throughout the entire chapter — deleting functions. There were some other mistakes (such as the difference between function declarations and function expressions), but we aren’t going to talk about them now. The book claims that “function is treated as a normal variable—it can be copied to a different variable and even deleted.”. Following that explanation, there is this example:
Description of the delete statement in Javascript and how it really works.
iPhone Development: 12 Tips To Get You Started [HTML & XHTML Tutorials]
http://articles.sitepoint.com/article/iphone-development-12-tips
RT @tweetlicius: iPhone Development: 12 Tips To Get You Started [HTML & XHTML Tutorials] - http://bit.ly/322mLv
jHtmlArea - WYSIWYG HTML Editor for jQuery
http://jhtmlarea.codeplex.com/
html text area
WYSIWYG HTML Editor for jQuery
45 Powerful CSS/JavaScript-Techniques - Smashing Magazine
http://www.smashingmagazine.com/2010/01/12/45-powerful-css-javascript-techniques/
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...
jQuery - Quick Guide, Reference Manual
http://www.tutorialspoint.com/jquery/jquery-quick-guide.htm
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
15 Awesome Free JavaScript Charts / JavaScripts / SPLASHnology - Web Design & Web Technology Community
http://www.splashnology.com/blog/javascripts/290.html
Shell Editor | jsFiddle | to test your JavaScript code
http://www.jsfiddle.net/
Some Useful JavaScript & jQuery Snippets - Part 2 | Codrops
http://tympanus.net/codrops/2010/01/07/some-useful-javascript-jquery-snippets-part-2/
JavaScriptとjQueryのちょっとした便利なコード集です。
jQueryスニペット集(Toggle all checkboxes:チェックボックス全ON/OFF切り替え…etc)
tobeytailor's gordon at master - GitHub
http://github.com/tobeytailor/gordon
tobeytailor's gordon at master - GitHub
純用 JavaScript 實作的 flash player.
SWF v1 support only.
flashをjavascript iphoneでみれる
http://paulirish.com/work/gordon/demos/
http://paulirish.com/work/gordon/demos/
http://github.com/tobeytailor/gordon/
Wow, a flash runtime for the iphone - in javascript and svg no less! cool!
javascript flash implementation
Wow. Flash in Javascript.
How To Install Firebug on IE, Safari, Chrome & Opera
http://www.makeuseof.com/tag/install-firebug-for-browsers-other-than-firefox/
Firebug
A J/S, lite version of firebug for any browser.
(no description)
14 Outstanding jQuery Navigation Menu Tutorials
http://www.queness.com/post/1513/14-outstanding-jquery-navigation-menu-tutorials
jQuery 1.4 API Cheat Sheet — Future Colors
http://futurecolors.ru/jquery/
jQuery 1.4 API Cheat Sheet
Web Security: Are You Part Of The Problem? - Smashing Magazine
http://www.smashingmagazine.com/2010/01/14/web-security-primer-are-you-part-of-the-problem/
Website security is an interesting topic and should be high on the radar of anyone who has a Web presence under their control. Ineffective Web security leads to all
jQuery 1.4 Released: The 15 New Features you Must Know | Nettuts+
http://net.tutsplus.com/tutorials/javascript-ajax/jquery-1-4-released-the-15-new-features-you-must-know/
jQuery 1.4 Released – The 14 Days of jQuery
http://jquery14.com/day-01/jquery-14
11 Useful jQuery Powered WordPress Plugins | Web Design Ledger
http://webdesignledger.com/resources/11-useful-jquery-powered-wordpress-plugins
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.
Making a Fresh Content Accordion – Tutorialzine
http://tutorialzine.com/2009/12/colorful-content-accordion-css-jquery/
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
14 jquery and CSS demos I wish I knew much before | Web Developer Juice
http://www.webdeveloperjuice.com/2010/01/14/14-jquery-and-css-demos-i-wish-i-knew-much-before/
有名どころのjQuery用プラグインのデモ
14 jquery and CSS demos I wish I knew much before
Web Developer Juice
Cross-domain requests with jQuery – James Padolsey
http://james.padolsey.com/javascript/cross-domain-requests-with-jquery/
– James Padolsey
in short, YQL allows us to make cross-domain GET requests!
geuis's helium-css at master - GitHub
http://github.com/geuis/helium-css
Helium is a tool for discovering unused CSS across many pages on a web site. The tool is javascript-based and runs from the browser.
Helium - javascript tool to scan your site and show unused CSS
integrate this into release procedure
determine unused css
tool for identifying unused css
BrowserCouch Documentation
http://hg.toolness.com/browser-couch/raw-file/blog-post/index.html
BrowserCouch is an attempt at an in-browser MapReduce implementation.
BrowserCouch is an attempt at an in-browser MapReduce implementation. It's written entirely in JavaScript and intended to work on all browsers, gracefully upgrading when support for better efficiency or feature set is detected.Not coincidentally, this library is intended to mimic the functionality of CouchDB on the client-side, and may even support integration with CouchDB in the futur
"BrowserCouch is an attempt at an in-browser MapReduce implementation. It's written entirely in JavaScript and intended to work on all browsers, gracefully upgrading when support for better efficiency or feature set is detected. Not coincidentally, this library is intended to mimic the functionality of CouchDB on the client-side, and may even support integration with CouchDB in the future."
24 Great Blogs for JavaScript developers
http://valums.com/javascript-blogs/
Make Your Site An iPhone App - Webmonkey
http://www.webmonkey.com/blog/Make_Your_Site_An_iPhone_App
You can get most of the benefits of an iPhone application without writing a single line of Objective C. An open source project called PhoneGap lets your wrap your website in iPhone App goodness. And you can even charge for your creation. Even more exciting than being able to easily create an app is getting access to some native iPhone APIs. Currently PhoneGap supports JavaScript access to the user’s location and the device accelerometer. Camera and vibration are still in the works.
You can get most of the benefits of an iPhone application without writing a single line of Objective C. An open source project called PhoneGap lets your wrap your website in iPhone App goodness. And you can even charge for your creation. Even more exciting than being able to easily create an app is getting access to some native iPhone APIs. Currently PhoneGap supports JavaScript access to the user’s location and the device accelerometer. Camera and vibration are still in the works. There’s talk of being able to use a web form to create your app by submitting only the URL of your website. Currently, it’s a little more work, but easier than creating an app from scratch. You’ll still need to download the SDK and write your app in Apple’s XCode. The PhoneGap wiki has a hello world tutorial that should get you started. One really cool aspect of the PhoneGap project is that it also supports Android and Blackberry. A write-once approach to mobile development is within grasp of the ordinary
Proyecto de desarrollo de aplicaciones para iPhone
20 Fresh JavaScript Data Visualization Libraries
http://sixrevisions.com/javascript/20-fresh-javascript-data-visualization-libraries/
OpenFaces
http://www.openfaces.org/
OpenFaces is an open-source library of AJAX-powered JSF components, an Ajax framework and a client-side validation framework
OpenFaces
OpenFaces is an open-source library of AJAX-powered JSF components, an Ajax framework and a client-side validation framework. OpenFaces is based on the set of JSF components formerly known as QuipuKit. It contains fully revised codebase of QuipuKit and introduces many new components and features.
Filtering Blocks
http://css-tricks.com/filtering-blocks/
Muy interesante
Filtering Blocks | CSS-Tricks - http://css-tricks.com/filtering-blocks/
How to reduce the number of HTTP requests - Robert's talk
http://robertnyman.com/2010/01/15/how-to-reduce-the-number-of-http-requests/
40 Valuable Tools and Resources For Web Designers - Noupe
http://www.noupe.com/tools/40-valuable-tools-and-resources-for-web-designers.html
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....
Keith Clark - IE CSS3 pseudo selectors
http://www.keithclark.co.uk/labs/ie-css3/
Metoda na css3 w IE
ie-css3.js allows Internet Explorer to identify CSS3 pseudo selectors and render any style rules defined with them. Simply include the script in your pages and start using these selectors in your style sheets — they'll work in IE... Honest...!
[JS]jQueryのプラグイン33+1選 -2009年4月 | コリス
http://coliss.com/articles/build-websites/operation/javascript/jquery-plugins-best-2009-apr.html
紹介済みから未紹介のものまで、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 選択項目が拡大するシンプルなナ
コリスはデザインお役立ちサイト
画像ギャラリー、ツールチップ、パネルなどのまとめ @ツールチップの良さげなのは別にデリした
Your Bookmarklets, On Steroids – Quix
http://quixapp.com/
Quix é um bookmarklet extensível, o que lhe permite aceder facilmente a todos os seus favoritos e bookmarklets, em todos os seus navegadores
Joost De Valk's extension of Shaun Inman's Shortwave extensible bookmarklet. Especially useful on the iPhone.
Quix is an extensible bookmarklet, that allows you to easily access all your bookmarks and bookmarklets, across all your browsers, while maintaining them in only one spot. All you have to do is remember the shortcut for the bookmarklet, so, basically, it’s like a command line for your browser
Quix is an extensible bookmarklet, that allows you to easily access all your bookmarks and bookmarklets, across all your browsers, while maintaining them in only one spot.
JavaScriptのオブジェクトについて考察してみた - あと味
http://d.hatena.ne.jp/jdg/20090612/1244765780
オブジェクト クラス
Thomas Landauer: Preventing Spam in Form Submissions without Using a CAPTCHA
http://www.landauer.at/preventing-spam-in-form-submissions-without-using-a-captcha.php
A smart method to prevent spam in form submissions without using a CAPTCHA
jQuery Lint – James Padolsey
http://james.padolsey.com/javascript/jquery-lint/
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."
Demo : ThemeRoller Version (jPlayer 0.2.2)
http://www.happyworm.com/jquery/jplayer/0.2.2/demo-07.htm
ThemeRoller version !
14 Helpful Cheat Sheets for Front-end Web Development | Web Design Ledger
http://webdesignledger.com/resources/14-helpful-cheat-sheets-for-front-end-web-development
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.
Using keyboard shortcuts in Javascript
http://www.catswhocode.com/blog/using-keyboard-shortcuts-in-javascript
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/
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.
sexybuttons - Project Hosting on Google Code
http://code.google.com/p/sexybuttons/
500 Internal Server Error
Form Design with Sliding Labels « CSSKarma
http://www.csskarma.com/blog/sliding-labels/
Form, CSS
25 Tutorials and Resources for Learning jQuery UI - Speckyboy Design Magazine
http://speckyboy.com/2010/01/20/25-tutorials-and-resources-for-learning-jquery-ui/
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.
JavaScript grid editor: I want to be Excel « Eltit Golb
http://roberto.open-lab.com/2010/01/18/javascript-grid-editor-i-want-to-be-excel/
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.
75+ Top jQuery Plugins to improve Your HTML Forms | tripwire magazine
http://www.tripwiremagazine.com/2010/01/75-top-jquery-plugins-to-improve-your-html-forms.html
How to create a sliding image/reveal content with jquery
http://www.suciuvlad.com/html-and-css-tutorials/how-to-create-a-sliding-imagereveal-content-with-jquery/
jQuery plugin: Simplest Twitter-like dynamic character count for textareas and input fields | Css Globe
http://cssglobe.com/post/7161/jquery-plugin-simplest-twitterlike-dynamic-character-count-for-textareas/
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.
bbk14-15_850.jpg (JPEG Image, 1707x1100 pixels)
http://visibone.com/products/bbk14-15_850.jpg
CheatSheet de expresiones regulares
Googleのトップページを開くと毎秒100回JavaScriptが実行されるよ - 射撃しつつ前転
http://d.hatena.ne.jp/tkng/20090930/1254273378
var k=t.value;k!=h&&X(0);h=k というコードが毎秒100回実行されている。
具体的には、var k=t.value;k!=h&&X(0);h=k というコードが毎秒100回実行されている
タイマーでしか日本語未確定文字列の変更をチェックできないというのがそもそもなんとかならんのか。
* Googleのトップページは開いているだけでCPUを使うので、用事がないときは開かないようにしよう。 * Amazon、YouTube、IEEEなども同様に、開いているだけでCPUを使うので、用事がないときは開かないようにしよう。 * YOMIURI ONLINEとBing(のトップページ)にもすこし気をつけよう。
5 Fresh jQuery Plugins Make You Love Your HTML Forms More | AEXT.NET
http://aext.net/2010/01/5-fresh-jquery-plugins-make-you-love-your-html-forms-more/
Programming, Designing and Blogging
jquery-transmit - Project Hosting on Google Code
http://code.google.com/p/jquery-transmit/
AJAX-enabled Sticky Notes With PHP & jQuery – Tutorialzine
http://tutorialzine.com/2010/01/sticky-notes-ajax-php-jquery/
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.
webdevmania - Top 10 jQuery Snippets (including jquery 1.4)
http://webdevmania.com/archive/top_10_jquery_snippets_including_jquery_1.4/
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;
How to display tips by creating a jQuery plugin | yensdesign - Tutorials, Web Design and Coding
http://yensdesign.com/2009/01/how-to-display-tips-creating-jquery-plugin/
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.
Atlas: a visual IDE for desktop-like web apps - Ars Technica
http://arstechnica.com/software/news/2009/03/atlas-a-visual-ide-for-desktop-like-web-apps.ars
Iterface builder pour le webdev/javascript
280 North has already made two major breakthroughs in building its web-based presentation app 280 Slides. First, it created the Objective-C-like superset of JavaScript called Objective-J. Then it re-implemented much of Apple's popular Cocoa APIs in the web-oriented Cappuccino. Now, its latest project, Atlas, represents perhaps a third breakthrough: a visual integrated development environment for building the next generation of desktop-like web applications.
An intens IDE for web app development
jQuery imageless buttons a la Google
http://swizec.com/code/styledButton/
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
Advanced docking using jQuery
http://www.jankoatwarpspeed.com/post/2009/05/30/Advanced-docking-using-jQuery.aspx
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 « Position Absolute
http://www.position-absolute.com/articles/jquery-flash-like-menu/
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.
michaelv.org
http://www.michaelv.org/
Retro computing goodness
Windows 3.1 experience!
Windows 3.11 in web browser
Windows 3.1 desde el navegador
Windows 3.1 on the web
jQuery Plugin Design Patterns: Part I | Fuel Your Coding
http://fuelyourcoding.com/jquery-plugin-design-patterns-part-i/
30 Stylish jQuery Tooltip Plugins For Catchy Designs | Graphic and Web Design Blog -Resources And Tutorials
http://www.1stwebdesigner.com/resources/stylish-jquery-tooltip-plugins-webdesign/
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!
Find The Right JavaScript Solution With A 7-Step Test - Smashing Magazine
http://www.smashingmagazine.com/2010/01/21/find-the-right-javascript-solution-with-a-7-step-test/
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 - My = new Object();
http://jqueryplugins.weebly.com/jquerysheet.html
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
Drag and Drop without Drag and Drop
http://ernestdelgado.com/articles/ddwdd/
Textarea Behavior Something that I never realized before is that text areas are drop targets by default. Using this property alone (without registering drag events on the source elements), we can emulate drag and drop behavior of non-linked images between different documents. If you drag any of the images on the right side to the textarea you will see the url of the image in it. This works in all browsers except, as anyone could expect, in IE, which doesn't allow you to drag images to input fields.
45 jQuery Navigation Plugins and Tutorials - Noupe
http://www.noupe.com/jquery/45-jquery-navigation-plugins-and-tutorials.html
sexyCycle
http://suprb.com/apps/sexyCycle/
$("#box4").sexyCycle({ speed: 500, next: '.next3', prev: '.prev3', stop: '.stop', interval: 800 });
snappy cycle plugin
17 Javascript Animation Frameworks Worth Checking Out | Admix Web
http://www.admixweb.com/2010/01/07/17-javascript-animation-frameworks-worth-to-seing/
JavaScriptのアニメーションフレームワークを17個紹介した記事です。
Highcharts Demo Gallery
http://highcharts.com/demo/
gráficas chart usando javascript
10 Common CSS Browser Compatibility Issues/Bugs You Must Know | TutorialFeed
http://tutorialfeed.blogspot.com/2010/01/10-common-css-browser-compatibility.html
It's another IE bug caused by placing a list with a background set within a floated <div> that has been relatively positioned. Problem and solutions discussed here.
IE hacks, fixes for css
In today's scenario browser bugs with CSS can be an incredible source of frustration for Web designers and developers. In this post I'm sharing some most common CSS browser compatibility Issues/Bugs. Here's the following list:
10 Common CSS Browser Compatibility Issues/Bugs You Must Know
25 jQuery Plugins for Working with Forms – DesignM.ag
http://designm.ag/resources/jquery-form-plugins/
Superb Jquery CSS Image Effects and Tooltips Tutorials – Designzzz
http://www.designzzz.com/jquery-css-image-effects-tooltips-tutorials/
nice image effects
Great examples of jquery
AutoPagerizeのスクリプト実行順序制約をなくせるようになりました « ku
http://ido.nu/kuma/2009/01/22/independence-from-userscript-order-dependency/
michaelv.org
http://209.213.121.56.nyud.net/
michaelv.org
Emulación del sistema operativo Windows v3.11 en JavaScript
Windows 3.1 in a browser window
Home page of Michael Vincent, containing information about calculators, computers, and plenty of random nonsense.
windows emulato in javascript
Jilion - SublimeVideo
http://jilion.com/sublime/video
Not fully there yet, but could be a great one stop solution for video in web pages eventually (why is this still and outstanding issue?)
HTML5 video player
HTML5 video.
"SublimeVideo provides a custom user interface for playing HTML5 videos. The design is Mac-centric (though well polished) and offers a “Full-window” mode which is very visually impressive—and I believe more useful than Flash’s “Full screen mode”. The script will eventually be released free for non-commercial use."
Stunning jQuery animations - Webexpedition18
http://webexpedition18.com/articles/stunning-jquery-animations/
Auto-Moving Parallax Background
http://css-tricks.com/auto-moving-parallax-background/
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.
Dynamic tabs using jQuery - why and how to create it
http://www.jankoatwarpspeed.com/post/2010/01/26/dynamic-tabs-jquery.aspx
not read
jQuery OpenID Plug-in
http://jvance.com/pages/JQueryOpenIDPlugin.xhtml
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
10 Best Free JavaScript Charts Solutions | AjaxLine
http://www.ajaxline.com/10-best-free-javascript-charts-solutions
APE (Ajax Push Engine) :: Comet server :: Real time data streaming
http://www.ape-project.org/home.html
An open source Comet Server for Push AJAX Development
Rounding Up the Best Javascript WYSIWYG and Markup Editor
http://blog.insicdesigns.com/2009/07/rounding-up-the-best-javascript-wysiwyg-and-markup-editor/
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
A List Apart: Articles: Using SVG For Flexible, Scalable, and Fun Backgrounds, Part I
http://www.alistapart.com/articles/using-svg-for-flexible-scalable-and-fun-backgrounds-part-i/
HTML5
jQAPI - Alternative jQuery Documentation
http://jqapi.com/
6 Image Manipulation Plugins for jQuery You Should Know About
http://blog.shinylittlething.com/2009/02/20/image-manipulation-jquery-plugins
6 Image Manipulation Plugins for jQuery You Should Know About
A Better Javascript Memoizer | Unscriptable.com
http://unscriptable.com/index.php/2009/05/01/a-better-javascript-memoizer/
javascript performance memoization programming memoizer
Yes, memoization is a neat concept. But why use it rather than just hand-coded caching mechanisms? It’s easy enough to write a caching routine, right? Here are a few good reasons: * hand-coded caching mechanisms obfuscate your code * multi-variate caching routines are bulky in Javascript * fewer lines of code means fewer bugs * Java programmers will think more highly of you*
Six Things Your Mom Never Told You About Debugging Javascript « [devlunch]
http://devlunch.smart.fm/2009/07/29/six-things-your-mom-never-told-you-about-debugging-javascript/
Relevance Blog : Blue Ridge 1.0: JavaScript Unit Testing for Rails. Scandalous!
http://blog.thinkrelevance.com/2009/5/12/blue-ridge-1-0-javascript-unit-testing-for-rails-scandalous
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.
Use jQuery - Blog - The jQuery Cross-Domain Ajax Guide
http://usejquery.com/posts/9/the-jquery-cross-domain-ajax-guide
normally
tdreyno/iphone-style-checkboxes @ GitHub
http://tdreyno.github.com/iphone-style-checkboxes/
no/off jquri
github.com/tdreyno/iphone-style-checkboxes
PHP SimpleForm Script » Matt Varone » Creative Designer
http://www.mattvarone.com/web-design/simpleform-php-email-script/
Multiple Web Tutorials
t’s a nicer version of the previous one, re-written from the ground up and with a couple of new features. SimpleForm is basically meant to be an easy solution to handle one or many forms with little effort. It’s mainly foc
PHP hide_email()
http://www.maurits.vdschee.nl/php_hide_email/
A PHP function to protect the E-mail address you publish on your website against bots or spiders
permite ocultar las direcciones de correo en un página, util para evitar el spam
A PHP function to protect the E-mail address you publish on your website against bots or spiders that index or harvest E-mail addresses for sending you spam. It uses a substitution cipher with a different key for every page load. Look at the generated XHTML in the example while pressing the browsers "reload" button to see this in effect.
50 Brilliant CSS3/JavaScript Coding Techniques - Smashing Magazine
http://www.smashingmagazine.com/2010/02/01/50-brilliant-css3-javascript-coding-techniques/
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
jQuery source viewer
http://james.padolsey.com/jquery/
I was sick and tired of having to scroll through a raw copy of jQuery everytime I wanted to view a me
bxGallery | Simple jQuery Image Gallery
http://bxgalleryplugin.com/
simple jQuery image gallery
Simple gallery using Jquery for blogs/static website..
jQueryのセレクタを徹底マスターするのに最適!『jQuery Selectors』 | IDEA*IDEA
http://www.ideaxidea.com/archives/2008/11/jqueryjquery_selectors_1.html
どんなコードを書けばページ内の任意のパーツを選択できるかが分かるオンラインサービスの紹介。便利そう。
jqueryのセレクタを覚えるためのサイト。あら便利!
10 ways to make Internet Explorer act like a modern browser
http://www.catswhocode.com/blog/10-ways-to-make-internet-explorer-act-like-a-modern-browser
10 ways to make Internet Explorer act like a modern browser
JavaScript基礎文法最速マスター - なんとなく日記
http://d.hatena.ne.jp/gifnksm/20100131/1264934942
Rich-Text Editors for 2010 and Beyond
http://sixrevisions.com/user-interface/rich-text-editors-for-2010-and-beyond/
Rich-Text Editors, inline content editors, WYSIWYG editors – or whatever you want to call them – are web applications that enable users to enter, edit and manipulate alphanumeric characters while visiting your website.
MOONGIFT: » jQueryでその場で入力チェックを行う「jQuery Inline Form Validation Engine」:オープンソースを毎日紹介
http://www.moongift.jp/2009/06/jquery_inline_form_validation_engine/
フォームの入力チェック by jQuery。分かりやすくていいカンジ。
動的なフォーム生成でも柔軟に対応できるくらいシンプルな入力チェックライブラリがjQuery Inline Form Validation Engineだ。
Sweet AJAX Tabs With jQuery 1.4 & CSS3 – Tutorialzine
http://tutorialzine.com/2010/01/sweet-tabs-jquery-ajax-css/
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
10 jQuery Plugins for Easier Google Map Installation - Speckyboy Design Magazine
http://speckyboy.com/2010/02/03/10-jquery-plugins-for-easier-google-map-installation/
Asynchronous Tracking - Google Analytics - Google Code
http://code.google.com/apis/analytics/docs/tracking/asyncTracking.html
(fab) - a pure javascript DSL for building async web apps
http://www.fabjs.org/
a pure javascript DSL for building async web apps Introduction (fab) is a lightweight (~2KB minified and gzipped) toolkit that makes it easy to build asynchronous web apps. It takes advantage of the flexibility of javascript to create a concise DSL without pre-compilation or magic scope hackery. Node.js currently the only supported platform.
(fab) is a lightweight (~2KB minified and gzipped) toolkit that makes it easy to build asynchronous web apps. It takes advantage of the flexibility of javascript to create a concise DSL without pre-compilation or magic scope hackery.
47 Amazing CSS3 Animation Demos
http://www.webdesignerwall.com/trends/47-amazing-css3-animation-demos/
By http://bit.ly/Tweets2Delicious
Six Questions: Eric Meyer on CSS3 - Six Revisions
http://sixrevisions.com/interviews/six-questions-eric-meyer-on-css3/
Six Questions: Eric Meyer on CSS3 December 9th, 2008 by Jacob Gube | 58 Comments | Stumble It! Delicious Eric A. Meyer knows a thing or two about standards-based CSS and HTML development. He’s a distinguished expert on CSS and HTML, an author of numerous books on CSS, co-founder of An Event Apart, a coveted guest speaker, a member of the A List Apart crew, and founder of Complex Spiral Consulting (I could go on – but I think you get the picture).
Six Questions
Quite an interesting article on CSS3 with Eric Meyer: http://is.gd/aWAO
15 jQuery Plugins Giving Web Interfaces Drag ‘N Drop Capabilities | tripwire magazine
http://www.tripwiremagazine.com/2010/01/15-jquery-plugins-giving-web-interfaces-drag-n-drop-capabilities.html
gMap - Google Maps Plugin For jQuery | About
http://gmap.nurtext.de/index.html
Sieht nach einem sehr coolen Google Maps Plugin für jQuery aus. Sehr einfach zu nutzen...
jQuery MultiSelect Plugin/Widget with ThemeRoller Support | Eric Hynds - Website Developer
http://www.erichynds.com/jquery/jquery-multiselect-plugin-with-themeroller-support/
Plupload - A tool for uploading files using Flash, Silverlight, Google Gears, HTML5 or Browserplus
http://www.plupload.com/index.php
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 With jQuery | Tutorialzine demo
http://demo.tutorialzine.com/2009/11/hovering-gallery-css3-jquery/demo.php
An Awesome CSS3 Lightbox Gallery Drag the pics around to share them
JSLab PlotTool 1.0.0 beta
http://www.jslab.dk/plottool.htm
Javascript 开发的数学绘图工具
웹기반 그래프 작성
plotter, graficador de funciones, hecho en javascript
jQuery Easy Slides v1.0 - Possibly the easiest to use jQuery plugin for making slideshows
http://dev.daledavies.co.uk/easyslides/
Possibly the easiest to use jQuery plugin for making slideshows!
Let’s Call It a Draw(ing Surface) - Dive Into HTML 5
http://oreilly.com/css-html/dive-into-html5/call-it-a-drawing-surface.html
Let's make the web faster - Google Code
http://code.google.com/intl/de-DE/speed/articles/
[JS]ホバー時に光源が移動するエフェクトがかっこいいスクリプト | コリス
http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-button-like-windows7.html
要jQuery
これはかっこいいな!
リッチで使いやすいUIを作成するためのjQueryライブラリ&サンプル集:phpspot開発日誌
http://phpspot.org/blog/archives/2009/01/jquery_9.html
** Posted using Viigo: Mobile RSS, Sports, Current Events and more **
リッチで使いやすいUIを作成するためのjQueryライブラリ&サンプル集。 JSフレームワークはもうjQueryの時代だと言わんばかりの豊富かつ有用なサンプルが多数掲載されています。
jpolite - Google Code
http://code.google.com/p/jpolite/
jQuery Framework
JPolite (jQuery POrtal Lite) is a lightweight front-end web portal framework based on jQuery.
JPolite (jQuery POrtal Lite) is a lightweight front-end web portal framework based on jQuery. The focus is easy content integration at the front-end, through an intuitive naming system and conventions plus simple and easy configuration. Developers can make use of various server side technologies and frameworks to generate content for the portal. Features: * Flexible layout configurations * Module drag-drop (thanks to jQuery UI * Simple UI controls (Tabs, accordion, ...) * Sample RSS Reader ... Last not least, the core js file weighs only 5kB after compression! Check out the Live Demo to experience.
James Hopkins » IE8 Bugs
http://jhop.me/ie8-bugs
James Hopkins’ compiled list of IE8 bugs and test cases. This should be something which Microsoft itself keeps public track on.
10 Stunning Examples of jQuery Animations
http://www.queness.com/post/1942/10-stunning-examples-of-jquery-animations
10 Stunning Examples of jQuery Animations
Skyrocket Labs | Web site design, development, blogging, social media, XHTML/CSS templates, jQuery, PHP | Ottawa, Ontario, Canada
http://www.skyrocketlabs.com/articles/jdiv-a-jquery-navigation-menu-alternative.php
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.
30 AJAX Tutorials For Smart Web Developers | Graphic and Web Design Blog -Resources And Tutorials
http://www.1stwebdesigner.com/tutorials/ajax-tutorials-smart-web-developers/
Opera Unite developer's primer - Opera Developer Community
http://dev.opera.com/articles/view/opera-unite-developer-primer/
Opera Unite developer's primer
Opera Unite features a Web server running inside the Opera browser, which allows you to do some amazing things. At the touch of a button, you can share images, documents, video, music, games, collaborative applications and all manner of other things with your friends and colleagues. This article gets you started on the road to Opera Unite Service development — it describes how the Opera Unite Web Server in Opera works and how it can be used. Below I will briefly recap some of the basic concepts related to Opera Unite, show how you can enable the Web server in your browser, and give an example of how to write a simple Opera Unite blog service.
Opera Unite features a Web server running inside the Opera browser, which allows you to do some amazing things. At the touch of a button, you can share images, documents, video, music, games, collaborative applications and all manner of other things with your friends and colleagues.
Documentation and examples of unite services
Introduction Opera Unite features a Web server running inside the Opera browser, which allows you to do some amazing things. At the touch of a button, you can share images, documents, video, music, games, collaborative applications and all manner of other things with your friends and colleagues. This article gets you started on the road to Opera Unite Service development — it describes how the Opera Unite Web Server in Opera works and how it can be used. Below I will briefly recap some of the basic concepts related to Opera Unite, show how you can enable the Web server in your browser, and give an example of how to write a simple Opera Unite blog service.
15 jQuery Plugins for Better Web Page Element Layouts - Speckyboy Design Magazine
http://speckyboy.com/2010/02/08/15-jquery-plugins-for-better-web-page-element-layouts/
How to Test your JavaScript Code with QUnit | Nettuts+
http://net.tutsplus.com/tutorials/javascript-ajax/how-to-test-your-javascript-code-with-qunit/
Como testar o seu codigo java script
Uniform - Sexy forms with jQuery
http://pixelmatrixdesign.com/uniform/
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/)
Making a Photoshoot Effect With jQuery & CSS – Tutorialzine
http://tutorialzine.com/2010/02/photo-shoot-css-jquery/
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!
jQuery MagicLine Navigation | CSS-Tricks
http://css-tricks.com/jquery-magicline-navigation/
13 Useful JavaScript Solutions for Charts and Graphs | Resources
http://webdesignledger.com/resources/13-useful-javascript-solutions-for-charts-and-graphs/
Automatic Image Slider w/ CSS & jQuery
http://www.sohtanaka.com/web-design/automatic-image-slider-w-css-jquery/
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.
24 Best Practices for AJAX Implementations | Nettuts+
http://net.tutsplus.com/tutorials/javascript-ajax/24-best-practices-for-ajax-implementations/
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
JavaScriptファイルやCSSファイルを圧縮して高速化する「YUI Compressor Online」 - GIGAZINE
http://gigazine.net/index.php?/news/comments/20080113_yui_compressor_online/
ほえー。どうなってんだろ。
Memory leak patterns in JavaScript
http://www.ibm.com/developerworks/web/library/wa-memleak/
Plugging memory leaks in JavaScript is easy enough when you know what causes them. In this article authors Kiran Sundar and Abhijeet Bhattacharya walk you through the basics of circular references in JavaScript and explain why they can cause problems in certain browsers, especially when combined with closures. After seeing some of the common memory leak patterns you should watch out for, you'll learn a variety of easy ways to work around them.
Memory Leaks in Javascript -> wie wo was warum erklärt dieser Artikel ganz nett
A List Apart: Articles: The Problem with Passwords
http://www.alistapart.com/articles/the-problem-with-passwords/
"Is there a middle path—a way to provide feedback and reduce password errors that doesn’t sacrifice the user experience? At least two design patterns address this issue in offline applications, and with a little JavaScript, we can bring them to the web. [...] The simplest solution is to mask the password by default while giving users a way to switch the field to clear text. [...] Apple adopted an interesting approach. The last letter typed into the field remains visible for a couple of seconds before turning into a dot. This creates an opportunity to catch errors without showing the entire password at once."
Developing Sites With AJAX: Design Challenges and Common Issues - Smashing Magazine
http://www.smashingmagazine.com/2010/02/10/some-things-you-should-know-about-ajax/
Mega Drop-Down Menu, Enjoy It Responsibly! | PV.M Garage
http://www.pvmgarage.com/en/2010/02/mega-drop-down-menu-enjoy-it-responsibly/
dropdown menu
66 Examples of Perfect SlideShow Presentation in Web Design | Inspiration | instantShift
http://www.instantshift.com/2010/02/05/66-examples-of-perfect-slideshow-presentation-in-web-design/
メインイメージを動かすサンプル
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/
Perfection kills » Javascript quiz
http://perfectionkills.com/javascript-quiz/
Interesting JavaScript quiz based around closures and orders of evaluation. Some of the questions are quite mindbending.
Great quiz and comments.
gMap - Google Maps Plugin For jQuery | Examples
http://gmap.nurtext.de/examples.html
Now that I am getting more into jQuery I may just have to use this
iProcessing
http://luckybite.com/iprocessing/
AWesome - added by harper reed's google reader
Debug PHP with Firebug and FirePHP
http://www.sitepoint.com/blogs/2010/02/09/debug-php-firebug-firephp/
jQuery Quicksand plugin
http://razorjack.net/quicksand/
アイコンが動かせる
Create Your Own Sliding Resizable Grid
http://www.zackgrossbart.com/hackito/slidegrid/
Sliding Resizable Grid
ブラウザのサイズが変更されると、レイアウトがスライドのアニメーションで変更されるスクリプト
Freeciv.net - online multiplayer strategy game
http://www.freeciv.net/
Freeciv.net is an Open Source strategy game which can be played online against other players, or in single player mode against AI opponents.
Fitted: a jQuery Plugin
http://www.trovster.com/lab/plugins/fitted/
Clickable blocks of content.
5 Fantastic Free Tools to Showcase Your Portfolio
http://mashable.com/2010/02/11/web-portfolio/
5 Fantastic Free Tools to Showcase Your Portfolio - http://mashable.com/2010/02/11/web-portfolio/
JQuery Form Wizard
http://thecodemine.org/
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.
Real time online activity monitor example with node.js and WebSocket @ Bamboo Blog
http://blog.new-bamboo.co.uk/2009/12/7/real-time-online-activity-monitor-example-with-node-js-and-websocket
John Resig - ECMAScript 5 Objects and Properties
http://ejohn.org/blog/ecmascript-5-objects-and-properties/
This new code gives you the ability to dramatically affect how users will be able to interact with your objects, allowing you to provide getters and setters, prevent enumeration, manipulation, or deletion, and even prevent the addition of new properties. In short: You will be able to replicate and expand upon the existing JavaScript-based APIs (such as the DOM) using nothing but JavaScript itself.
Best of the Web: January - NETTUTS
http://nettuts.com/articles/web-roundups/best-of-the-web-january/
54 Awesome Tutorials To Satisfy The Appetite Of Any Web Developer | Tutorials | PelFusion.com
http://pelfusion.com/tutorials/54-awesome-tutorials-to-satisfy-the-appetite-of-any-web-developer/
Get Local Search Results With Google Maps and Ajax APIs - Webmonkey
http://www.webmonkey.com/tutorial/Get_Local_Search_Results_With_Google_Maps_and_Ajax_APIs
var resultdiv = document.getElementById('searchresults');
searchControl
Samuel Garneau dot com - jQuery : Slide Box
http://samuelgarneau.com/lab/slidebox/
Function’less event handlers in jQuery - James Padolsey
http://james.padolsey.com/javascript/functionless-event-handlers-in-jquery/
s
*
RT @jquery: Tutorial: Function’less event handlers in jQuery - http://ping.fm/9Lf17 [nice article!] [from http://twitter.com/behi_at/statuses/1728931636]
wtfjs
http://wtfjs.com/
JavaScript is a language we love despite it giving us so much to hate. This is a collection of those very special irregularities, inconstancies and just pain unintuitive moments for the language of the web.
JavaScript is a language we love despite it giving us so much to hate. This is a collection of those very special irregularities, inconstancies and just pain unintuitive moments for the language of the web.
"JavaScript is a language we love despite it giving us so much to hate. This is a collection of those very special irregularities, inconstancies and just pain unintuitive moments for the language of the web."
editease - Project Hosting on Google Code
http://code.google.com/p/editease/
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
Wiggle stereoscopy - a new approach [Legends of the Sun Pig - Martin Sutherland's Blog]
http://sunpig.com/martin/archives/2005/12/12/wiggle-stereoscopy-a-new-approach.html
Create 3d images from photos. Not a true 3d image, however, fast animation technique creates illusion of 3d space in any photo. Code and instructions on how to create and include on website
Google Chart Tools - Google Code
http://code.google.com/apis/charttools/
Ketchup Plugin
http://demos.usejquery.com/ketchup-plugin/
SVG-edit demo
http://svg-edit.googlecode.com/svn/branches/2.4/editor/svg-editor.html
Browser based SVG editor!
javascript SVG editor. Combine with firebug and watch it generate and manipulate SVG markup as you draw.
In-browser svg editor; edit and save files
jQuery PhotoShoot Plugin 1.0 – Tutorialzine
http://tutorialzine.com/2010/02/jquery-photoshoot-plugin/
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).
http://www.radoslavdimov.com/jquery-plugins/jquery-plugin-digiclock/
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
You Can Use CSS3 Right Now | Design Informer
http://designinformer.com/use-css3-now/
You Can Use CSS3 Right Now | Design Informer - http://designinformer.com/use-css3-now/
JCargoo for Technology and Programming: 7 Vertical Menus With jQuery Effects
http://www.jcargoo.org/2009/02/7-vertical-menus-with-jquery-effects.html
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
50 Useful Coding Techniques (CSS Layouts, Visual Effects and Forms) - Smashing Magazine
http://www.smashingmagazine.com/2010/02/18/50-css-and-javascript-techniques-for-layouts-forms-and-visual-effects/
35 Useful jQuery Plugins for Slideshows, Graphs and Text Effects - Noupe
http://www.noupe.com/jquery/35-useful-jquery-plugins-for-slideshows-graphs-and-text-effects.html
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
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/
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.
JSINQ - LINQ to Objects for JavaScript - Home
http://www.codeplex.com/jsinq
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!
A Better jQuery In-Field Label Plugin | Viget Inspire
http://www.viget.com/inspire/a-better-jquery-in-field-label-plugin/
Great in-field label jQuery plugin (text hints)
Uniform - Sexy forms with jQuery
http://pixelmatrixdesign.com/uniform/#example
Adding Markers to a Map Using the Google Maps API and jQuery
http://articles.sitepoint.com/article/google-maps-api-jquery
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
Simple CSS shiny progress bar technique - Ben Ogle's blog. Yeah!
http://blog.benogle.com/2009/06/16/simple-css-shiny-progress-bar-technique/
Here
A technique for making a progress bar from three divs, one image, and a little CSS. Check it out!
Apple-like Slideshow Gallery | Tutorialzine demo
http://demo.tutorialzine.com/2009/11/beautiful-apple-gallery-slideshow/demo.html
Apple-like Slideshow Gallery using CSS and Jquery
Projective Texturing with Canvas | Steven Wittens - Acko.net
http://acko.net/blog/projective-texturing-with-canvas
html5 canvas image skew
The Canvas tag's popularity is slowly increasing around the web. I've seen big sites use it for image rotation, graph plotting, reflection effects and much more. However, Canvas is still limited to 2D: its drawing operations can only do typical vector graphics with so-called affine transformations, i.e. scaling, rotating, skewing and translation. Though there have been some efforts to try and add a 3D context to Canvas, these efforts are still experimental and only available for a minority of browsers through plug-ins.
a working projective transform renderer in JavaScript. The algorithm uses adaptive subdivision to maintain quality and can be tuned for detail or performance.
The Canvas tag's popularity is slowly increasing around the web. I've seen big sites use it for image rotation, graph plotting, reflection effects and much more. However, Canvas is still limited to 2D: its drawing operations can only do typical vector graphics with so-called affine transformations, i.e. scaling, rotating, skewing and translation. Though there have been some efforts to try and add a 3D context to Canvas, these efforts are still experimental and only available for a minority of browsers through plug-ins.
Make an Animated Alphabet using Keypress Events in jQuery | Build Internet!
http://buildinternet.com/2009/05/make-an-animated-alphabet-using-keypress-events-in-jquery/
The third animate event retracts the block back to its starting position.
shortcut keys?
Glimmer: a jQuery Interactive Design Tool - Articles - MIX Online
http://visitmix.com/Articles/Glimmer-a-jQuery-Interactive-Design-Tool
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.
The Messy Notebook » Javascript Tetris Pt 1: Rationale
http://kjeldahlnilsson.net/blog/?p=71
Ya it's the classically Tetris implemented in javascript:)
Good Software Engineering Applied To A Javascript Tetris Game
YoxView - jQuery image viewer plugin
http://www.yoxigen.com/yoxview/
jQuery Roundabout Shapes
http://fredhq.com/projects/roundabout-shapes/
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.
Quicksand
http://razorjack.net/quicksand/docs-and-demos.html
Cool Jquery sorting
jquery framework for list item replacement with shuffle transition.
cool plugin
Grafico javascript charting library
http://grafico.kilianvalkhof.com/index.html
Chartssss
Grafico is a javascript charting library based on Raphaël and Prototype.js. It is originally developed as Ico by Alex Young, but this version was developed by Kilian Valkhof at Wakoopa. Grafico's basic principles are to provide good, clean looking graphs inspired by work of Stephen Few and Edward Tufte, while still being flexible to implement and providing numerous api options to tweak the look of the graphs.. Some key things Grafico has: * Flexible ranges Grafico select the best range to display your data at * Hover options display additional information such as the value when hovering over charts * Mean lines A single line that display the mean. * Watermarks Use an image as a watermark over your graphs
The Seven Deadly Sins Of JavaScript Implementation - Smashing Magazine
http://www.smashingmagazine.com/2010/02/22/the-seven-deadly-sins-of-javascript-implementation/
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.
25 jQuery Tutorials for Creating and Working with Forms – DesignM.ag
http://designm.ag/tutorials/jquery-forms/
– DesignM.ag
数週間前に、私たちは、フォームで働くためのjQueryプラグインの収集を発行しました。 それらのプラグインが非常に役に立つ場合がある間、回があなたが単にプラグインを使用するより自分でむしろ解決策をコード化する方法を学ぶ方がましであるところにあるかもしれません。 jQueryと用紙で働くのに利用可能な多くの上質のチュートリアルがあります、そして、このポストでは、私たちはそれらの25を特徴とするでしょう。
JavaScript WYSIWYG Editor – TinyEditor - Web Development Blog
http://www.leigeber.com/2010/02/javascript-wysiwyg-editor/
ASCII.jp:40分で覚える!jQuery速習講座
http://ascii.jp/elem/000/000/498/498710/
» Google Analytics for Facebook Fan Pages - PHP, Web and IT stuff
http://www.webdigi.co.uk/blog/2010/google-analytics-for-facebook-fan-pages/
» Google Analytics for Facebook Fan Pages - PHP, Web and IT stuff
Google analytics about Facebook Fan Pages
We launched our Facebook fan page earlier this month and as with all Facebook pages only Facebook Insights program is available to page administrators.
BitTorrent visualization in processing.js
http://mg8.org/processing/bt.html
Visualizador del proceso de compartición de archivos por BitTorrent
Per entendre el funcionament del P2P.
Erqqvg
http://erqqvg.com/
Canvas3D & Flickr
http://www.xs4all.nl/~peterned/3d/
A demonstration of the potential of the canvas element, which could pave the way for javascript to replace flash.
example of canvas tag for 3d image display
pretty sick html5 canvas demo via Gen Kanei
All About Tables – jQuery Plugin | INSIC 2.0 Web Development & Design Blog
http://blog.insicdesigns.com/2009/06/all-about-tables-jquery-plugin/
Learning jQuery: Your First jQuery Plugin, “BubbleUP” | AEXT.NET
http://aext.net/2010/02/learn-jquery-first-jquery-plugin-bubbleup/
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
http://www.onextrapixel.com/2010/02/23/how-to-use-jquery-to-make-slick-page-transitions/
How to Use jQuery to Make Slick Page Transitions | Onextrapixel - Showcasing Web Treats Without Hitch
Firefox: 46 features you might not know about ✩ Mozilla Hacks – the Web developer blog
http://hacks.mozilla.org/2010/02/firefox-46-features/
Awesome things I didn't know that Fire Fox could do.
Best Practices for Hints and Validation in Web Forms
http://sixrevisions.com/user-interface/best-practices-for-hints-and-validation-in-web-forms/
15 Best Websites that can make you a Web Designer | SaveDelete
http://savedelete.com/15-best-websites-that-can-make-you-a-web-designer.html
Jon Combe | Code | HTML clocks using JavaScript and CSS rotation
http://joncom.be/code/css-clocks/
clock
Süper saat uygulaması.
Jon Combe | Code | HTML clocks using JavaScript and CSS rotation - http://joncom.be/code/css-clocks/
jqFancyTransitions: jQuery Image Rotator Plugin
http://workshop.rs/projects/jqfancytransitions/
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.
jQuery Plugin: TinyTips 1.0 | Mike Merritt | Digital Inferno
http://www.digitalinferno.net/blog/jquery-plugin-tinytips-1-0/
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
A List Apart: Articles: Accent Folding for Auto-Complete
http://www.alistapart.com/articles/accent-folding-for-auto-complete/
In this article we will skip through a bit of history and theory, then illustrate a neat hack called accent-folding. Accent-folding has its limitations but it can help make some important yet overlooked user interactions work better.
10 Fresh tools and resources for web developers
http://woork.blogspot.com/2009/07/10-fresh-tools-and-resources-for-web.html
Wavemaker is the most interesting of these, but any could come in handy.
In this post I want to suggest you some interesting tools and resources for web developers. This list includes a CSS framework to design sitemaps using HTML lists, some interesting JavaScript frameworks, some interesting jQuery plug-in, a PHP face detection script, a tutorial to work with the Twitter API and a tutorial about how to retrieve your Gmail emails using PHP
HTML、CSS、JavaScriptの練習に最適な便利ツール『rendur』 - 100SHIKI ~ 世界のアイデアを日替わりで ~
http://www.100shiki.com/archives/2009/02/rendur.html
ブラウザだけでHTML、CSS、JavaScriptの練習ができるサイト。
ブラウザだけでHTML、CSS、JavaScriptの編集ができ、その結果をリアルタイムに確認することができる。
jQuery DivCorners
http://roydukkey.com/divcorners/
角丸
邊框!!!!
This plugin aims to created an easy way to add border layouts to screen content.
26 cool and useful jQuery tips, tricks & solutions | OpenSourceHunter
http://www.opensourcehunter.com/2010/02/27/26-cool-and-usefull-jquery-tips-tricks-solutions/
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.
50 Awesome CSS3 Animations | Graphic and Web Design Blog -Resources And Tutorials
http://www.1stwebdesigner.com/development/50-awesome-css3-animations/
Browse: Home / Development / 50 Awesome Animations made with CSS3
html5media - Project Hosting on Google Code
http://code.google.com/p/html5media/
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.
CDN Catalog
http://www.cdncatalog.com/
10+ useful code snippets to develop iPhone friendly websites
http://www.catswhocode.com/blog/10-useful-code-snippets-to-develop-iphone-friendly-websites
"When developing websites, you have to care about different browsers, as well as mobile devices such as iPhones or iPods. In this article, let's have a look at the 10+ most useful code snippets (Javascript, PHP, CSS, etc) for developing iPhone friendly websites, quickly and efficiently."
10 jQuery Transition Effects: Moving Elements with Style | DevSnippets
http://devsnippets.com/article/10-jquery-transition-effects.html
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
Debouncing Javascript Methods | Unscriptable.com
http://unscriptable.com/index.php/2009/03/20/debouncing-javascript-methods/
Taking an event that fires multiple times in a short period of time, and treating them as one event.
パフォーマンス、ユーザー動作の休止を検知する、バウンス(スイッチの切り換えサイクルが収束すること)、Throttling(イベント発生数を減らす /mousemoveイベントなど)、発生回数などは保持する、一定期間(threshold)イベントが発生しなくなってから処理を実行する/イベントをまとめる、execAsapがtrueの場合は先に処理を行い一定期間(threshold)処理を受け付けない、timeoutが空かどうかで判定している/高速にsetTimeoutとclearTimeoutを繰り返す、←ツールチップ表示のトリガの動作に近い
via youpy、パフォーマンス、ユーザー動作の休止を検知する、バウンス(スイッチの切り換えサイクルが収束すること)、Throttling(イベント発生数を減らす/mousemoveイベントなど)、発生回数などは保持する、一定期間(threshold)イベントが発生しなくなってから処理を実行する/イベントをまとめる、execAsapがtrueの場合は先に処理を行い一定期間(threshold)処理を受け付けない、timeoutが空かどうかで判定している/高速にsetTimeoutとclearTimeoutを繰り返す、←ツールチップ表示のトリガの動作に近い
デバウンス 短時間に発生する複数のイベントをまとめる setTimeout/clearTimeout
timeout id をクロージャにして関数を返す関数を作ることで、resize などの操作が続けて起こる場合は、操作が全部終わってから特定時間待つように。debouncing というらしい。 http://invisibleblocks.wordpress.com/2009/10/20/a-javascript-war-story/
25 Amazing and Fresh jQuery Plugins - Speckyboy Design Magazine
http://speckyboy.com/2010/03/01/25-amazing-and-fresh-jquery-plugins/
How jQuery is Killing Flash + jQuery Tutorials & Plugins to Beat Up Flash Animations | AEXT.NET
http://aext.net/2010/03/javascript-jquery-killing-flash-tutorial-jquery-plugin/
Efeitos muito bons de animação Jquery
Ajax Availability Calendar - an Availability Calendar to show your day-to-day availability
http://www.ajaxavailabilitycalendar.com/
The Ajax Availability Calendar is a php script designed to show availability of whatever you might need it for (eg. holiday cottage, hotel rooms etc.).
The Ajax Availability Calendar is a php script designed to show availability of whatever you might need it for (eg. holiday cottage, hotel rooms etc.). Free to use on your website or application and is currently being used (v.2) by hundreds, if not thousands, of websites around the world.
Availability calendar for hotels, apartments, holiday homes The Ajax Availability Calendar is a php script designed to show availability of whatever you might need it for (eg. holiday cottage, hotel rooms etc.). Free to use on your website or application and is currently being used (v.2) by hundreds, if not thousands, of websites around the world.
Andrew Hoyer | Cloth Simulation
http://www.andrew-hoyer.com/experiments/cloth
http://www.andrew-hoyer.com/exp_src/cloth_JS/cloth.js - code is here
is simulation. A lot of the concepts discussed by Thomas Jacobse
10 Small Things You May Not Know About Javascript | samuli.hakoniemi.net
http://samuli.hakoniemi.net/10-small-things-you-may-not-know-about-javascript/
rikrikrik.com - jQuery magicpreview plug-in
http://www.rikrikrik.com/jquery/magicpreview/#examples
Muito bom JQuery para forms interativos
Alloy UI - A project of Liferay
http://www.alloyui.com/
Composants JS
Alloy is a UI metaframework that provides a consistent and simple API for building web applications across all three levels of the browser: structure, style and behavior. * HTML * CSS * JavaScript
Plupload - A tool for uploading files using Flash, Silverlight, Google Gears, HTML5 or Browserplus
http://www.plupload.com/example_queuewidget.php
HTML5 uploader with fallbacks.
Fantastic Content Sliders for your Inspiration | Webdesigner Depot
http://www.webdesignerdepot.com/2010/03/fantastic-content-sliders-for-your-inspiration/
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
dynamic PNG shadow position & opacity - by Daniel Kurdoghlian | PushingPixels.at
http://pushingpixels.at/experiments/dynamic_shadow/
fingernails in oatmeal, Metaprogramming: Ruby vs. Javascript
http://fingernailsinoatmeal.com/post/292301859/metaprogramming-ruby-vs-javascript
Excellent JQuery Plugins To Enhance Form Validation | AntsMagazine.Com
http://www.antsmagazine.com/2009/11/excellent-jquery-plugins-to-enhance-form-validation/
formualire d'autocompletion en jquery
リッチインターネットアプリケーションの実装時に検討したい30のUI | コリス
http://coliss.com/articles/build-websites/operation/design/ui-essential-controls-for-ria.html
インターフェイスを考える。
Quick Tip: Different Layouts for Different Widths | Nettuts+
http://net.tutsplus.com/videos/screencasts/quick-tip-different-layouts-for-different-widths/
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
Introducing EnhanceJS: A smarter, safer way to apply progressive enhancement | Filament Group, Inc., Boston, MA
http://www.filamentgroup.com/lab/introducing_enhancejs_smarter_safer_apply_progressive_enhancement/
Introducing EnhanceJS, a JavaScript framework designed specifically to deliver a usable experience to the widest possible audience, by testing the browser to determine whether it is capable of correctly supporting a range of essential CSS and JavaScript properties, and delivering features only to those that pass the test.
iJab - XMPP Hosting and XMPP web client services
http://www.ijab.im/
bassistance.de » jQuery plugin: Message
http://bassistance.de/jquery-plugins/jquery-plugin-message/
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
Webデザイナーのためのフリーイメージギャラリー20選 | CREAMU
http://blog.creamu.com/mt/2009/01/web20_1.html
簡単に使える画像ギャラリー
Plunging into the sea of jQuery plugins – Part I
http://dotnetslackers.com/articles/ajax/Plunging-into-the-sea-of-jQuery-plugins-Part-I.aspx#replySection
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 Upload - ZURB Playground - ZURB.com
http://www.zurb.com/playground/ajax_upload
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?
JSPatterns.com
http://www.jspatterns.com/
Good resource on javascript
CSS-Tricks #38: Basics & Tips on Designing for the iPhone
http://css-tricks.com/video-screencasts/38-basics-tips-on-designing-for-the-iphone/
IPOD WEB MISE EN PAGE !!!!
25 Excellent jQuery Tutorials for Navigation Menu « AcrisDesign – Web Design Resources and Inspiration
http://acrisdesign.com/2010/03/25-excellent-jquery-tutorials-for-navigation-menu/
About this Blog | Free PeepCode Blog
http://blog.peepcode.com/tutorials/2010/about-this-blog
individually designed blog post
good ideas and tools for a blog with a style per page.
Uncovering jQuery's Hidden Features | Nettuts+
http://net.tutsplus.com/tutorials/javascript-ajax/uncovering-jquerys-hidden-features/
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.
Entering The Wonderful World of Geo Location - Smashing Magazine
http://www.smashingmagazine.com/2010/03/08/entering-the-wonderful-world-of-geo-location/
RT @TrendTracker: Entering The Wonderful World of Geo Location - http://bit.ly/9hC2TG RT @smashingmag
Giving the user content that is relevant to the physical space they are in at the moment makes a lot of sense.
A JavaScript Content Switcher That Works Without JavaScript | Impressive Webs Toronto
http://www.impressivewebs.com/javascript-content-switcher-without-javascript/
30 amazing ajax css form | Graphic and Web Design Blog -Resources And Tutorials
http://www.1stwebdesigner.com/css/best-ajax-css-forms-tips-trends-techniques/
Harmony - Procedural drawing tool
http://mrdoob.com/lab/javascript/harmony/
Procedural drawing tool
HTML5 drawing tool
http://mrdoob.com/lab/javascript/harmony/
It's amazing what you can do with HTML5. If I were Adobe, I'd be more than a little worried right now.
Canvas driven drawing app.
jQuery Lightbox - NETTUTS
http://net.tutsplus.com/freebies/lightboxes/jquery-lightbox-2/
图片显示
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/
43 Essential Controls for Web Applications | UX Booth
http://www.uxbooth.com/blog/essential-controls-for-web-applications/
web制作者の為の31リンク集2009年1月度版*ホームページを作る人のネタ帳
http://e0166.blog89.fc2.com/blog-entry-583.html
便利なツール、ウェブサービスとかのリスト
cssやアイコン、テクスチャ、アクションなどいろいろいろまとめすぎてよくわからない・・・
Sliding Labels v2 – Patch « CSSKarma
http://www.csskarma.com/blog/sliding-labels-v2/
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/
jQuery Dock Menu Tutorial Revisit - Dock at Bottom | Queness
http://www.queness.com/post/281/jquery-dock-menu-tutorial-revisitdock-at-bottom
Worth reading when willing to experiment and investigate jQuery. Hopefully that's soon.
Facebook , Footer BAR
これは注目!jQueryでExtばりにリッチなUIが実装できる「jQuery Ribbon」:phpspot開発日誌
http://phpspot.org/blog/archives/2009/05/jqueryextjquery.html
Windows7っぽいデザインのUIがJavaScriptで
jQuery Spritely | Spritely
http://spritely.net/
animacja w jQuery
50 jQuery Snippets That Will Help You Become A Better JavaScript Developer | AddyOsmani.com | Where Web Businesses Grow
http://addyosmani.com/blog/50-jquery-snippets-for-developers/
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.
ejacs - Google Code
http://code.google.com/p/ejacs/
Ejacs is an Ecma-262 compliant JavaScript interpreter written entirely in Emacs Lisp. It should work in GNU Emacs versions 22 and higher.
Ejacs is an Ecma-262 compliant JavaScript interpreter written entirely in Emacs Lisp
JavaScript in emacs
ELispで書かれたEcma-262 インタプリタ。Emacs22以降で動くらしい
emacsでjsインタプリタ。alertとかDocument.writeとかが使えないから微妙
John Resig - How do Mobile Browsers Behave?
http://ejohn.org/blog/how-do-mobile-browsers-behave/
Mobile Browsers Compatibility Table
A study on how mobile browsers work...
High Performance Web Sites :: Hammerhead: moving performance testing upstream
http://www.stevesouders.com/blog/2008/09/30/hammerhead-moving-performance-testing-upstream/
45 Fresh Useful JavaScript and jQuery Techniques and Tools - Smashing Magazine
http://www.smashingmagazine.com/2010/03/12/45-fresh-useful-javascript-and-jquery-techniques-and-tools/
humble software development - Finance Financial Graphs
http://www.humblesoftware.com/finance/index
pong
http://www.project-euh.com/pong/
Delicious popular
site bizarre euh pong programing art master 2 m2
sylvain pong with javascript windows
window pong in a browser
一工夫でページのクオリティをアップするCSSとJavaScriptのソリューション集 | コリス
http://coliss.com/articles/build-websites/operation/work/css-and-javascript-10-solutions.html
Try jLinq Online
http://www.hugoware.net/TryOnline
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』
YQL Geo Library - get all your geo needs in JavaScript - geolocation, reverse geocoding, content analysis
http://isithackday.com/hacks/geo/yql-geo-library/
not sure how to use
YQL Geo Library - get all your #geolocation needs in #JavaScript http://j.mp/cJBBZl
As an aid for the Georgia Tech Hack 2010 and as a follow-up to my talk about geolocation here is a simple JavaScript library that answers most of your geo questions. It wraps the following services in a simple interface: * Yahoo Placemaker * Yahoo GeoPlanet * jsonip.appspot.com * IP location tools * W3C Geo location * Flickr.places.findByLatLon
Links Web
http://www.linksweb.com.br/
Scripts e tutoriais para desenvolvedores web.
Muitos tutoriais Interessantes, até uma galeria muito boa em Jquery
[JS]Firefox 2/3, Safariも判別する1行のスクリプト | コリス
http://coliss.com/articles/build-websites/operation/javascript/js-detecting-firefox-and-safari-in-a-line.html
昨日紹介した「わずか「12文字」でIEを判別するスクリプト」に続いて、Firefox 2/3, Safariを判別する1行のスクリプトをThe Spannerから紹介します。 FF=/a/[-1]=='a' FF3=(function x(){})[-5]=='x' FF2=(function x(){})[-6]=='x' Saf=/a/.__proto__=='//'
Most Promising Free Javascript Charting Libraries and Plugins | INSIC 2.0 Web Development & Design Blog
http://blog.insicdesigns.com/2009/06/most-promising-free-javascript-charting-libraries-and-plugins/
Most Promising #Javascript Charting Libraries & Plugins http://j.mp/deWvyn
most promising Free javascript charting libraries and plugins. - 10 of them
Rejex: the JavaScript regular expression editor
http://rejex.heroku.com/
form feed
live regex tester
MyTextTools™ Online Text Manipulation Tools
http://mytexttools.com/
Fairly useful tool for basic text manipulation and editing
Welcome to MyTextTools™ a collection of free, browser-based, text manipulation tools.
Top 10 best practices for front-end web developers
http://www.catswhocode.com/blog/top-10-best-practices-for-front-end-web-developers
Top 10 best practices for front-end web developers - http://www.catswhocode.com/blog/top-10-best-practices-for-front-end-web-developers
practices
JSON Visualization
http://chris.photobooks.com/json/default.htm
Simple, easy method to visually inspect a JSON-encoded string.
5 Top jQuery Chart Libraries for Interactive Charts | Graphic and Web Design Blog -Resources And Tutorials
http://www.1stwebdesigner.com/resources/top-jquery-chart-libraries-interactive-charts/
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/
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
10 New jQuery Plugins To Spice Up Your Website | webexpedition18
http://webexpedition18.com/articles/10-new-jquery-plugins-to-spice-up-your-website/
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.
100 Essential Web Development Tools - Noupe
http://www.noupe.com/tools/100-essential-web-development-tools.html
Debugging and Testing in Internet Explorer Made Easy | samuli.hakoniemi.net
http://samuli.hakoniemi.net/debugging-and-testing-in-internet-explorer-made-easy/
post bem interessante com links para programas bacanas (inclusive pacotes das versões do ie) sobre debug nos ie
It’s somewhat usual to leave the testing with Internet Explorer until the end of the project. This is quite acceptable when you’re dealing mainly with layout issues. But when you’re building a web application with loads of features, there are several issues to struggle with: constant debugging, client-side performance, proprietary bugs and so on. However, getting your hands dirty with IE doesn’t always feel as comfortable as with other browsers. In this article, I’m going to list and review different set of tools, which will help you and make your debugging and testing process in Internet Explorer much more enjoyable.
15 CSS3 Navigation and Menu Tutorials and Techniques - Speckyboy Design Magazine
http://speckyboy.com/2010/03/15/15-css3-navigation-and-menu-tutorials-and-techniques/
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
Adequately Good - JavaScript Module Pattern: In-Depth
http://www.adequatelygood.com/2010/3/JavaScript-Module-Pattern-In-Depth
core
ContentFlow
http://www.jacksasylum.eu/ContentFlow/index.php
a flexible Coverflow / ImageFlow like flow written in javascript, which can handle any kind of content.
jQuery Resources for One-Page Portfolios | Vandelay Design Blog
http://vandelaydesign.com/blog/web-development/jquery-one-page-portfolios/
jQuery Resources for One-Page Portfolios | Vandelay Design Blog - http://vandelaydesign.com/blog/web-development/jquery-one-page-portfolios/
Web Design and Development Blog
Presentation Cycle: Cycle with a progressbar - Gaya Design
http://www.gayadesign.com/diy/presentation-cycle-cycle-with-a-progressbar/
"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."
Cross Browser CSS Transforms – even in IE
http://www.useragentman.com/blog/2010/03/09/cross-browser-css-transforms-even-in-ie/
3d Html Eleman Yapımı
“Who Is Online” Widget With PHP, MySQL & jQuery – Tutorialzine
http://tutorialzine.com/2010/03/who-is-online-widget-php-mysql-jquery/
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
http://www.loudthinking.com/posts/32-myth-3-rails-forces-you-to-use-prototype
Myth #3: Rails forces you to use Prototype
PEG.js – Parser Generator for JavaScript
http://pegjs.majda.cz/
enter your own lexer
How to Build a Lava-Lamp Style Navigation Menu | Nettuts+
http://net.tutsplus.com/tutorials/html-css-techniques/how-to-build-a-lava-lamp-style-navigation-menu/
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.
wyiswyg - mootools
http://www.efectorelativo.net/laboratory/wysiwyg/
#wysiwyg #mootools
Editor wisiwyng
nothingmuch's most awesome Perl blog EVAR!!1one: Why I don't use CouchDB
http://blog.woobling.org/2009/05/why-i-dont-use-couchdb.html
Keep this as a reference to common couch FUD :)
jQuery for Complete Beginners: Part 1 | Graphic and Web Design Blog
http://www.1stwebdesigner.com/tutorials/jquery-beginners-1/
[object Object]
jQuery SuperBox!
http://www.pierrebertet.net/projects/jquery_superbox/#mode-image
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
Cross-domain communications with JSONP, Part 1: Combine JSONP and jQuery to quickly build powerful mashups
http://www.ibm.com/developerworks/library/wa-aj-jsonp1/?ca=dgr-jw22JSONP-jQuery&S_TACT=105AGX59&S_CMP=grsitejw22
&callback=?
Nivo Slider - The Most Awesome jQuery Image Slider
http://nivo.dev7studios.com/
Next
Grid Accordion with jQuery | CSS-Tricks
http://css-tricks.com/grid-accordion-with-jquery/
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
jQuery MagicLine Navigation Demo
http://css-tricks.com/examples/MagicLine/
sweet magical slider behind the menuitems with jquery
20 Best And Highly Useful jQuery Tutorials For Designers And Beginners
http://savedelete.com/20-best-and-highly-useful-jquery-tutorials-for-designers-and-beginners.html
jQuery Reel Plugin
http://jquery.vostrel.cz/reel
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
Best practices in web development with Python and Django « News Apps Blog
http://blog.apps.chicagotribune.com/2010/02/26/best-practices/
Best practices in web development with Python and Django
5 Quick and Easy Ways to Optimise Your Website - Freelance Web Design Belfast Northern Ireland - Lee Munroe
http://www.leemunroe.com/optimise-website/
Performance is something you don’t often think about. You assume that if it loads quickly enough for you then everyone’s happy. Someone commented a while back saying that it takes quite long for my pages to load so I optimised it a tad and thought I’d share a few quick tips with you.
jQuery Spotlight
http://www.gilbertpellegrom.co.uk/demo/jquery-spotlight/
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.
35 Fresh JavaScript/jQuery Tools and Resources - Noupe
http://www.noupe.com/javascript/35-fresh-javascript-jquery-tools-and-resources.html
It's time for more JavaScript and jQuery goodies here on Noupe. Today we are featuring fresh JavaScript Development Frameworks, code optimization and minimization...
BBCが使っているJavaScriptのライブラリ『Glow』が遂に一般公開! - IDEA*IDEA ~ 百式管理人のライフハックブログ ~
http://www.ideaxidea.com/archives/2009/07/bbc_glow.html
Sponsor Flip Wall With jQuery & CSS – Tutorialzine
http://tutorialzine.com/2010/03/sponsor-wall-flip-jquery-css/
for main
How to Make an HTML5 iPhone App
http://sixrevisions.com/web-development/html5-iphone-app/
how to create an offline HTML5 iPhone application. More specifically, I’ll walk you through the process of building a Tetris game.
Harmony - Procedural drawing tool
http://mrdoob.com/projects/harmony/#sketchy
Fajne rysowanie
Interesting sketching tool that makes otherwise-boring line drawings look very cool.
nice sketches
Color Picker — Raphaël
http://raphaeljs.com/picker/
PHP, Web and IT stuff » Blog Archive » Avoid Javascript blocking content download on your website during page load
http://www.webdigi.co.uk/blog/2009/avoid-javascript-blocking-content-download-on-your-website-during-page-load/
Firefoxからsshのダイナミック転送を使って非公開サーバへアクセスする - 射撃しつつ前転
http://d.hatena.ne.jp/tkng/20090621/1245539830
sshにはダイナミック転送という機能がある。この機能を使うと、sshはアプリケーション側にはSOCKSプロクシとして振る舞うが、そこからsshの接続先までは暗号化された状態で通信が行われる。
Firefoxからsshのダイナミック転送を使って非公開サーバへアクセスする - 射撃しつつ前転 sshにはダイナミック転送という機能がある。この機能を使うと、sshはアプリケーション側にはSOCKSプロクシとして振る舞うが、そこからsshの接続先までは暗号化された状態で通信が行われる。 これだけだと通常のトンネリングとどう違うのかよくわからないかもしれないが、ダイナミック転送の場合は転送ポートを指定する必要がない。ここがダイナミックと表現される所以だろう。 例えば、オフィスAにある開発サーバ... はてなブックマーク - Firefoxからsshのダイナミック転送を使って非公開サーバへアクセスする - 射撃しつつ前転 はてなブックマークに追加 dann dann ssh, firefox
20 Helpful jQuery Methods you Should be Using | Nettuts+
http://net.tutsplus.com/tutorials/javascript-ajax/20-helpful-jquery-methods-you-should-be-using/
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
jQuery Presentation Plugin: Say NO to Keynote! | Viget Inspire
http://www.viget.com/inspire/jquery-presentation-plugin/
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.
Create a Realistic Hover Effect With jQuery « Blog and Web Design Portfolio of Adrian Pelletier
http://www.adrianpelletier.com/2009/05/31/create-a-realistic-hover-effect-with-jquery-ui/comment-page-1/#comment-3367
A very impressive demo of reflection and shaddown on icons
10 New jQuery Plugins You Have to Know
http://www.queness.com/post/2693/10-new-jquery-plugins-you-have-to-know
10 New #jQuery Plugins You Have to Know http://j.mp/b8MDx6
jQuery Tutorial for Beginners: Nothing But the Goods | Impressive Webs Toronto
http://www.impressivewebs.com/jquery-tutorial-for-beginners/
Introductory tutorial for using jQuery. Very readable.
A collection of 14 Excellent JavaScript Date Pickers
http://www.bitrepository.com/web-programming/javascript/date-pickers.html
Introducing "Aristo", A jQuery UI Theme — Nothing Insightful
http://taitems.tumblr.com/post/482577430/introducing-aristo-a-jquery-ui-theme
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
Colorful Sliders With jQuery & CSS3 – Tutorialzine
http://tutorialzine.com/2010/03/colorful-sliders-jquery-css3/
In this tutorial we are using jQuery and the new transformation features brought by CSS3 to create a three dimensional dynamic slider effect.
10+ regular expressions for efficient web development
http://www.catswhocode.com/blog/10-regular-expressions-for-efficient-web-development
Useful regular expressions for web validation.
AJAX File Browser Demo
http://www.ajaxfilebrowser.com/
AJAX File Browser demo with IT Hit WebDAV Server Engine running on server side
Building a Better JavaScript Profiler with WebKit « alert debugging
http://www.alertdebugging.com/2009/04/29/building-a-better-javascript-profiler-with-webkit/
20 jQuery Cheatsheets, Docs and References for Every Occasion - Speckyboy Design Magazine
http://speckyboy.com/2010/03/31/20-jquery-cheatsheets-docs-and-references-for-every-occasion/
20 jQuery Cheatsheets, Docs and References for Every Occasion
How to Use the jQuery UI Autocomplete Widget | Nettuts+
http://net.tutsplus.com/tutorials/javascript-ajax/how-to-use-the-jquery-ui-autocomplete-widget/
RD - riccardodegni.net | Blog » GX - Full-featured Javascript Animations Framework
http://www.riccardodegni.net/blog/gx-full-featured-javascript-animations-framework
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“
9lessons: Submit a Form without Refreshing page with jQuery and Ajax.
http://9lessons.blogspot.com/2009/04/submit-form-jquery-and-ajax.html
javascript post function
good tutorial
Submit a Form without Refreshing page with jQuery and Ajax. Bagus!
JavaScript Dojo API Docs
http://dojodocs.uxebu.com/
easy to navigate guide with javascript base
Use jQuery - Blog - Brosho 'Design in the Browser' jQuery Plugin
http://usejquery.com/posts/8/brosho-design-in-the-browser-jquery-plugin
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
Ben Nolan » Blog Archive » Creating a custom infowindow for gmaps
http://bennolan.com/?p=177
Authenticating Twitter API calls with PHP & jQuery | Steve Reynolds Blog
http://www.reynoldsftw.com/2009/02/authenticating-twitter-api-calls-with-php-and-jquery/
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
haineault.com / blog / ui.timepickr.js: An experimental jQuery plugin
http://haineault.com/blog/71/
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"
Ajaxian » Using Polygonal CSS for imageless tooltips and more
http://ajaxian.com/archives/using-polygonal-css-for-imageless-tooltips-and-more
Tooltips ohne Bilder
Using Polygonal CSS for imageless tooltips and more
CSSで吹き出し
画像を使わず、css のみで吹き出し。
Ajaxian magazine » Using Polygonal CSS for imageless tooltips and more
quake2-gwt-port - Project Hosting on Google Code
http://code.google.com/p/quake2-gwt-port/
35 Really Useful PHP Tutorials And Development Techniques | Smashing Buzz
http://www.smashingbuzz.com/2010/03/35-really-useful-php-tutorials-and-development-techniques/
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
28 Useful JQuery Sliders You Need To Download | Design your way
http://www.designyourway.net/blog/resources/28-useful-jquery-sliders-you-need-to-download/
jQueryを使ったいろいろなスライダーの紹介です。
AJAX-ed Todo List With PHP, MySQL & jQuery – Tutorialzine
http://tutorialzine.com/2010/03/ajax-todo-list-jquery-php-mysql-css/
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.
Rolling out Sly - The JavaScript Selector Engine » digitarald:Harald K – Internet Consultant & Contractor
http://digitarald.de/journal/89737433/rolling-out-sly-the-javascript-selector-engine/
Finally getting round to taking a look at Sly. Well, not much to it. It's light, it's fast and very easy to use.
Top 8 Web 2.0 Security Threats - ReadWriteWeb
http://www.readwriteweb.com/archives/top_8_web_20_security_threats.php
Programmatic interfaces of Web 2.0 applications let hackers automate attacks easier. In addition to brute force and CSRF attacks, other examples include the automated retrieval of a large amount of information and the automated opening of accounts. Anti-automation mechanisms like Captchas can help slow down or thwart these types of attacks.
BubbleUp jQuery Plugin to Spice Up Your Menu | AEXT.NET
http://aext.net/2010/04/bubbleup-jquery-plugin/
plugin menu zoom
Instant Blueprint - Create a web project framework in seconds.
http://instantblueprint.com/index.php
Amberjack: Amazing On-Page Tutorials
http://amberjack2.org/
Create on-page tutorials in javascript with Amberjack - better than manuals for most people
interesting http://amberjack2.org/ #yam #dev #js #css #tooltips #framework
jquery styleswitcher toggle - kelvinluck.com
http://www.kelvinluck.com/assets/jquery/styleswitch/toggle.html
intercambiador de ccs por jquery.
jQuery 1.4.x’s Greatest Hits: Earle’s Picks
http://articles.sitepoint.com/article/jquery-1-4-greatest-hits
Beautiful advanced jQuery background image slideshow
http://www.marcofolio.net/webdesign/advanced_jquery_background_image_slideshow.html
slide show no background
RT @smashingmag: Advanced jQuery background image slideshow - http://bit.ly/bLdKiK
Coin Slider: jQuery Image Slider Plugin with Unique Effects
http://workshop.rs/projects/coin-slider/
# 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」。 画像の切替を、タイル状に切り替えたりすることができるみたいです。
画像をタイル状に切り替える
Glimmer: a jQuery Interactive Design Tool - Home
http://code.msdn.microsoft.com/glimmer/
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.
40 Excellent jQuery Plugins To Work With Data Presentation and Grid Layout | AEXT.NET
http://aext.net/2010/04/excellent-jquery-plugins-resources-for-data-presentation-and-grid-layout/
Minimalist jQuery: 11 useful plugins under 4K | jQuery Plugins | TRIF3CTA | Austin, TX
http://trif3cta.com/blog/entry/jquery-plugins-under-4k/?/blog/entry/minimalist-jquery-11-useful-plugins-under-4k/
A selection of small but very useful jQuery plugins.
Documentation | Spritely
http://www.spritely.net/documentation/
Documentation | Spritely - http://www.spritely.net/documentation/
310k of pure magik
http://www.310k.nl/
How to build a fast, simple list filter with jQuery • Javascript • Kilian Valkhof
http://kilianvalkhof.com/2010/javascript/how-to-build-a-fast-simple-list-filter-with-jquery/
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
Home - socks - GitHub
http://wiki.github.com/petejkim/socks
Socks is an intuitive web toolkit written in JavaScript that allows you to quickly and easily create web applications that are interesting, pretty and useful. The API is super easy, and you do not need to know any HTML or CSS. All you need is some JavaScript knowledge, which is quite easy to pick up.
shoes-inspired small web gui toolkit for javascript
Socks is an intuitive web toolkit written in JavaScript that allows you to quickly and easily create web applications that are interesting, pretty and useful. The API is super easy, and you do not need to know any HTML or CSS. All you need is some JavaScript knowledge, which is quite easy to pick up. Socks is inspired by Shoes and you will notice many similarities. However, Socks is not, and wasn’t intended to be a port of Shoes to JavaScript, and thus there are many differences as well.
"An intuitive web toolkit written in JavaScript that allows you to quickly and easily create web applications that are interesting, pretty and useful. The API is super easy, and you do not need to know any HTML or CSS."
13 useful graphing solutions for web developers
http://blog.webdistortion.com/2008/11/12/web-application-graphing-solutions-from-around-the-web/
Hacking JavaScript for Fun and Profit: Part II [JavaScript & Ajax Tutorials]
http://www.sitepoint.com/article/javascript-fun-profit-part-2/
In the first part of this series, you learned enough JavaScript and CSS to make an animated character move around your browser. In this article, I will explore some computer game techniques that will allow us to animate multiple sprites, as well as have them interact with each other.
javascript-fun-profit-part-2
Sitepoint - Hacking JavaScript
CSS & Javascript version of Mario
Eight Tips That Makes You a Better jQuery Coder | David’s kitchen
http://monc.se/kitchen/150/eight-tips-that-makes-you-a-better-jquery-coder
31 jQuery Snippets That Will Help Make You A JavaScript Pro | AddyOsmani.com | Where Web Businesses Grow
http://addyosmani.com/blog/31-jquery-snippets/
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
BugsVoice - turn bugs into opportunities
http://bugsvoice.com/applications/bugsVoice/site/test/calendarPickerDemo.jsp
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.
Express - Node.js Web Development Framework
http://expressjs.com/
High performance, high class web development for Node.js
Fast (and small) server-side JavaScript web development framework built on node.js and the V8 JavaScript engine.
[JS]高さの異なるカラムを揃えるスクリプト -equalHeights.js | コリス
http://coliss.com/articles/build-websites/operation/javascript/1552.html
高さの異なるカラムを揃えるスクリプト
prettyLoader | Stéphane Caron – No Margin For Errors
http://www.no-margin-for-errors.com/projects/prettyloader/
jQuery-Plugin für mit Mauszeiger positioniertes Ajax-Loader-Gif
マウスカーソルのすぐそばにローディング画像を表示させる
John Resig - Picking Time
http://ejohn.org/blog/picking-time/
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.
技術系サイトに必需品! ソースコードは鮮やかに
http://ascii.jp/elem/000/000/401/401907/
「SyntaxHighlighter」の紹介記事。SyntaxHighlighterはBash/shell, C#, C++, CSS, Delphi, Diff, Groovy, JavaScript, Java, Perl, PHP, Plain Text, Python, Ruby, Scala, SQL, Visual Basic, XMLに対応してるっぽい。
☆☆☆☆☆
The Ol' Switcheroo - Snook.ca
http://snook.ca/archives/javascript/jquery-plugin-switcheroo/
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
[JS]jQueryのプラグイン33+1選 -2009年2月 | コリス
http://coliss.com/articles/build-websites/operation/javascript/jquery-plugins-best-2009-feb.html
コリスさん恒例のjQueryのプラグイン33+1選です。
Flickr Uploadr: Improving Browser-based File Uploads with YUI Uploader » Yahoo! User Interface Blog
http://yuiblog.com/blog/2009/02/26/flickr-uploadr/
I've always been impressed with Flickr's ajax usage. UX and design goodness.
高木浩光@自宅の日記 - 新はてなブックマークの登録ブックマークレットは使ってはいけない
http://takagi-hiromitsu.jp/diary/20081125.html#p01
「ブックマークレットでそこまでやることが許されるのか」確かに、サイトの境界、オンラインとオフラインの境界が曖昧になりつつある昨今では難しい問題だ。
あたりまえだけどブラウザ側の機能でURIを表示できるようにしておかないと危険。
認証系の操作を外部サイトにおいて Javascript を使ってページ内ウィンドウを出して行うのはアウトではないかという指摘 via delicious/spiegel
Old School Clock with CSS3 and jQuery
http://css-tricks.com/css3-clock/
programações legais
CSS3 support in Internet Explorer 6, 7, and 8
http://fetchak.com/ie-css3/
Script para forzar a Internet Explorer a soportar algunas propiedades de CSS3 /cc @chulini @cabrera @wiredlain
jQuery HTML Table Toolbox - Noupe
http://www.noupe.com/javascript/jquery-html-table-toolbox.html
Table tools
The Gradual Disappearance Of Flash Websites - Smashing Magazine
http://www.smashingmagazine.com/2010/04/12/the-gradual-disappearance-of-flash-websites/
Uma visão sobre padrões web e o futuro dos sites em Flash
Automatically Generate a Photo Gallery from a Directory of Images: Updated
http://davidwalsh.name/generate-photo-gallery
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.
simpleSli.de: A Super-Simple jQuery Slideshow Plugin
http://www.simplesli.de/
Simple jQuery Slideshow Plugin
シンプルでクーールなスライド
jStorage - simple JavaScript plugin to store data locally
http://www.jstorage.info/
Demo | jQuery.popeye 2.0 | an inline lightbox alternative
http://dev.herr-schuessler.de/jquery/popeye/demo.html
Galeria de fotos
image
an inline lightbox alternative
Plugin muito bom para exibir imagens. Com JQuery. (Slideshow) nota 1000
jbgallery 2.0 demo
http://maxb.net/scripts/jbgallery-2.0/
galeria de fundo a utilizar para projectos fashion
jQuery.popeye 2.0 | an inline lightbox alternative
http://dev.herr-schuessler.de/jquery/popeye/
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.
Welcome to @Anywhere | dev.twitter.com
http://dev.twitter.com/anywhere
Add follow buttons, hovercards, linkify @usernames, and build deeper integrations with "Connect to Twitter." @Anywhere promotes a more engaged user base for your site.
Integrate Twitter services in your website or web app with ease
Twitter API developer resources.
iPad Detection Using JavaScript or PHP
http://davidwalsh.name/detect-ipad
ipad detection
Pusher - Realtime client push powered by HTML5 websockets, beyond AJAX
http://pusherapp.com/
We believe that the real-time web is fantastic and should be easy to implement. This is our simple solution, powered by HTML5 websockets
ferramenta para fazer carding sorting online
brianleroux's xui at master - GitHub
http://github.com/brianleroux/xui/tree/master
Seems to be just what I'm looking for.
Tiny jQuery customized for WebKit.
A tiny javascript framework for mobile web apps.
XUI ist eine schlanke JavaScript Bibliothek für mobile Browser. durch die Limitierung auf Opera Mobile und den kommenden Mozilla Fennec wird eine kleine Größe erreicht. Die endgültige Nutzung ist an jQuery orientiert.
Graph Editor
http://www.mxgraph.com/demo/mxgraph/editors/grapheditor.html
ContainerBell
Ajaxify - jQuery plugin
http://max.jsrhost.com/ajaxify/demo.php
Javascript in Modern Web Design
http://www.webdesignerwall.com/general/javascript-in-modern-web-design/#more-178
รวม 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."
Font Face Replacement Embedding Techniques and Resources | Joren Rapini.com Weblog
http://jorenrapini.com/blog/web-design/font-face-replacement-and-embedding-techniques-and-resources
A quick article on font replacement..
A quick review of all the different resources.
Creating a Shaking Login Form | Design Shack
http://designshack.co.uk/articles/creating-a-shaking-login-form
做一个晃动的登录框
Text-shadow in IE with jQuery • Javascript • Kilian Valkhof
http://kilianvalkhof.com/2008/javascript/text-shadow-in-ie-with-jquery/
ot
HTML5 presentation
http://apirocks.com/html5/html5.html#slide1
HTML5 presentation
http://apirocks.com/html5/html5.html
jsPlumb demo
http://morrisonpitt.com/jsPlumb/html/demo.html
Purely CSS Callouts - Daily Coding - daily coding tips and tricks, C#, .NET, ASP.NET, SQL, css callouts, css tricks, slant border
http://www.dailycoding.com/Posts/purely_css_callouts.aspx
Dotted Arrows in CSS technique with border dotted
CSS Callouts. Used in the Image Annotator
* Subscribe RSS * Subscribe by Email * (What is RSS?) * * Follow us
clever
高木浩光@自宅の日記 - 「NoScript」をやめて「RequestPolicy」にした
http://takagi-hiromitsu.jp/diary/20090531.html#p01
NoScript いいけどなぁ。一般人には使いにくいだろうけど。普段使わないサイトで JavaScript が必要な場合は、Chrome か Safari を使うので問題ないし。
Johannes Link: MockMe for JavaScript
http://johanneslink.net/projects/mockme.html
JS UnitTest Mockup
Second Aspect: While using mockito in Java after many years of being a passionate EasyMock advocate, I have learned that Mockito's way to handle verification of calls after the fact - instead of specifying expectations before - suits my style of test-driven development best. Thus, strictly speaking MockMe should be more of a spying framework than a mocking framework.
There are a couple of mock frameworks for JavaScript but none really did what I needed. So I took my testing problems, some inspiration from mockito and a few days off to write MockMe.
Think Mockito for Javascript
SitePoint » SVG Is The Future Of Application Development
http://www.sitepoint.com/blogs/2008/12/22/svg-is-the-future-of-application-development/
SitePoint Blogs: News, opinion, and fresh thinking for web developers and designers
Use jQuery to catch and display ASP.NET AJAX service errors | Encosia
http://encosia.com/2009/03/04/use-jquery-to-catch-and-display-aspnet-ajax-service-errors/
showing .net webservice errors asp.net webservices
Megaupload auto-fill captcha for Greasemonkey
http://userscripts.org/scripts/show/38736
Plugin para o Firefox que reconhece captchas, com links para código fonte.
OCR in javascript
Auto-fills the megaupload captchas and optionally auto-starts download
neural-net OCR in javascript
Easy CSS Compression with PHP and mod_rewrite - Roger Stringer
http://www.rogerstringer.com/projects/easy-css-compression-php-modrewrite
Say NO to fat CSS and js files with this #php script and mod_rewrite
SitePen Blog » Debunking Dojo Toolkit Myths
http://www.sitepen.com/blog/2008/10/27/debunking-dojo-toolkit-myths/
Hyviä kysymyksiä — osa vastauksista on vähän epäilyttäviä.
Akihabara
http://www.kesiev.com/akihabara/
HTML5 tool for creating pixel games
Seven JavaScript Things I Wish I Knew Much Earlier In My Career - Smashing Magazine
http://www.smashingmagazine.com/2010/04/20/seven-javascript-things-i-wish-i-knew-much-earlier-in-my-career/
Smashing Magazine | JS tips
Using jQuery The Sexy Way: 7 Great Techniques For a Slick Layout | DevSnippets
http://devsnippets.com/article/using-jquery-the-sexy-way.html
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 | Tools
http://webdesignledger.com/tools/14-fresh-and-useful-jquery-plugins
14 Fresh and Useful jQuery Plugins
Blowing up HTML5 video and mapping it into 3D space « Craftymind
http://www.craftymind.com/2010/04/20/blowing-up-html5-video-and-mapping-it-into-3d-space/
runtime chroma keying,
html5 does wonders
Crazy video tricks with the video tag and canvas
VIDEO 3d Explosion
I’ve been doing a bit of experimenting with the Canvas and Video tags in HTML5 lately, and found some cool features hiding in plain sight. One of those is the Canvas.drawImage() api call.
ValidForm Builder - Easy and safe XHTML 1.0 strict forms with validation!
http://validformbuilder.org/
Build a Simple Image Slideshow with jQuery Cycle
http://line25.com/tutorials/build-a-simple-image-slideshow-with-jquery-cycle
HTML5 Video Destruction
http://craftymind.com/factory/html5video/CanvasVideo.html
RT @draenews: Del HTML5 Video Destruction: http://bit.ly/9aytHu
dynamic "blowup" of running video
クリックした場所で爆発が起こって映像がばらばらに分断される、というデモ。HTML5のcanvasタグ+JavaScriptを使うとこうなるらしい
Different Stylesheets for Differently Sized Browser Windows | CSS-Tricks
http://css-tricks.com/resolution-specific-stylesheets/
Different Stylesheets for Differently Sized Browser Windows
Enabling the Back Button | jQuery for Designers - Tutorials and screencasts
http://jqueryfordesigners.com/enabling-the-back-button/
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.
Update to jQuery Visualize: Accessible Charts with HTML5 from Designing with Progressive Enhancement | Filament Group, Inc., Boston, MA
http://www.filamentgroup.com/lab/update_to_jquery_visualize_accessible_charts_with_html5_from_designing_with/
lling the visualize() method
AJAX APIs Playground
http://code.google.com/apis/ajax/playground/#table
Anatomy of a Subtle JSON Vulnerability
http://haacked.com/archive/2008/11/20/anatomy-of-a-subtle-json-vulnerability.aspx
Resources that emit Json arrays risk data theft
30 Pure CSS Alternatives to Javascript - Speckyboy Design Magazine
http://speckyboy.com/2010/04/26/30-pure-css-alternatives-to-javascript/
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
CanvasMol
http://alteredqualia.com/canvasmol/
Splendid HTML5 app for 3D molecule modeling.
Learning jQuery – Tutorial Roundup for Beginners
http://line25.com/articles/learning-jquery-tutorial-roundup-for-beginners
Link các trang dạy jQuery.
jquery基础教程
デザイナーのためのjQuery講座。英語だけどそんなの気にしない!
LEarn jquery
www.benjoffe.com
http://www.benjoffe.com/code/
21 Awesome JavaScript / Ajax Effects Every Web Developer Should Know
http://resources.savedelete.com/21-awesome-javascript-ajax-effects-every-web-developer-should-know.html
A List Apart: Articles: Better JavaScript Minification
http://www.alistapart.com/articles/better-javascript-minification/
by @slicknet
40 Useful jQuery Techniques and Plugins - Smashing Magazine
http://www.smashingmagazine.com/2010/04/27/45-useful-jquery-techniques-and-plugins/
"40 useful but obscure jQuery plug-ins that will hopefully help you improve the user experience on your websites."
Usability Do’s And Don’ts For Interactive Design - Smashing Magazine
http://www.smashingmagazine.com/2010/04/27/usability-dos-and-donts-for-interactive-design/
RossBoucher.Com » Funk Rock » Blog Archive » iPhone Touch Events in JavaScript
http://rossboucher.com/2008/08/19/iphone-touch-events-in-javascript/
iPhone Touch Events in JavaScript
iphone touch event lib. (multitouch)
Contextual Slideout Tips With jQuery & CSS3 – Tutorialzine
http://tutorialzine.com/2010/04/slideout-context-tips-jquery-css3/
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.
boedesign – canadian based web developer eh » Blog Archive » jSquares for jQuery
http://boedesign.com/blog/2009/10/22/jsquares-for-jquery/
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.
50+ Ultimate Useful Cheat Sheets for Web Developers and Designers | Dzinepress
http://www.dzinepress.com/2010/04/50-ultimate-useful-cheat-sheets-for-web-developers-and-designers/
Cheat-Sheets - Cábula
Index - How To Node
http://howtonode.org/
HowToNode.org is a community supported blog created by Tim Caswell. The purpose of the blog is to teach how to do various tasks in node.js as well as teach fundamental concepts that are needed to write effective code.
Tim Caswell’s open blog for how to learn Node.js.
A Blog dedicated to node.js programming
InfoGrid
http://css-tricks.com/examples/InfoGrid/
grid accordian
InfoGridデモページ
Animate Panning Slideshow with jQuery | Build Internet!
http://buildinternet.com/2010/02/animate-panning-slideshow-with-jquery/
HTML5 video Libraries, Toolkits and Players - Speckyboy Design Magazine
http://speckyboy.com/2010/04/23/html5-video-libraries-toolkits-and-players/
HTML5 video Libraries, Toolkits and Players - Speckyboy Design Magazine - http://speckyboy.com/2010/04/23/html5-video-libraries-toolkits-and-players/
Un ensemble d'outils pour commencer à developper nos players
HTML5 video Libraries, Toolkits and Players - Speckyboy Design Magazine
For the most part, Flash has always been the standard for showing video on the web (think of YouTube and Vimeo), supported in all browsers with the only
Ways to embed video that fall back on Flash, not lead with it
#HTML5 video Libraries, Toolkits and Players : more examples here : http://ow.ly/1DwBc
Professor Cloud
http://www.professorcloud.com/mainsite/carousel.htm
3d carousel
CSS CLOCK - "Tick Tock" - A CSS & JS Experiment
http://www.sohtanaka.com/web-design/css-clock-a-css-javascript-experiment/
This clock was created using a combination of CSS and Javascript. The Javascript gets the user’s local time (you could use PHP, but that would be server time) and updates the CSS <div> tags with the appropriate hour and minute classes.
budik
ウノウラボ Unoh Labs: OpenSocialを始めよう!第1回
http://labs.unoh.net/2009/04/opensocial1.html
30 Trendy AJAX, jQuery And Image Galleries You May Like | Graphic and Web Design Blog
http://www.1stwebdesigner.com/resources/ajax-jquery-mage-galleries/
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
The Big List of JavaScript, CSS, and HTML Development Tools, Libraries, Projects, and Books - Rey Bango
http://blog.reybango.com/2010/04/29/the-big-list-of-javascript-css-and-html-development-tools-libraries-projects-and-books/
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.
[JS]チョー簡単にサイトをAJAX対応にするスクリプト -com.bydust.ajax | コリス
http://coliss.com/articles/build-websites/operation/javascript/1750.html
Google Opens Up Internal Speed Tool To Developers
http://www.techcrunch.com/2009/06/04/google-opens-up-internal-speed-tool-to-the-public/
Open Standard Media Player | MediaFront
http://www.mediafront.org/project/osmplayer
Open Standard Media (OSM) Player | MediaFront http://ow.ly/1GqNC
Media Player em HTML5
http://sketch.processing.org/
http://sketch.processing.org/
What is this?
Introduction to JSON and PHP
http://www.itnewb.com/v/Introduction-to-JSON-and-PHP
muy bien explicado
JavaScript 内で無圧縮 ZIP を作って Data URI を生成するライブラリを作りました - IT戦記
http://d.hatena.ne.jp/amachang/20081130/1228029751
ソースとかダウンロードさせる際にzipで圧縮すんの面倒くせぇって時に使うのかしら?
Pure Javascript ZIP file generation
amachangオリジナル。
JSでzip.
Atlas: Under the Hood | Think Vitamin
http://thinkvitamin.com/features/atlas-under-the-hood/
The guys from 280 Slides bring us Atlas based upon their Cappuccino framework.
Code Standards | Isobar
http://molecularvoices.molecular.com/standards/
This document contains normative guidelines for web applications built by the Interface Development practice of Isobar North America (previously Molecular). It is to be readily available to anyone who wishes to check the iterative progress of our best practices.
JavaScriptで画像の本来の幅と高さを取得する - inamenaiの日記
http://d.hatena.ne.jp/inamenai/20081011/p1
参考に
naturalWidthとnaturalHeightは知らなかった。Imageオブジェクトのonloadが無難。
imageのwidth,height
codeNothing? 8 jQuery Micro Optimization Tips
http://www.codenothing.com/archives/2010/8-jquery-micro-optimization-tips/
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 | Codrops
http://tympanus.net/codrops/2010/05/05/beautiful-background-image-navigation-with-jquery/
Beautiful Background Image Navigation with jQuery - http://bit.ly/d84kmv – jQuery (jquery) http://twitter.com/jquery/statuses/13483563601
メニューとともに背景画像もかっこよく切り替わるナビゲーションを作るチュートリアル記事です。
HoverAttribute jQuery plugin « afEkenholm Web Design
http://www.afekenholm.se/hoverattribute-jquery-plugin/
すげー。マウスオーバー時にクロスフェード+トゥイーンでURLなどを表示。
Micro Image Gallery: A jQuery Plugin | Codrops
http://tympanus.net/codrops/2010/04/19/micro-image-gallery-a-jquery-plugin-2/
Adobe - デベロッパーセンター : Flash Player 10 バージョン判別チェックリスト
http://www.adobe.com/jp/devnet/flashplayer/articles/ver_check_flp10.html
Flash Player 10 バージョン判別チェックリストとベストプラクティス。
バージョン判別時のトラブルシューティング
Progressionでおこなってるバージョン判別の方法が書いてある
今回のアップデートによりバージョンが "10" になったことで、Flash Player の歴史上初めて 2 桁のバージョン情報が登場したことになります。そのため、バージョン情報を表すストリングからメジャーバージョンを“特定の場所にある一字”として抜き出していた場合、Flash Player 10 のバージョンを "1" または "0" として誤認してしまうことになります。
javascript(ieを除く)およびactionscriptでの判定方法
ver.10 の判定失敗
[JS]背景画像をアニメーションさせて、サイトの印象をガラッと変えるスクリプト | コリス
http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-scrolling-background-effect.html
背景画像をゆっくりスクロール
http://YOU LOVE.USのjQuery実装方法
これは新しい感じがする
グラデーションの背景をJSでスライドさせてる。これは素敵。
jQuery MegaMenu Plugin
http://www.geektantra.com/projects/jquery-megamenu/index.html
Perfect example of implementation. See source code.
mega menu
jQuery Image Galleries & Sliders – Best Of | Design
http://www.hongkiat.com/blog/jquery-image-galleries-sliders-best-of/
Demo
jQuery SuperBox!
http://www.pierrebertet.net/projects/jquery_superbox/#mode-content
Downlo
Javascript feature tests
http://yura.thinkweb2.com/cft/
John Resig - EtherPad: Real-time Editing with JavaScript
http://ejohn.org/blog/etherpad-real-time-editing-with-javascript/
EtherPad is something new altogether. Building upon their existing platform, and adding in Comet streaming, they've constructed a completely real-time, multi-user, text and JavaScript editor.
31 mind blowing collection of jQuery light box
http://www.dreamcss.com/2009/03/31-mind-blowing-collection-of-jquery.html
kd.to_tumblr - The Opposite of Momentum
http://kirindave.tumblr.com/post/60776407/the-opposite-of-momentum
Ruby is in a very bad place right now. It’s no longer cutting edge, it’s technically stagnant, is in implementation limbo, and just isn’t… well… fun, anymore.
Dave Kirin on Ruby's growing pains - "Perhaps the most frustrating part about Ruby, to me, is the outrageously outdated state of the current Ruby interpreter. There is basically no way to avoid writing software that leaks memory. It will happen, you just have to make it leak as little as possible. I still remember the massive effort that Tom Preston-Werner went through to get a relatively simple program like God.rb to not leak memory… and it still leaks memory!": 2008-11-20: kd.to_tumblr
Let me start by saying that I’ve been a longtime fan of Ruby. I’ve been a member of the #caboose cabal forever, and I’ve written hundreds of thousands of lines of ruby over the course the last 6 years. I’ve drank the Ruby kool-aid, helped to start two Rails Startups and integrated a lot of code into Ruby. I fought tooth and nail to get Lockheed Martin to include Ruby deliverables in their RSA2 standardization project (didn’t you know? Ruby helps launch rockets!)
Why Ruby is dying
jQuery google api and other google hosted javascript libraries. - ScriptSrc.net
http://scriptsrc.net/
托管在google 上的ajax
Get the latest version of the script tag for the Javascript library of your choice.
jQuery Circulate
http://css-tricks.com/examples/Circulate/
Like it? Tweet it!
http://pongsocket.com/tweet-it/
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 – Tutorialzine
http://tutorialzine.com/2010/05/sweet-pages-a-jquery-pagination-solution/
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/
mnutt/hummingbird @ GitHub
http://mnutt.github.com/hummingbird/
Real-time web analytics (tracking pixels). Based on node.js & MongoDB
Real time stats? Can we get something more interesting that page views? (Either way, looks pretty cool. Too bad it's just in WebKit browsers for now...)
nice: Real time web traffic visualization with Hummingbird http://j.mp/hmngbrd
jQuery Plugin : jConfirmAction | Webstuffshare.com - Worth Sharing Bookmarked Webstuff
http://www.webstuffshare.com/2010/03/jquery-plugin-jconfirmaction/
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.js
http://janne.aukia.com/zoomooz/
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でズーム
Awesome Bubble Navigation with jQuery | Codrops
http://tympanus.net/codrops/2010/04/29/awesome-bubble-navigation-with-jquery/
navigation for my company
jQuery 1.4: What you need to know
http://ihumanable.com/jquery/presentation.html#slide1
jQuery 1.4: What you need to know - http://ihumanable.com/jquery/presentation.html#slide1
15 In-Depth Examples of Addictive User Experience | Design Shack
http://designshack.co.uk/articles/inspiration/15-in-depth-examples-of-addictive-user-experience
15 clever and unique ui solutions from designshack
Diving into the Twitter API | Nettuts+
http://net.tutsplus.com/tutorials/other/diving-into-the-twitter-api/
text
Nice tutorial on using the Twitter API
Any+Time™ DatePicker/TimePicker AJAX Calendar Widget - AJAX, JSON and XML Consulting and Training by Andrew M. Andrews III (SM)
http://www.ama3.com/anytime/
Creating Slick Forms Using Ajax, jQuery & CSS: No More Ugly Forms | DevSnippets
http://devsnippets.com/article/creating-slick-forms-using-ajax-jquery.html
mrdoob's three.js at master - GitHub
http://github.com/mrdoob/three.js
three.js Javascript 3D Engine
3D js 库 html5
Javascript 3D Engine
Building Real-Time Form Validation Using jQuery | Graphic and Web Design Blog
http://www.1stwebdesigner.com/tutorials/building-real-time-form-validation-using-jquery/
In this tutorial we’re going to learn how to build real-time form validation using jQuery
Plugins | jQuery Plugins
http://plugins.jquery.com/project/crash
Worlds best plugin? http://bit.ly/c09BhE /via @jonathansulo
:^) RT @jonathansulo: Världens bästa plugin: http://bit.ly/c09BhE
HTML5 presentation
http://apirocks.com/html5/html5.html#slide46
New Signature Labs | jCoverflip
http://www.jcoverflip.com/
Highly Customizable Content Slider
jQueryでiTunesのカバーフロー風UI
A jQuery coverflow widget to present your content elegantly.
image slider
10 best WYSIWYG Text and HTML Editors for Your Next Project | Graphic and Web Design Blog
http://www.1stwebdesigner.com/resources/10-best-wysiwyg-text-and-html-editors-for-your-next-project/
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.
20 Best And Useful jQuery Plugins of March 2010
http://resources.savedelete.com/20-best-and-useful-jquery-plugins-of-march-2010.html
jquery 관련
Table Row and Column Highlighting | CSS-Tricks
http://css-tricks.com/row-and-column-highlighting/
CSS
50 Fundamental jQuery Controls, Components and Plugins - Speckyboy Design Magazine
http://speckyboy.com/2010/05/13/50-fundamental-jquery-controls-and-rich-ui-components/
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…
0xFE - 11111110b - 0376 - 254 b9#9: Desktop Notifications with WebKit
http://0xfe.blogspot.com/2010/04/desktop-notifications-with-webkit.html
Desktop notifications through web browser
Notifications in WebKit
SVG Wow!
http://svg-wow.org/
Look ma, no Flash!
jQuery Sliding Clock v.1
http://home.comcast.net/~vonholdt/test/clock_slide/index.htm
une horloge en jquery
Impressively simple
0xFE - 11111110b - 0376 - 254 b9#9: Music Notation with HTML5 Canvas
http://0xfe.blogspot.com/2010/05/music-notation-with-html5-canvas.html
Music Notation with HTML5 Canvas http://ping.fm/UAHPA via @Metaphysicalist
Amazing: Music Notation with HTML5 Canvas http://dlvr.it/zcls
Filament Group Lab Example From Page from: Image-free CSS Tooltip Pointers - A Use for Polygonal CSS?
http://www.filamentgroup.com/examples/fg-tooltip/
css tooltip
The All-In-One Almost-Alphabetical No-Bullshit Guide to Detecting Everything - Dive Into HTML5
http://diveintohtml5.org/everything.html
Appendix A: All-In-One Almost-Alphabetical No-Bullshit Guide to Detecting Everything
If you want the guts of how Modernizr HTML5 CSS3 feature detection works...
What is "this"? - How To Node
http://howtonode.org/what-is-this
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.
9lessons: Draw Charts with Google Visualization API.
http://9lessons.blogspot.com/2009/05/draw-charts-with-google-visualization.html
プレビュー付きエディタ『Google AJAX APIs Playground』を使ってみた*ホームページを作る人のネタ帳
http://e0166.blog89.fc2.com/blog-entry-574.html
GoogleAPIを使って何か作るときに便利そうなオンラインサービスの紹介
Useful jQuery Plugin for UI Developers | denbagus blog
http://www.denbagus.net/jquery-ui-developers/
Random Acts of Coding: Starting With jQuery - How to Write Custom Validation Rules
http://randomactsofcoding.blogspot.com/2008/10/starting-with-jquery-how-to-write.html
jQuery getting started
custom rule
$.validator.addMethod("textOnly",
Mind-blowing JavaScript Experiments | INSIC DESIGNS
http://blog.insicdesigns.com/2010/02/mind-blowing-javascript-experiments/
amazing javascript experiments for safari / chrome browsers
12 Insanely Awesome Javascript Effects
http://www.queness.com/post/2865/12-insanely-awesome-javascript-effects
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 :)
Rails, Textile, and javascript WYSIWYG roundup | Midnight Oil
http://blog.aisleten.com/2008/09/11/rails-textile-and-javascript-wysiwyg-roundup/
ReclaimPrivacy.org | Facebook Privacy Scanner
http://www.reclaimprivacy.org/
Privacy scanner for FB
This website provides an independent and open tool for scanning your Facebook privacy settings.
Facebook Privacy Scanner http://www.reclaimprivacy.org/
http://www.reclaimprivacy.org/ Facebook privacy scanner online ! Controleer je facebookinstellingen ! – Samir Allioui (SamirAllioui) http://twitter.com/SamirAllioui/statuses/14174960709
Sponsor Flip Wall With jQuery & CSS | Tutorialzine demo
http://demo.tutorialzine.com/2010/03/sponsor-wall-flip-jquery-css/demo.php
crossSelect jQuery plugin demo
http://wheresrhys.co.uk/resources/crossSelect/crossSelect.html
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/
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.
How jQuery Beginners can Test and Improve their Code | Nettuts+
http://net.tutsplus.com/tutorials/javascript-ajax/how-jquery-beginners-can-test-and-improve-their-code/
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
Projekktor Zwei - Free HTML5 video player - home
http://projekktor.com/
Trailer (Ogg/Theora + MP4/VP6 fallback) 2/4 00:52 | 01:26
pure javascript driven HTML5 video experience. FlAsH is used only whenever there´s no native H.264 support available. In such cases a minimalistic SWF which mimics an HTML5 video element as simple as possible
Sweet, free, open source HTML5 video kit!
13 Pure CSS Techniques for Creating JavaScript-like Interactions | Tutorials
http://webdesignledger.com/tutorials/13-pure-css-techniques-for-creating-javascript-like-interactions
13 CSS techniques for creating JavaScript-like interactions
13 Pure CSS Techniques for Creating JavaScript-like Interactions
TechFlaps | Waves of Technology: 56 CSS Tabs & Navigation Menu Scripts and Examples
http://www.techflaps.com/2009/05/56-css-tabs-navigation-menu-scripts-and.html
Tricks, tips and Techniques on blogging, using CSS, HTML and javascript, latest technology updates, software reviews.
The Man in Blue > JS-909: A drum machine in JavaScript
http://www.themaninblue.com/writing/perspective/2008/11/17/
"there was but one thing I could do: make a drum machine. Without libraries. Without Flash."
Ridiculously cool - a drum machine in JavaScript. Die, Flash, die.
there was but one thing I could do: make a drum machine. Without libraries. Without Flash. I'm fully aware that there's much better ways of working with sound on the Web, but I'm also fully aware that I like making useless toys. The result of these two realisations? JS-909.
NimbleKit: Native iPhone apps with HTML and JavaScript
http://www.tuaw.com/2009/05/27/nimblekit-native-iphone-apps-with-html-and-javascript/
Tools to build HTML based apps with more functionality
javascript para iphone
Forkbomb Studios - Premium Web & Design Services
http://www.forkbombstudios.com/
Sliding Panel Photo Wall Gallery with jQuery | Codrops
http://tympanus.net/codrops/2010/05/14/sliding-panel-photo-wall-gallery-with-jquery/
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.
Ajax Spy | jQuery for Designers - Tutorials and screencasts
http://jqueryfordesigners.com/ajax-spy/
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
Free Slideshow WordPress Plugin, Slider Wordpress Plugin WP
http://www.slidedeck.com/wordpress
DOMLint - Test suite against HTML/DOM conflicts
http://yura.thinkweb2.com/domlint/
10 jQuery Plugins to Help with Web Page Layouts | Tools
http://webdesignledger.com/tools/10-jquery-plugins-to-help-with-web-page-layouts
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.
Video JS | HTML5 Video Player
http://videojs.com/
Another JavaScript library for dealing with the video support shenanigans across browsers.
looks like a nice player.
Video JS is a javascript-based video player that uses the HTML5 video functionality built into advanced browsers. In general, the benefit of using an HTML5 player is a consistent look between browsers.
Ajaxian » jQuery Glow
http://ajaxian.com/archives/jquery-glow
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 and jQuery Easing Plugin | Queness
http://www.queness.com/post/241/dock-content-tutorial-with-jquery-and-jquery-easing-plugin
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
HTML5 Watch
http://html5watch.tumblr.com/
html examples
Collecting examples of creative, innovative, and unexpected use of emerging web technologies such as HTML5 and CSS3.
Mozilla Brings Webapps to the Desktop Challenges AIR Silverlight - Webmonkey
http://www.webmonkey.com/blog/Mozilla_Brings_Webapps_to_the_Desktop__Challenges_AIR__Silverlight
Mozilla Brings Webapps to the Desktop, Challenges AIR, Silverlight http://bit.ly/IHWIS [from http://twitter.com/KeithDriscoll/statuses/1773052916]
Prism comes of age ... it's been useful to me for quite a while, looking forward to the improvments
HTML, the lingua franca of the web, is coming to the desktop. Mozilla reached a significant milestone this weekend with the new beta release of its Prism add-on for Firefox which lets you pull your favorite website — like Gmail or YouTube — out of the web browser and run it as a stand-alone application on your computer’s desktop. The scheme offers a number of advantages, the most significant of which is the ability to sandbox particular web apps. For example if you move Google Docs into its own stand-alone window, an errant script in your main Firefox window could cause your browser to freeze and crash, but your unsaved work in Google Docs wouldn’t be lost. Other technologies currently exist for running web apps on the desktop, like Abode’s AIR and Microsoft’s Silverlight. These technologies offer a tight integration with the PC desktop that browser-based solutions can’t yet match.
HTML, the lingua franca of the web, is coming to the desktop. Mozilla reached a significant milestone this weekend with the new beta release of its Prism add-on for Firefox which lets you pull your favorite website — like Gmail or YouTube — out of the web browser and run it as a stand-alone application on your computer’s desktop...
php etc...: jQuery - Select elements - tips and tricks
http://myphpetc.blogspot.com/2009/03/jquery-select-elements-tips-and-tricks.html
$("#myselect option:eq(0)").after("<option value='4'>Some pears</option>");
$("#myselect").val("Some oranges").attr("selected", "selected");
Google
http://www.google.com/pacman/
Interactive Google logo celebrating the 30th anniversary of Pacman. Playable to 255 levels. Click "Insert Coin" a second time for 2-player mode (control with ASDW).
Google doodle Pac-Man http://ow.ly/17tjKr – Javascript News (del_javascript) http://twitter.com/del_javascript/statuses/14579416618
a google doodle as a playable pacman game
Make Your Own Bookmarklets With jQuery - Smashing Magazine
http://www.smashingmagazine.com/2010/05/23/make-your-own-bookmarklets-with-jquery/
Learn how to create these wonderful “one-click” tools to extend the functionality of your browser and interact with web services.
Handy tips to help you out | Think Vitamin
http://thinkvitamin.com/design/css/handy-tips-to-help-you-out/
Zajimave tipy pro webvyvoj - jquery, printstyle, geo vyhledavani...
Dynamic Page / Replacing Content | CSS-Tricks
http://css-tricks.com/dynamic-page-replacing-content/
#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
SliderNav: iPhone Style Contact Lists Using JQuery and CSS | DevGrow
http://devgrow.com/slidernav/
iPhoneの電話帳みたいなナビゲーションを実現するjQueryプラグイン
TouchScroll, a scrolling layer for WebKit mobile [update] « Uxebu.com – the Ajax and JavaScript Experts
http://uxebu.com/blog/2010/04/27/touchscroll-a-scrolling-layer-for-webkit-mobile/
Scrolling layer for WebKit Mobile.
TouchScroll, a scrolling layer for WebKit mobile
Gallery | Spritely
http://www.spritely.net/gallery/
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
Ajaxian » GeoFill - find users by IP or lookup and prefill forms for them
http://ajaxian.com/archives/geofill-find-users-by-ip-or-lookup-and-prefill-forms-for-them
G
根据ip查找用户信息
How To Track Ajax And Flash Pageviews In Google Analytics?
http://www.webresourcesdepot.com/how-to-track-ajax-and-flash-pageviews-in-google-analytics/
now track ajax & flash pageviews with Google analytics! http://budurl.com/s4ws [from http://twitter.com/LauraleeGuthrie/statuses/982935212]
pageTracker._trackPageview("/pagefilename1" );
Blog de tecnologia. Esse link se refere a um post sobre flash e analytics.
How To Track Ajax And Flash Pageviews In Google Analytics?
Text-overflow: ellipsis for Firefox via jQuery « Devon Govett
http://devongovett.wordpress.com/2009/04/06/text-overflow-ellipsis-for-firefox-via-jquery/
text-overflow: ellipsis
Implements the non-standard 'text-overflow: ellipsis' CSS technique for Firefox. (Other major browsers support it natively.)
PHP+Ajaxの日本語も対応した超高機能ファイルマネージャ*ホームページを作る人のネタ帳
http://e0166.blog89.fc2.com/blog-entry-590.html
AjaxとPHPの4と5で動きます。実行するのに、データベースを使用しないという点も見逃せませんねぇ。
一考。なかなか便利。
Making Google Maps more accessible | 456 Berea Street
http://www.456bereastreet.com/archive/200812/making_google_maps_more_accessible/
It has become very popular to use the Google Maps API to add maps to websites. While the maps work fine for most users, unfortunately Google Maps does not by default work without JavaScript – when there is no JavaScript support, you don’t get a map.
How to easily make google maps accessible with the fall back Google static Maps API
It is quite easy (but not very common) to provide a fallback for users who do not have JavaScript enabled in their browser by using the Google Static Maps API.
O3D API - Google Code
http://code.google.com/intl/ja/apis/o3d/
HTML5に組み込まれる予定の3Dグラフィックエンジン O3D
google code o3d
これjavascriptなの?
O3Dの技術資料 http://masafumi.cocolog-nifty.com/masafumis_diary/2009/04/o3d-9b87.html
js iPod touch
http://gyu.que.jp/jscloth/touch.html
3d:n piirtäminen 2d canvasilla.
Ajax開発等に超便利なページ内の変更部分が一発で分かるFirefoxアドオン「Firediff」:phpspot開発日誌
http://phpspot.org/blog/archives/2009/04/ajaxfirefoxfire.html
Tupil Code Blog » Blog Archive » Look ma, no callbacks!
http://blog.tupil.com/look-ma-no-callbacks/
Arrowlets
"Arrows are a concept from functional programming, and we’ll see how they can make our life in Javascript a lot easier. Our code uses the excellent Arrowlets library. It’s still alpha code, but it’s already quite useful."
jQueryのサンプルTOP10 | CREAMU
http://blog.creamu.com/mt/2009/04/jquerytop10.html
jQueryのサンプルTOP10がまとまっている。
[JS]わずか1.3KBの軽量で、快適に動作するアコーディオンのスクリプト | コリス
http://coliss.com/articles/build-websites/operation/javascript/1569.html
他のライブラリ不要。アニメーションするアコーディオンのスクリプト
アコーディオン
Accordion V2はjQueryやPrototypeなどの他のスクリプトに依存することなく、単独で動作するスクリプトで、対応ブラウザはIE6, 7, 8, Fx2, 3, Op, Safari, Chromeとなっています。
Best JavaScript Tree Widgets | AjaxLine
http://www.ajaxline.com/best-javascript-tree-widgets
Best Javascript Tree Menu Widgets
MifJS.Tree
The name says everything
hich implements the J.Q.Walker II layout algorit
John Resig - CSS Animations and JavaScript
http://ejohn.org/blog/css-animations-and-javascript/
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.
Web 开发与设计师速查手册大全(上)_cnBeta 网站推介_cnBeta.COM
http://www.cnbeta.com/articles/87545.htm
[JS]オルトを利用して、画像にキャプションをかっこよく表示するスクリプト -Captify | コリス
http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-captify.html
簡単に実装できて面白いし、JavaScriptオフの人には適用されなくてもまあ平気なところがいいですね。
画像のAltを使って綺麗なキャプションを表示する
やってみる
『これが良い!』表示位置(上・下)、表示のスピード、不透明度、表示方法(フェード・スライド・常設)など設定できる画像キャプション
これはかっこいい
jQueryとCSSを使ってフォームのinput要素を楽に整列させる方法:phpspot開発日誌
http://phpspot.org/blog/archives/2009/03/jquerycssinput.html
ちょっとしたコードを書くだけで、フォームのラベルの幅を一番文字数の多いサイズに合わせるというテクニック。jQuery使用。
jQueryとCSSを使ってフォームのinput要素を楽に整列させる
一番幅のある要素のwidthを割り出して他もそれにする
BaseJS: A Mobile (Safari) Javascript Framework | iPhoneized
http://iphoneized.com/2009/04/basejs-mobile-safari-javascript-framework/
When Paul Armstrong started searching for Javascript frameworks for iPhone optimized web development, he wasn't satisfied with what was available. While the
[JS]シンプルなjQueryのプラグインが揃っている -Aquaron | コリス
http://coliss.com/articles/build-websites/operation/javascript/1603.html
ツールチップやページナビゲーションなどちょっとしたプラグインばかりです。
これくらいなら作ったほうがなんか安心。
Simple Wins : Daytime Running Lights
http://jchrisa.net/drl/_design/sofa/_show/post/Simple-Wins
Background on jchrisa's Toast (standalone chat app in CouchDB+JS+HTML)
The point is to show how CouchDB's "databasey" features, because they are implemented using HTTP, can be leveraged to make powerful end-user experiences, with just a minimum of code.
Firebug Get Started Step by Step Tutorials - Free IT Tuttorials & Learning Resources
http://www.myitdirectory.com/firebug-get-started-tutorials/firebug-get-started-tutorials.html
Firebug Get Started Step by Step Tutorials
Firebug Get Started Step by Step Tutorials - Free IT Tuttorials & Learning Resources
APNG « Devthought
http://devthought.com/projects/mootools/apng/
把png做成动画
APNG is very flexible when it comes to the method of displaying the various animation frames.
APNG provides simple frame-based animation functionality. It?s main goal is solve the problem of animating alpha-transparent images (PNG format).
A gorgeous blog!
JSでアニメーションするならコレかもというぐらい多機能な「GX」ライブラリ:phpspot開発日誌
http://phpspot.org/blog/archives/2009/03/jsgx.html
jQuery用のアニメーションフレームワーク「GX」の紹介とサンプル。
JSでアニメーションするならコレかもというぐらい多機能な「GX」ライブラリ。 jQueryと組み合わせて使うアニメーションライブラリです。
カラーアニメーションにも対応。
Inline Multiscale Image Replacement — RTFM / Daniel Gasienica
http://gasi.ch/blog/inline-multiscale-image-replacement/
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
Web 開発者の責任 (翻訳): Days on the Moon
http://nanto.asablo.jp/blog/2009/05/06/4289222
そんなころころ新しいバグ見つかるもんなんかなあ。mozillaには何度かバグ報告した記憶があるけど、印刷周りとかだったような
開発版を使ってバグレポートもちゃんとしましょうという話。
Web 開発者の圧倒的多数は、一度もブラウザベンダにバグ報告を登録したことがないばかりか、ブラウザのナイトリー版を使ったことさえありません。これは恥じるべきことです。考えてみれば、ブラウザの何が異常かを評価するのに、ブラウザでの開発に日々を費やす人ほどその資格がある人というのはほとんどいないのです。 ブラウザのバグを登録せず、ナイトリーでのテストもしないプロの開発者を見たとき、私は特に驚きました。ほとんどの開発者の主な仕事のひとつに、クロスブラウザの問題を取り繕うことがあります。よって、バグの数を減らす (そして仕事を劇的に単純化する) ことは最優先事項になります。 私は個人的に全主要ブラウザベンダにバグ報告を登録してきて、良い報告を生み出すいくつかの特徴に気づきました。
被害を被るのだから積極的にバグ報告しましょうという話。
assertTrue( ): Two techniques for faster JavaScript
http://asserttrue.blogspot.com/2009/04/two-techniques-for-faster-javascript.html
The two most important pieces of advice I can give on speeding up browser scripts, then, are: 1. Never hand-parse a string. 2. Don't do DOM operations in loops (and in general, don't do DOM operations!).
1. Never hand-parse a string. 2. Don't do DOM operations in loops (and in general, don't do DOM operations!).
I like things that go fast, and that includes code that runs fast. With JavaScript (and Java, too), that can be a challenge. So much the better, though. I like challenges too. When someone asks me what's the single best way to speed up "a slow script," naturally I want to know what the script is spending most of its time doing. In browser scripting, it's typical that a "slow" script operation either involves tedious string parsing of some kind, or DOM operations. That's if you don't count programmer-insanity sorts of things, like creating a regular expression object over and over again in a loop.
assertTrue( )
Expert to Expert - Erik Meijer and Lars Bak: Inside V8 - A Javascript Virtual Machine | Going Deep | Channel 9
http://channel9.msdn.com/shows/Going+Deep/Expert-to-Expert-Erik-Meijer-and-Lars-Bak-Inside-V8-A-Javascript-Virtual-Machine/
Expert to Expert - Erik Meijer and Lars Bak: Inside V8 - A Javascript Virtual Machine | Going Deep | Channel 9
Lars Bak is a virtual machine master. He and team have created a Javascript VM, V8, that takes Javascript syntax and produces optimized machine code directly. The result is very performant execution&#8230;
ars Bak is a virtual machine master. He and team have created a Javascript VM, V8, that takes Javascript syntax and produces optimized machine code directly. The result is very performant execution of Javascript. How does V8 work, exactly? What are the basic design decisions that have gone into it's construction? Why is it designed the way it is? How fast can Javascript really run, anyway? How challenging is it to take a language like Javascript and produce highly optimized machine code? Erik Meijer, language designer and fundamentalist functional high priest, discusses these questions and more with Lars. We also talk about the language to machine code translation versus having an intermediate step (like IL) that gets optimized further in runtime context by a JITer. If you want to know the thinking behind the thinking of Javascript compilation, the current state of the art and future directions, then this is for you. Big thanks to Lars Bak for spending time with Channel 9!
Nice chat about V8 concepts with Lars Bak -- interesting ideas on code-as-IR.
Obtrusive JavaScript Checker 0.7 - support for JavaScript links, inline event information and summary report - Robert’s talk - Web development and Internet trends
http://www.robertnyman.com/2008/11/02/obtrusive-javascript-checker-07-support-for-javascript-links-inline-event-information-and-summary-report/
Gran herramienta que te ahorrará bastante tiempo
ArticleHereComesTheSun - doctype - Magic properties make Firefox synchronously load the Java plugin - Google Code
http://code.google.com/p/doctype/wiki/ArticleHereComesTheSun
Magic properties make Firefox synchronously load the Java plugin
"In other words, don't define a window-level function called sun(). It will absolutely kill your page's performance, because at least one modern-day browser will think you want Java, because of a 'feature' invented by Netscape in 1997."
JVM considered harmfull
Browsers are fucked up man. FUCKED UP. Stuff like this makes me smile though.
フォームに入力した内容をリアルタイムでプレビューに反映するjQueryのプラグイン『magicpreview』 | IDEA*IDEA
http://www.ideaxidea.com/archives/2008/11/querymagicpreview.html
使用するケースは思い浮かびませんが、フォームに入力した内容をその場でページ内に表示するためのjQueryプラグインの紹介。
GMail Compactor for Greasemonkey
http://userscripts.org/scripts/show/46938
This maximized the vertical real estate in GMail by colapsing the links on the left to an image box, and moving the search to left side
Dragon Labs » Rainbows » The Demo
http://labs.dragoninteractive.com/rainbows_demo.php
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
jQuery - 35+ praktycznych przykładów! | Create WWW
http://blog.createwww.pl/2009/01/24/jquery-35-praktycznych-przykladow/
Apple - HTML5
http://www.apple.com/html5/
Mozilla evangelist Chris Blizzard voiced his concern about the issue in a recent blog entry. He characterizes Apple's HTML5 showcase as a misguided marketing stunt and explains why it is detrimental to the browser ecosystem. He says that the browser block on the demos is a "F**k You" to the people who make and run other standards-compliant browsers. He also voices some criticism of Google, which he says has made similar mistakes in promoting its Native Client technology and other nonstandard features.
You’ll need to download Safari to view this demo.
Smokescreen |
http://smokescreen.us/
Flash ... without the plugin
Comparing E-mail Address Validating Regular Expressions
http://fightingforalostcause.net/misc/2006/compare-email-regex.php
It would be interesting to expore how evolutionary computation would perform in this domain.
Finding the best regular expression for validating e-mail addresses
Email Regexps
James Watts and Francisco Jose Martin Moreno are the first to develop one which passes all of the tests. /^([\w\!\#$\%\&\'\*\+\-\/\=\?\^\`{\|\}\~]+\.)*[\w\!\#$\%\&\'\*\+\-\/\=\?\^\`{\|\}\~]+@((((([a-z0-9]{1}[a-z0-9\-]{0,62}[a-z0-9]{1})|[a-z])\.)+[a-z]{2,6})|(\d{1,3}\.){3}\d{1,3}(\:\d{1,5})?)$/i
Regular expressions for testing email addresses. Oh my!
Professor Cloud
http://www.professorcloud.com/mainsite/cloud-zoom.htm
Cloud Zoom is a jQuery image zoom plugin
Pines Notify
http://pines.hg.sourceforge.net/hgweb/pines/pnotify/raw-file/tip/index.html
Notification, message
Notificaciones con jquery ui compatible con ThemeRoller
Another cool notifications library/plugin for jQuery
Lightbox_me - Stupidly Simple Lightboxing
http://buckwilson.me/lightboxme/
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
20 Awesome jQuery Enhanced CSS Button Techniques - Speckyboy Design Magazine
http://speckyboy.com/2010/05/26/20-awesome-jquery-enhanced-css-button-techniques/
AviaSlider - a unique jQuery Image slideshow plugin
http://aviathemes.com/aviaslider/
beautiful
Safari Technology Demos - Safari Dev Center - Apple Developer
http://developer.apple.com/safaridemos/
View the examples below and learn how to use web standards such as HTML5, CSS3, and JavaScript to deliver rich experiences in your website.
cool HTML 5 effect
Appleによる、 HTML5とCSS3とJavaScriptでこれだけのリッチなものが作れるというデモ集。Safariでしか動きません。でもiPad用(あるいは iPhone用)のコンテンツなら、今すぐこういったものが作れるということですよね。
jQuery Text Change Event - ZURB Playground - ZURB.com
http://www.zurb.com/playground/jquery-text-change-custom-event
Simple cross browser detection of text changes for input and textarea elements using a jQuery custom event plugin by ZURB
Enhance Tables Using One Of 30 Functional jQuery Plugins
http://www.1stwebdesigner.com/resources/enhance-tables-functional-jquery-plugins/
Stanford Javascript Crypto Library
http://bitwiseshiftleft.github.com/sjcl/
Making Your First Google Chrome Extension – Tutorialzine
http://tutorialzine.com/2010/06/making-first-chrome-extension/
How to Debug Your jQuery Code
http://msdn.microsoft.com/en-us/scriptjunkie/ee819093.aspx
Debug JQuery
jQueryのコードを Firebugを使ってデバッグする方法のレクチャー記事です。
Different tools and techniques for improving jQuery code
Creating 10 Most-Used Javascript Techniques Using Pure CSS Styling | DevSnippets
http://devsnippets.com/article/techniques-using-pure-css-only.html
App Engine JavaScript SDK
http://www.appenginejs.org/
用 JavaScript 寫 GAE 程式
mir.aculo.us with Thomas Fuchs » Blog Archive » Making an iPad HTML5 App & making it really fast
http://mir.aculo.us/2010/06/04/making-an-ipad-html5-app-making-it-really-fast/
Making an iPad HTML5 App & making it really fast
"Images show things down immensely - get rid of them"
Galleria — A JavaScript gallery for the Fastidious
http://galleria.aino.se/
画像ギャラリー用jQuery
A New Type of Phishing Attack « Aza on Design
http://www.azarask.in/blog/post/a-new-type-of-phishing-attack/
@caryblack Makes me paranoid. http://www.azarask.in/blog/post/a-new-type-of-phishing-attack/
Tabnabbing: A New Type of Phishing Attack - via @dustice http://www.azarask.in/blog/post/a-new-type-of-phishing-attack/
.
jLayout — JavaScript Layout Algorithms - bramstein.com
http://www.bramstein.com/projects/jlayout/
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.
Building Android Apps with HTML, CSS, and JavaScript
http://building-android-apps.labs.oreilly.com/
BounceBox Notification Plugin With jQuery & CSS3 – Tutorialzine
http://tutorialzine.com/2010/05/bounce-in-box-plugin-jquery/
Notificação estilo alert
jQuery & CSS3
Add Motion To Website: jQuery Animation Plugins From 2010
http://www.1stwebdesigner.com/resources/jquery-animation-motion-plugins-2010/
HTML5 Showcase: 48 Potential Flash-Killing Demos | Design
http://www.hongkiat.com/blog/48-excellent-html5-demos/
#HTML5 Showcase: 48 Potential #Flash-Killing Demos http://j