[B! Javascript][Must] OfficeRiverHeadのブックマーク

自鯖に設置してHTML、CSS、JSをブラウザ上で開発して遊べる「Editr」:phpspot開発日誌

Editr - HTML, CSS, JavaScript playground 自鯖に設置してHTML、CSS、JSをブラウザ上で開発して遊べる「Editr」。いつでもどこでもブラウザがあれば開発ができるスタイルにするための鯖設置型エディタ。コードハイライト機能がついているため、編集もしやすく、編集結果もすぐ見られるので学習用にもいいかもしれませんね。関連エントリ Flipboard風エフェクトをブラウザ上で実現するためのjQueryプラグイン「flip」前ブラウザのブラウザハックまとめ「Browserhacks」ブラウザサイズに応じてsrcやwidthを置き換えてくれるjQueryプラグイン「Responsive Img」 CSSのブラウザ対応状況が一発で分かる「BrowserSupport」ブラウザ上での音声再生に使えるシンプルプレイヤー「Audio5js」

OfficeRiverHead 2013/05/30

Editr - HTML, CSS, JavaScript playground 自鯖に設置してHTML、CSS、JSをブラウザ上で開発して... via phpspot開発日誌 http://phpspot.org/blog/

リンク

canvas,svg,webglを使った２次元画像/アニメーションを描画できる「Two.js」:phpspot開発日誌

canvas,svg,webglを使った２次元画像/アニメーションを描画できる「Two.js」 2013年05月28日- Two.js canvas,svg,webglを使った２次元画像/アニメーションを描画できる「Two.js」。 Twoというクラスのコンストラクタにcanvasやsvgを指定することで描画エンジンを選択し、２次元のグラフィックを描画できます。直感的なAPIで使いやすく、デモのアニメーションがなかなかおもしろかったのでご紹介ブラウザ上で動くアニメーション作成の際の選択肢として覚えておいてもよいかも関連エントリ HTML5とCanvasでアプリを作れるフレームワーク「iio Engine」 jQuery風に簡単にCanvasを扱えるラッパーライブラリ「Canvas Query」 JSでのCanvas操作を簡単かつ高機能にできる「Fabric.js」 WebGLではなく

OfficeRiverHead 2013/05/28

Two.js canvas,svg,webglを使った２次元画像/アニメーションを描画できる「Two.js」。 Twoというクラスのコンスト... via phpspot開発日誌 http://phpspot.org/blog/

リンク

iPhoneのサイドメニュー風UIが作れるjQueryプラグイン「jPanelMenu」:phpspot開発日誌

acolangelo/jPanelMenu GitHub iPhoneのサイドメニュー風UIが作れるjQueryプラグイン「jPanelMenu」左上をクリックでメニューが表示されるアレです。他にも同様のライブラリはありますが、比較検討の要素としてご紹介しておきます。スマホのサイトであれば、このUIは親和性が高く、スマホのメニューを作る場合は素直にこうしたライブラリを採用してサクっと作っちゃったほうがよいのかも。関連エントリレスポンシブなiPhoneのサイドメニューっぽいメニューが作れるjQueryプラグイン「Sidr」 3D Transf ormsを使った次世代の3Dサイドメニュー実装スクリプト「Meny」コンテンツ毎にサイドバーを固定配置できるjQueryプラグイン「Stick ’em」ページを下に引っ張ると更新されるiPhone風UIを提供するjQueryプラグイン「Hoo

OfficeRiverHead 2013/03/11

acolangelo/jPanelMenu GitHub iPhoneのサイドメニュー風UIが作れるjQueryプラグイン「jPanelMe... via phpspot開発日誌 http://phpspot.org/blog/

リンク

[JS]1.9から仕様が大きく変わったjQueryの複数のバージョンでのテストを簡単にできるスクリプト -version.js

jQueryは1.9から大きく仕様がかわり、プラグイン開発者やウェブ制作者は今まで以上に各バージョンの互換性に苦労するようになりました。たった一行加えるだけで、jQueryの複数のバージョンでのプラグインやウェブサイトの動作テストを簡単にできるスクリプトを紹介します。 ※jQuery以外のスクリプトにも対応しています。デモページ version.jsの使い方使い方は簡単！テストページに一行加えるだけです。 Step 1: 外部ファイル当スクリプトを外部ファイルとして記述します。 <script src="version.js" data-url="google" data-lib="jquery" data-ver="1.5.0"></script> Step 2: スクリプトの実行あとはjQueryのバージョンをパラメータに付与し、ページをロードするだけです。 http://

OfficeRiverHead 2013/02/22

jQueryは1.9から大きく仕様がかわり、プラグイン開発者やウェブ制作者は今まで以上に各バージョンの互換性に苦労するようになりました。たった一行加えるだけで、jQueryの複数のバージョンでのプラグインやウェブサイト

リンク