Building a jQuery-Powered Tag-Cloud | Envato Tuts+
A tag-cloud is a great way of showing visitors to your blog the main topics of interest that are available. There is also additional information contained in a tag-cloud. Aside from the actual links themselves, which give people an idea of the subjects that your site covers, they can also show how popular the different subjects are. Another great thing about tag-clouds is that they can be used to
Styling Buttons and Toolbars with the jQuery UI CSS Framework | Filament Group, Inc.
Styling Buttons and Toolbars with the jQuery UI CSS Framework By popular demand: coded real-world examples of themeable buttons and toolbars using the jQuery UI CSS framework, a system of classes developed for jQuery UI widgets that can easily be applied to any plugin, and even static content. We got lots of requests in jQuery UI discussion groups for ThemeRoller-ready buttons when we launched our
jQueryを良くする25のTIPS
jQueryを良くする25のTIPS ネタ元：Improve your jQuery - 25 excellent tips ちょっと多いですが、かなり良いTIPSがまとまっています。 Google AJAX Libraries APIを利用しよう Google AJAX Libraries APIを活用すればすばやくライブラリを読み込むことが出来ます。 <script src="http://www.google.com/jsapi"></script> <script type="text/javascript"> // Load jQuery google.load("jquery", "1.2.6"); google.setOnLoadCallback(function() { // Your code goes here. }); </script> 直接読み込むことも出来ます。
jQuery を高速に使う CSS セレクタの書き方 - てっく煮ブログ
JavaScriptjQuery は CSS セレクタで要素を選んで処理できるのが魅力的ですね。そんな jQuery ですが、CSS セレクタの書き方次第で速度が大幅に変わってきます。ここでは jQuery の内部処理を疑似コードで示しつつ、jQuery を高速に使うためのポイントを５つに絞って紹介します。何度も同じセレクタを実行しないクラスだけを指定するのは禁止#id を積極的に使う途中までの結果を再利用する子供セレクタ(>)を使うと速くなることがある※ この記事は jQuery 1.2.6 のソースコードを元に記述しています1. 何度も同じセレクタを実行しない改善前 // 例題 1 $("div.foo").addClass("bar"); $("div.foo").css("background", "#ffffff"); $("div.foo").click(function(){
コナミコマンドをJSで実装してみた。 - >& STDOUT
Google社員にコナミファンでもいるの？ｗ に触発されて。 いままで何百人やったかわかりませんが、やってみました。こんだけ有名なお題なので、被ってたらごめんなさい。 //usage: document.onkeydown = konamiCommandChecker; //body function konamiCommandChecker(e){ var commandArray = new Array(); var correctArray = new Array(38, 38, 40, 40, 37, 39, 37, 39, 66, 65); var hitCount = 0; commandArray.push(e.keyCode); if(commandArray[commandArray.length-1] == correctArray[commandArray.lengt
excanvas.js のハマリどころ, G_vmlCanvasManager.initElement の使い方 - latest log
追記: uupaa-excanvas.js をリリースしました。 excanvas.js は IE で canvas 要素のエミュレートを行う Google 謹製の JavaScript ライブラリです。 このライブラリは、最初のとっかかりが結構難しいです。 実体験を元に、ハマリポイントを列挙してみます。 動的に生成したcanvas要素は、すぐにドキュメントツリーに追加し、その場で初期化する必要がある。 以下が、動的にcanvas要素を生成し2Dコンテキストを取得する例です。が… var e = document.createElement("canvas"); document.body.appendChild(e); var ctx = e.getContext("2d"); 上記のコードでは、IEでは動作しません(Firefox,Safari,OperaはOK)。 動的に生成したca
ブラウザでお絵描きプログラミング！ Processing.js 登場！ - IT戦記
はじめに 今日、 jQuery の作者として有名な John Resig さんが Processing.js という JavaScript のライブラリを公開しました。 John Resig - Processing.js このライブラリを使うと、比較的簡単に以下のようなグラフィックスやアニメーションを書くことができるようになります。 というわけで、公開されたばかりのこのライブラリを簡単な使い方から詳しい使い方までとことん掘り下げてみたいと思います。 Processing.js 概要 まず、 Processing.js とは何かという話をします。 Processing.js とは、ブラウザで Processing というプログラミング言語を実行する JavaScript のライブラリです。 では、 Processing とはどのようなプログラミング言語なのでしょうか。 Processing
Building Your Own Widget Library with YUI
YUI Blog Development Building Your Own Widget Library with YUI Building Your Own Widget Library with YUI The Yahoo! User Interface Library (YUI) has an ample assortment of components. Nevertheless, there will be always some functionality you want that a library like YUI hasn't anticipated or hasn't built yet. Sometimes you just want a subset of the many options a component might provide; in other
dev.portalZINE | New Media Network | Development Blog
Death to JavaScript Rock Stars!I normally don't get involved in such discussions anymore, but could not keep my mouth shut. Not really sure why anyone complained about the rockstar. I thought it was a fresh approach. I was laughing when I heard that people brought the design down. Really, some people need to loosen up ;) That design never compromised any corporate promises or lead into a wrong imp
jQuery Tutorials for Designers
This article contains 10 visual tutorials intended for web designers and newbies on how to apply Javascript effects with jQuery. In case you don’t know about jQuery, it is a "write less, do more" Javascript library. It has many Ajax and Javascript features that allow you to enhance user experience and semantic coding. Since these tutorials are focused on jQuery, I’m not going to get into the detai
YUI2.5.0の新機能、Flickr風の複数ファイルアップローダをPHPで実装してみる:phpspot開発日誌
YUI2.5.0の新機能、Flickr風の複数ファイルアップローダをPHPで実装してみる 2008年02月25日- YUI 2.5.0 Released ? Big upgrades to DataTable, new Layout Manager, Flickr-style multi-file Uploader, and more Yahoo! User Interface Blog The YUI Team just released version 2.5.0 of the library. We’ve added six new components ? Layout Manager, Uploader (multi-file upload engine combining Flash and JavaScript), Resize Utility, ImageCropper,
Ajaxの弱点を補うscript.aculo.usの楽しいエフェクト
Ajaxの弱点を補うscript.aculo.usの楽しいエフェクト：パターンとライブラリで作るAjaxおいしいレシピ（4）（1/4 ページ） script.aculo.usの一歩進んだテクニック 今回紹介するscript.aculo.usは、以下のような機能を提供するAjax（JavaScript）フレームワークです。 ビジュアルエフェクト ドラッグ＆ドロップ DOM操作 オートコンプリート スライダー 単体テスト prototype.jsをベースのライブラリに使用しているので、prototype.jsとともに利用したことがある方も多いのではないでしょうか。 今回はscripot.aculo.usのエフェクト機能に焦点を絞り、より突っ込んだ使い方を紹介していきます。 ■ Ajaxの弱点を補う「エフェクト」の必要性 Ajaxを活用することで、画面全体を再描画せずに画面上の一部分のみを変更し
jQuery の bind, unbind の裏側 - てっく煮ブログ
javascriptjQuery のソースを呼んでいて、イベント登録のところが複雑だったので備忘録として記しておく。バージョンは 1.2.1。そもそもの目的DOM 標準の removeEventListener は、element と type(click, submit, blur など) と listener の３つを指定する必要がある。 element.removeEventListener(click, listener, false); jQuery ではイベント解除に unbind という便利な関数が用意されている。element, type, listener を指定して解除する（通常の removeEventListener と同じ）element, type を指定して全てのイベントハンドラを解除するelement から全てのイベントを解除する例えば、 $("#foo")
ウノウラボ Unoh Labs: jQueryのパフォーマンス最適化に関するTips
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
【ハウツー】ゼロからはじめるiBox - 軽量ライブラリで画像やHTMLを表示する (1) ゼロからはじめるiBox - 軽量・簡易ライブラリで | パソコン | マイコミジャーナル
iBoxとは? iBoxはAjax(非同期通信処理)を利用して画像を表示するライブラリです。画像だけでなくページ内コンテンツや同一ドメイン上にあるHTMLファイルも表示することができます。iBoxは他のスライド表示系ライブラリと比べて軽量で他のライブラリに依存しません。ただし、基本的にはLightboxの以前のバージョン1を参考にしているため、見た目がいまいちよくないという面もあります。少ない通信コストで画像が表示できればよいというのであればiBoxを利用するのも良いでしょう。 また、他のスライド表示系ライブラリでは原寸大で画像を表示するものが多い中、iBoxはブラウザの横幅/縦幅に合わせて自動的に収まるように表示してくれます(スライド表示系ライブラリの1つであるThickBoxもブラウザのサイズに合わせて画像を表示してくれます)。iBoxもLightbox同様にHTMLの<a>タグのre
Creating Lightbox with Yahoo! User Interface Library | Code Central
Code Central He is no fool who gives what he cannot keep to gain that which he cannot lose. ��� -Jim Elliot Download YUI 2.3.0 Run Online demo Demo Updated (8/29/2007): In addition to the image lightbox demos, I added four more types: text content, web page, web page with video, and embedded video. Check it out. Yahoo! User Interface Library (YUI) provides a very handy class for creating modal dia
http://dev.portalzine.de/index?/Horizontal_Accordion--print
latest release: 1.00 beta ( tested with jQuery 1.2 ) Since the introduction of the blade interface on XBOX360, I have been looking for a simple way to accomplish something similiar with javascript and css. As I am working actively with jQuery since its introduction, it was my library of choice. Using jQuery and some plugin magic, I succeeded. This is still a project in progress, but thought I sha
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Domain parking page
IBM Developer
What is this? | Learning jQuery