[JS]画像やコンテンツを水平・垂直に気持ちよくスクロールさせて表示することにこだわったスクリプト -Sly
水平・垂直に配置した画像やコンテンツを気持ちよくスクロールさせることと次に表示するアイテムのロジックにこだわったjQueryのプラグインを紹介します。 IE6にも対応してるのがびっくりです！ 特徴は気持ちのいいスクロールだけでなく、ナビゲーションのロジックも直観的で、次に表示するべきアイテムを自動的に先頭に配置します。クリックでアクティブにしたアイテムも常に保持します。 操作は上部のバー、FRAME上でホイール、パネルのクリック、下部のナビゲーションがあり、また下部のボタンでは前・次、最初・最後・中央などの操作もできます。 ナビゲーションでの操作は次に表示するアイテムを先頭に配置します。 デモでは、水平方向のスクロールだけでなく、垂直方向、無限スクロールもあります。
3D Restaurant Menu Concept | Codrops
A responsive 3D menu concept for a restaurant website. The idea is to show the menu as a folded flyer and unfold it in order to show the menu items. Applying CSS 3D transforms to components can bring some more realism to normally flat web elements. We’ve experimented with some simple concepts for restaurant websites and came up with a 3D folded menu (a real menu, not a “web” menu). The result is a
ページをめくる表現をつけるjQueryプラグイン「turn.js」
twitter facebook hatena google pocket ページをめくるような表現付けたくなる時ありますよね。 そんな時はturn.js - The page flip effect for HTML5を利用すると簡単に実現できます。 スマホ、タブレット対応していますが、HTML5なので一部のIEには非対応です。 sponsors 使用方法 turn.jsからファイル一式をダウンロード。 <script type="text/javascript" src="jquery-1.7.2.min.js"></script> <script type="text/javascript" src="turn.min.js"></script> <script> $(function(){ $('#magazine').turn(); }); </script> 上記のようにJav
なぜ入力しにくいformが蔓延するのか？ - 職業プログラマの休日出勤
先日のhotentryにこんなスライドが登場していました。 ふつうのformをつかいたい - はまちや２ - ニコニコ超会議2012 ここで述べられていることの多くは、入力し易いformを作る為に非常に有益なものだと思います。技術的にもそれほど難しい話ではないです。こういう理想を掲げている技術者やマネージャもこの世には多数存在します。それではなぜ、こういう簡単なことすら実装できていないformが蔓延してしまっているのでしょうか。その原因（の推測）をいくつか列挙してみました。 本当に技術力が無い 冒頭に紹介したスライドに出て来る話題の多くを、自分の得意とするプラットフォームですら実装できないような技術者がこの世に居ることは確かです。そんな方々の手にかかれば、どのようなformが出来上がるかは容易に想像できます。まあ、可能性としてはそんなに高くはないと思います。 仕様化が難しい 一般的に、ある
Metro UIをiOS/Androidに移植·TiMetro MOONGIFT
TiMetroはWindows PhoneのMetro UIをTitaniumで再現したモックアップアプリになります。 Windows Phoneが渾身の力をこめて投入してきたUIがMetroです。確かにすっきりとした格好いいインタフェースになっています。そんなMetro UIをTitaniumを使って再現したのがTiMetroになります。 最初にパネルが並んで表示されます。 パネルを選択するとアイテムが一覧されます。アニメーションが格好いいです。 デモ動画です。流れるようなアニメーションが格好いいです。 パネルやメニューをタップして情報を一覧表示するので、ダッシュボード的アプリで使っても面白いかも知れません。情報量が多いアプリにはぴったりです。 TiMetroはJavaScript/Titanium製のソフトウェア（ソースコードは公開されていますがライセンスは明記されていません）になりま
Pathの華麗なメニュー表示をTitaniumアプリにも取り込む·pathmenu.js MOONGIFT
pathmenu.jsはPath（iPhoneアプリ）で実装されているメニュー表示をTitaniumで行うモックアプリ。 PathというiPhoneアプリに実装されているメニュー表示、選択機能が人気です。Objective-Cで実現するのはQuadCurveMenuですが、さらにTitaniumで実装したプロジェクトが登場しました。それがpathmenu.jsです。 初期表示です。右下にアイコンがあるのでタップします。 メニューが開きます。もちろんアニメーション付きです。 項目をタップすると拡大されます。 デモ動画です。Path風に動いているのが分かります。 pathmenu.jsが面白いのはモジュールを使うのではなく、JavaScriptだけで実装したということではないでしょうか。うまくすればWebベースでさえ使える可能性がありそうです。 pathmenu.jsはTitanium用、Ja
iPhone AppのPathみたいなナビゲーションを実装できる Swpnav.js :: 5509
PathみたいなナビゲーションをWebページに実装するライブラリです。同じようなのは他にもあると思いますけど、これの特徴は対象に当たっている他のライブラリと干渉しにくいということでしょうか。iScrollみたいなイベントキャンセルが強力なやつはだめだと思います。 サンプルがまさにそれなんですけど、同僚の@が作った flipsnap.jsとは共存できます。レイヤー毎にスワイプ判定をしてるので、上位レイヤーで一度キャンセルすると Swpnav が実行されてる下位レイヤーにはイベントが飛ばなくなるような感じで、この Swpnav とか flipsnap のような作り方をしているライブラリとは共存できると思います。 サンプル（Webkitのみ ホスト githubにあります 5509/Swpnav – GitHub 使い方 ソースコードをダウンロードして、任意の場所に swpnav.js を置き、
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Status Message Design with CSS