JavaScriptのオススメのユーティリティ(配列・文字列・日付)ライブラリを紹介します。Read less
JavaScriptのオススメのユーティリティ(配列・文字列・日付)ライブラリを紹介します。Read less
Tutorial demos さまざまな基本となるアニメーションのユニット集。 [ad#ad-2] jsMorphの実装 外部ファイル 当スクリプトを外部ファイルとして指定します。 <script src="js/jsMorph_min.js" type="text/javascript"></script> JavaScript jsMorphの基本書式です。 var myMorph = jsMorph( Object obj, // HTML element, Array of elements or elementCollection that are rendered Object prop, // css properties of end position [Object params], // parameters that influence the motion (dur
久保田です。最近KnockoutJSというJavaScriptフレームワークを勉強しています。 KnouckoutJSはjQueryの上に構築されているフレームワークです。jQueryのみ使うのと比べてKnockoutJSを利用すると、ウェブページ上のインタラクションを圧倒的に簡単に記述できます。この記事では、簡単にKnockoutJSの概要を説明し、KnockoutJSを用いたデモを紹介します。 このフレームワークの特徴としてあるのは、HTML内に宣言的な記述を埋め込むことでインタラクションが実装できることです。HTML5のカスタム属性(data*属性)を用いて、その要素に関する処理を宣言してきます。裏側の処理は、JavaScriptでViewModelを定義し、そこにビューが必要とする値を管理します。 例えば、あるチェックボックスにチェックを入れると下の要素がトグルする簡単な例は、以下
スマフォ向けサイト最適化にも使えそうなブラウザ幅に応じCSSが切り替えられるJSライブラリ「Adapt.js」 2011年04月19日- Adapt.js - Adaptive CSS スマフォ向けサイト最適化にも使えそうなブラウザ幅に応じCSSが切り替えられるJSライブラリ「Adapt.js」。 見ているユーザによってディスプレイのサイズなんかはまちまちで、ブラウザのサイズも結構違いますね。 このフレームワークを使えば、幅が600〜800px は a.css、800〜1200px の場合は b.css のように使い分けるのが容易になります。 端末の違いなんかもCSSによって分けてしまえると、プログラム的な無駄な分岐を省けて綺麗に作れますね。 ここら辺の分岐を簡単な使い方で勝手にやってくれるのがAdapt.js。スマートフォン向けサイトなんかにも使えます。 iPhoneだと縦で大体320p
「Cached Commons」はGithubにあるJavaScriptライブラリを集めているサイトです。 みんなでGithubにあるライブラリを呼び出して、ユーザーにキャッシュしてもらおうというプロジェクトです。 サイトの高速化につなげる事ができますね。 Google Ajax Librariesと一緒？ 基本的な考え方はGoogle Ajax Librariesと一緒ですね。 サーバーにアップしなくても良いので、サーバー側の負荷減少にもなるかと思います。 jQueryのプラグインなど豊富にそろっているので、GoogleのAPIより一枚上手かもしれません。 Githubで公開しているライブラリを申請すれば加えてくれるのもポイントです！ 他のライブラリもGithubで開発・公開すれば良いのにと思わずには居られませんねw
SEO的にも問題の無い縦書きのコンテンツを作りたい。そんな時に便利なのが、今回紹介するjavascriptライブラリ「竹取JS」です。javascriptで指定されたブロックを縦書きに変換してくれます。 HTMLのみで縦書きというのは非常に面倒でしたが、これなら気軽に縦書きコンテンツを作れそうです。 詳しくは以下 上記のように文字だけではなく、リストや、取り消し線、テーブルなど様々なHTMLで創られた基本要素を縦書き化してくれますので、従来のサイトの構造を保ったまま縦書きのコンテンツを制作することが可能です。また切り替えボタンやダブルクリックで横書きへ瞬時に切り替わる機能も実装されています。 対応ブラウザはInternetExplorer5.5+ / Firefox3.5+ / Safari3.2+ / Chrome3.0+ / Opera10.5+と幅広いブラウザで利用可能。ライセンスは
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
GoogleにホスティングされているjQuery等の便利JSタグを一瞬でコピーできる便利サイト「ScriptSrc.net」 2010年04月28日- jQuery google api and other google hosted javascript libraries. - ScriptSrc.net GoogleにホスティングされているjQuery等の便利JSタグを一瞬でコピーできる便利サイト「ScriptSrc.net」。 jQueryを使うサイトでは、通常、自分のサーバにjQueryをアップロードして、<script>タグ書いて、srcでその位置を指定して、なんていう面倒なステップを踏むわけですが、このサイトにアクセスしてボタンを１回おせば、利用用のタグがクリップボードにコピーされます。 コピー例：<script type="text/javascript" src="htt
名前やメールアドレス、住所等、大量のダミーデータが作れるJSライブラリ「Faker.js」 2010年05月20日- Marak's Faker.js at master - GitHub 名前やメールアドレス、住所等、大量のダミーデータが作れるJSライブラリ「Faker.js」がGithubにて公開されています。 生成できるデータは英語になりますが、それなりに使えそうです。 ライブラリを読み込んだ後、「Faker.Name.findName();」のようにコードを実行すればダミーの名前が取得出来ます。 メールは「Faker.Internet.email(); 」のように実行すれば生成されます 他にも以下のようなデータが生成出来るみたい。 Faker.Address.zipCode() - zipコード Faker.Address.city() - 都市名 Faker.Address.s
「SproutCore」はAppleのMobileMeで使われているオープンソースのJavaScriptフレームワークです。 デスクトップアプリ風のUIをこのフレームワークだけで作れるようです。 先日、ついにメジャーバージョンがリリースされたようなのでご紹介します。 詳しくは以下 デスクトップのようなUIを構築できる SproutCoreを使用する事で、様々なUIを構築可能になります。 デモ FlashやSilverlightとくらべるとブラウザだけで動作する利点があるJavaScriptですが、こういったアプリが作成できるようになると利用用途も増えていきそうですね。 jQuery，ExtJS，YUI，Prototypeなどのライブラリと同時使用もできるようです。 興味のある方はぜひダウンロードしてみてください。
JavaScriptでフォームの値をリアルタイムにバリデートするライブラリまとめ。 バリデートするライブラリも沢山でてきました。とここら辺で一度まとめておきました。 Really easy field validation (デモ) - 入力値がおかしいと、エラーメッセージをフェードインさせながら超クールに表示できます。 ※ ページの最後で使い方紹介（これは良いです） Remember the milk風の登録フォームも作れそう prototype.js依存。 Realtime validation using Ajax (デモ) - Ajaxなどを駆使して、入力値を動的にチェックするライブラリ Validate.js (デモ) - リアルタイムではないけど、入力値をチェックするためのライブラリ Tooltip for forms - 入力チェックではないけど、フォームの入力ヒントを出して
2010/01/12 JavaScriptでPDFを生成するライブラリ「jsPDF」 JavaScriptでPDFを生成できるオープンソースのライブラリ「jsPDF」というのがあるそうだ。サーバーサイドJavaScriptでも利用できる。面白いかも。 var doc = new jsPDF(); doc.text(20, 20, 'Hello world!'); doc.text(20, 30, 'This is client-side Javascript, pumping out a PDF.'); doc.addPage(); doc.text(20, 20, 'Do you like that?'); // Output as Data URI doc.output('datauri'); 投稿者 zubora 投稿時間 09:47 ラベル: Open Source, Progra
HTMLテーブルを使ってデータを表示する時、テーブルの列や行数は多くなると、表示しにくくなります。Super Tablesは、テーブルの表示を見やすくなるJavaScriptライブラリです。 動作環境 ◇ ブラウザー：Firefox 2+, Internet Explorer 5.5+, Safari 3+, Opera 9+ and Chrome (Windows環境テスト済み) ◇ ライセンス：MIT Style License 機能・特徴 ◇ テーブルのヘッダ固定できる ◇ 縦横スクロールバーによる列数、行数の多いテーブルも表示しやすくなる。 ◇ 左にある列を複数固定可能 ◇ スキン・カスタマイズ可能（CSS）
最新のライブラリーやJavaScriptの新しい活用法を紹介する「JavaScriptラボ」。今回は、9月末にリリースされたばかりの「YUI 3（Yahoo! UI Library Version 3）」を取り上げます。 Yahoo! UI Libraryとは？ 「Yahoo! UI Library」（以降、YUI）はその名の通り、ユーザーインターフェース周りを得意とする米ヤフー製のAjaxライブラリーです。YUIは、Ajaxが普及し始めた2005年に登場し、面倒なUI周りを簡単に処理できることから次第に普及していきました。実は、以前取り上げたAjaxフレームワーク「Ext JS」も、もともとはYUIの機能拡張(Extension)として生まれたものです。 YUIはタブパネルやスライダー、ドラッグ＆ドロップ、アニメーション機能など、他のライブラリーやフレームワークを凌ぐ充実したUI部品と豊
The web content creators that would like to use Shadowbox on an advert resource are provided with commercial licenses. Shadowbox is an application that works as an internet-based image/video viewer, it supports all of the widespread audio and video formats. This app is created with CSS and JavaScript and can be tailored to customer needs easily. The core benefit of Shadowbox is that it allows web
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_BelatedPNG
JavaScript Library Archiveについて JavaScriptライブラリをまとめたサイトです。用途別に探すことができ、配布元、使用方法、ライセンスなどについて解説をしております。 新着JavaScriptライブラリ プログラムのコードに色を付ける「google-code-prettify」 角丸を表現する「jQuery Corners 0.3」 jQueryベースのカラーピッカー 「Farbtastic」 水平方向のアコーディオンメニュー「horizontal accordion」 セレクトボックスをカスタマイズする「Script.aculo.us Select Box」 IE6でhover,active,focus擬似要素を使う為の「csshover」 画像に光沢を与えるjsライブラリ『Glossy.js』 IE6以下をIE7と同じようにするライブラリ『IE7.js』
前回の特集「詳解! Dojo Toolkit 1.0 (基礎知識編) - 頻出APIと便利機能を一気におさえる」では、Dojo Toolkitが持つ基本的な機能を紹介した。記事中でもお伝えしたとおり、ダウンロードしたDojoを展開すると図1のようなディレクトリ構成になっている。 Dojo展開後のディレクトリ構成 前回の特集で主に取り上げたのは「dojo」ディレクトリ以下のさまざまなAPIについてであった。今回は、UIウィジェットフレームワークである「Dijit」を中心とした解説をお届けする。 ただ、Dijitは非常に膨大なUIフレームワークであり、とてもではないが今回の特集ですべての要素を紹介することは不可能であった。そのため今回は、JavaScriptフレームワークやUIプログラミングに慣れた読者を対象とし、Dijitの根幹を理解する助けとなることに努めたい。 個々のウィジェットに関する
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く