今日話さないこと JavaScriptの基礎知識、jQueryの導入 気持ちいいUIやUXがうんちゃら CanvasやWebGLを使ったリッチでイケてるゲームの作り方
フロントエンドJavaScriptにおける設計とテスト
今日話さないこと JavaScriptの基礎知識、jQueryの導入 気持ちいいUIやUXがうんちゃら CanvasやWebGLを使ったリッチでイケてるゲームの作り方
Flight by Twitter
A lightweight, component-based JavaScript framework for assigning behavior to DOM nodes.Flight A lightweight, component-based JavaScript framework from Twitter View on GitHub Overview Flight is a lightweight, component-based JavaScript framework that maps behavior to DOM nodes. Twitter uses it for their web applications. By way of example, we've including a simple email client demo (browse the sou
[JS]CSS3アニメーションを使った3Dのプレゼン用スライドショーツール -reveal.js
デモ：slide 3 [スペース]キーでスライドのオーバービューを表示。 [ad#ad-2] reveal.jsの主な特徴 reveal.jsは複数のパネルをダイナミックなスライドのアニメーションで表示することができます。 新しく改善されたスタイル。 下部にコントロールが可能なナビゲーション。 「highlight.js」を内包、コードのシンタックスハイライトに対応。 トランジションのテーマはdefault/concave/linearの3つ。 他のスライドをネストすることも可能。 各パネルごとに直接アクセスが可能。
jquery.tablefix.js
»Download jquery.tablefix.js は、Excel のウィンドウ枠固定のように、テーブルのヘッダや左側を固定して、残りの部分をスクロールさせるための、jQuery プラグインです。 JavaScript 無効時はただのテーブルとして普通にそのまま表示される点と、他の類似品と違ってソート変更などの高度な機能がない代わりに、すでにデザイン済みの任意のテーブルにそのまま適用出来る点が特徴です。 読み込むのはプラグインだけで、追加の css や画像ファイルは必要ありません。 使い方 普通にテーブルをデザインする jQuery とプラグインを読み込む jQuery のセレクタでテーブルを選択して、プラグインを呼び出す これだけで、あとはプラグインがよかれにやってくれます。 プラグインの呼び出し方 $('tableSelector').tablefix({width: 600,
プルダウンで日付を入力(選択)するイライラを解消するDateSupport.js :: 5509
※) 最新版をprefSupport.jsとあわせてjQuery.selectable.jsにまとめました。 jQuery.selectable.jsをごらんください。 フォームで西暦とか月、日付入力がselectだったりすると… 1984年…スクロール…あ、、ずれた、、 みたいにすごい勢いでイライラする人多いはず。 カレンダーから入力出来るライブラリもあるけど あれやと西暦だけ選択、とか月だけ選択が出来ないので それ単体でも使えるようなのが欲しいなー。と思って作った。 会員登録とかそういうとこで西暦だけ選択が多い。。。 そういえば都道府県選択のやつ便利やなぁ。 →追記@08.07.21 都道府県の選択はselect拡張で作りました。 導入は超簡単。 データをダウンロード(20KB)、解凍とかテキトーに保存してヘッダでCSSとスクリプトを読み込んで、 適用したいinputのクラスにyear
jQueryでフォームの値を取得する方法をまとめておくので、コピペでご利用ください。 | Ginpen.com
必要ならどうぞ。 デモ jQueryでフォームの値を取得する方法をまとめ – jsdo.it – Share JavaScript, HTML5 and CSS jQueryでフォームの値を取得する方法をまとめ – jsdo.it – share JavaScript, HTML5 and CSS 共通：要素の探し方 input要素なんかにid振っちゃうのが一番なんだけど、属性セレクターを使うと楽な場合があります。つまり[name=xxx]で検索するやり方。 <form id="my-form"> <input type="text" name="my-text" value="This is text." /> </form>
グラフを描画してくれるjQueryプラグインは、多分”jQuery Visualize”がベスト！ - Shinichi Nishikawa's
グラフを描画してくれるjQueryプラグインは、多分”jQuery Visualize”がベスト！ 2011 10/11 グラフを描画してくれるjQueryプラグインを紹介します。 グラフを動的に作ってくれるものとしては、他のjQueryプラグインやGoogle Chartというサービスなどがあります。 が、今回の”jQuery Visualize”は、中でも一番使いやすそうでしたので、ご紹介します。 他のプラグインについては、【jQuery】IEでも使えるグラフ描画ツール | 岡山のWebプログラマーがつぶやくブログ | 神歌.blogでまとめて紹介されています。 作れるグラフの種類 グラフは以下のものを使うことができます。 棒グラフ 線グラフ 線グラフで線の下を薄く塗れるやつ 円グラフ デザインは二種類 冒頭写真の黒っぽいCoolなのと別に、白っぽいのも用意されています。 また、背景画
プロジェクト管理に使ってみたい。jQuery製のガントチャートライブラリ·jQuery.ganttView MOONGIFT
jQuery.ganttViewはjQuery製のガントチャート表示ライブラリです。 jQueryを使ってガントチャートを表示するライブラリがjQuery.ganttViewです。表示だけでなくデータのメンテナンスもできるようになっています。 いい感じにガントチャートが表示されています。 ドラッグでタスクを左右に移動させられます。 期間の変更は枠の端をドラッグします。 データはJSONで与えるだけです。 jQuery.ganttViewは表示系のライブラリなのでデータベースに蓄積された内容をガントチャートにして表示すると言った使い方が便利そうです。なお表示はタスクごとに横に表示される形で、複数のタスクを同一線上に表示することはできないようです。 jQuery.ganttViewはjQuery/JavaScript製のオープンソース・ソフトウェア（MIT License）です。 MOONGI
通常のフォームを瞬時にAjax化できるjQueryプラグイン「ALAJAX」:phpspot開発日誌
ALAJAX - a jQuery plugin for ajax auto form sending | Freelancer ID 通常のフォームを瞬時にAjax化できるjQueryプラグイン「ALAJAX」 フォームなんかを作る場合はAjax前提で作ったりしますが、このプラグインで $('#form').alajax(); のように初期化すれば一瞬でajax化が完了します。 もちろん、サーバ側のプログラムの調整は必要ですが、簡単にajax化できるというのはよいかもしれませんね。 やっぱりajaxフォームの速度ってはやくて利用者としては速いほうがいいわけなので、こういう風にマークアップの作り手側は簡単に対応できると作り手としては嬉しいですね。 関連エントリ Ajaxスタイルのローディングも画像を使わずピュアCSSで実現するデモ 画面遷移なしのAjaxでファイルアップロードするjQuer
jQuery.sheet - The Web Based Spreadsheet
<TABLE title=""> <COLGROUP> <COL width="" style="width: ;"/> </COLGROUP> <TBODY> <TR > <TD class="Classes used for styling."></TD> </TR> </TBODY> </TABLE> <documents> <document> //repeats <metadata> <columns>{Column_Count}</columns> <rows>{Row_Count}</rows> <title></title> </metadata> <data> <r{Row_Index}> //repeats <c{Column_Index} style="" width="0" cl="{Classes used for styling}"></c{Column_In
Google Libraries API - Google Code
How do I start? Check out the developer's guide to get the Libraries API up and running on your website or application. Play with the code in our code playground. Want to talk to other developers using this API? Check out the Google API discussion group. You can also interact with developers in realtime on our IRC channel. What is the Google Libraries API? The Libraries API is a content distributi
Raphaël―JavaScript Library
The most popular coding language for the web is javascript; so much so that since the advent of HTML5, it has now been officially accepted as the default standard. Javascript has moved beyond a smaller client-side browser-based language to become integrated not just for front-end design, but also for back-end server-side development. As a result there are has been a huge growth of Javascript libra
データ可視化のためのグラフ描画JavaScriptライブラリ20選 | ゆっくりと…
SixRevisionsでオンラインでグラフを描画する場合に活躍しそうなJavaScriptライブラリの特集がありましたので、紹介します。個人サイトではあまり役に立たないかもしれませんが、観ているだけで楽しくなります。元記事に敬意を表し、なるべく趣旨が異ならずかつ変な日本語にならないよう心がけたつもりですが、訳に間違えがありましたら容赦願います。 2010年1月17日 by Jacob Gube 退屈な数値データを美麗かつインタラクティブに解り易く可視化するためのJavaScriptライブラリは数多くあります。通常はHTMLテーブルで表現するデータを、JavaScriptを使って可視化し美しく見せる事ができればあなたのデータはアクセシビリティーの優れたものとなるでしょう。私は2008年にデータのグラフ化＆チャート化のためのJavaScriptを書き上げましたが、今回再び単なるデータに生命を
GoogleカレンダーからJSONPで日本の祝日一覧を取得
＼閉鎖予定のサイトも売れるかも？／ アクセスがないサイトもコンテンツ価値で売れる場合も… ドメインの有効期限を更新してサイト売却にトライしてみましょう
jQuery google api and other google hosted javascript libraries. - ScriptSrc.net
Mastering the Code Things We Wish We Knew Much Earlier In Our Career - Articles, Tips, Inspirations, Sources and Resources for web designers and developers Watch video Hello, coders! Computer Science became one of the top professions and hobbies in the past two decades. Many people, especially website developers, are drawn to learn at least one programming language that will back up their written
jQuery UIの Datepickerで日本語のカレンダーを表示する方法
（2010/07/05追記：年月選択のオプションと、その見た目の調整のCSSを追加した。） （2013/05/01変更：CSSがmin対応したので変更した。） 必要なJavaScriptとCSSは、全てGoogleがホスティングしてくれてた。 （2010/10/12追記：日本の祝日を表示するGCalendar HolidaysだけはGoogleはホスティングしていない。） サンプルコード <!DOCTYPE html> <html lang="ja"> <head> <title>Datepicker</title> <!-- jQuery UIのCSSファイルの読み込み --> <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/flick/jquery-ui.min.cs
MOONGIFTプレミアムについて | MOONGIFT | オープンソース・ソフトウェア紹介を中心としたITエンジニア/Webデザイナー向けブログ
Arborは複数のオブジェクトを関連性を含めてビジュアル化するライブラリ。 ArborはJavaScript/jQuery製のオープンソース・ソフトウェア。データをビジュアル化する方法は幾つか存在する。例えば棒グラフや折れ線グラフも一つのビジュアル化だ。どの方法を選ぶかはデータの種類と見せ方によって異なるだろう。 こんな表示も 幾つかのオブジェクト同士が関連して存在する場合に使えるのがArborだ。例えばソーシャルネットワークのユーザの関連性を表示したり、友人同士のつながりをビジュアル化するといった時に使えそうなライブラリだ。 Arborは幾つかのハブがあり、そのハブから枝が伸びて別なハブにつながっているようなビジュアル化を行う。表示して終わりという訳ではなく、常にゆらゆらと動いている。さらにハブをドラッグして移動させることもできる。その時には関連するハブも干渉して動く。 さらに複雑な描画
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Loading...
DataTables | Javascript table library
http://www.designwalker.com/2010/07/chart-tool.html
