スマートフォンのためのJavaScriptフレームワーク ベスト10 « Webの小ネタ
スマートフォン向けのWEBサイトやアプリケーションの浸透した今では、様々な開発ツールが存在しています。 フレームワークを利用することで、クロスブラウザの互換性やディスプレイの解像度の違いなどを意識することなく、開発に専念できる環境が整いつつあります。 今回は、スマートフォンやタブレットなどのタッチスクリーン対応のデバイスに対応したJavaScriptフレームワーク10個をsmashinghubから紹介します。 Hammer.js フレームワークは軽量であることに加えて、タップ、ダブルタップ、スワイプ（画面を指で横に滑らせてスクロールする）、ドラッグ、ピンチ（2本指でつまむ）、回転ジェスチャに対応していてを提供している素晴らしいツールです。 Android、BlackBerry、iOSとWindows Phoneをサポートしています。 » Hammer.js jQuery UI jQuery
[JS]最近のウェブサイトで見かける面白い仕掛けを実装するスクリプトのまとめ
fullPage.js ポートフォリオや企業のプロモーションでもよく見かける1ページで構成されたサイトで、フルスクリーンの垂直スクロール、そして水平のスライドにも対応したウェブサイトを作るためのスクリプト。 こういう作りは特にタブレットで操作がしやすいですね。 FancyScroll.js スマフォやタブレットのようにページの終わりまでスクロールした際にバウンドするのをはじめ、ちょっと面白いさまざまなエフェクトをスクロールに与えるスクリプト。
[JS]Appleのプロダクトページのような1ページのスクロールコンテンツを作成するスクリプト -One Page Scroll
デモページ：3番目のパネルを表示 各パネルへの直リンクやURL表示にも対応しています。 One Page Scrollの使い方 Step 1: 外部ファイル head内にjquery.jsと当スクリプト・スタイルシートを外部ファイルとして記述します。 <head> ... <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script> <script type="text/javascript" src="jquery.onepage-scroll.js"></script> <link href='onepage-scroll.css' rel='stylesheet' type='text/css'> </head> Step 2: HTML mainはコンテナで、各パネルはse
様々なブラウザ環境に対応する為のJavaScriptライブラリ「Modernizr」
配布元：Modernizr ライセンス：MIT & BSD licenses. ModernizrはTwitterなどの大手サイトでも採用されているブラウザの機能の実装状況を調査するためのJavaScriptライブラリです。 たとえばModernizrを読み込んだサイトではhtml要素が次のように書き換えられます。 <html lang="ja" class="no-js"> ↓ <html lang="ja" class="js flexbox flexbox-legacy rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients cssreflections csstransforms c
Google画像検索風に写真を表示·photoWall.js MOONGIFT
photoWall.jsはjQuery/JavaScript製のオープンソース・ソフトウェア（MIT License）です。 多数のWebサービスが写真を並べて表示しています。そこからエッセンスを取り出して自分たちのサービスに活用するのはいい方法です。今回はGoogle画像検索ライクな画像表示を行えるphotoWall.jsを紹介します。 一覧で並んでいます。幅は異なりますが、縦は共通した高さになっているのが特徴です。 写真を選ぶと1枚だけ拡大表示されます。画面中央に配置されるようになっているのがGoogle画像検索にそっくりです。 別な写真を選択すると前の写真の枠が閉じて、改めて選択した写真が開く仕組みです。 縦横どちらが大きい写真も見やすいですね。 使い方はシンプルで、$(".photowall").photoWall()を実行するだけです。画像のタグのclass、説明として表示する部
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
