Responsive & Touch-Friendly Audio Player | Codrops レスポンシブ＆タッチフレンドリなWEBベースの音楽プレイヤー実装デモ。 次のような美しいインタフェースを持ち、レスポンシブでタッチ端末にも対応したオーディオプレイヤーのコードが公開されています。 これは知っておけば、使えそうですね。 既存のオーディオプレイヤーは沢山あれど、レスポンシブでタッチフレンドリっていうとカスタマイズ等が発生しそうですが、これを覚えていればサンプルをそのまま使えそうです。 関連エントリ シンプルデザインがいい感じのHTML5オーディオプレイヤー「audio.js」 オーディオ機器のボリュームを上げる風インタフェースを作るCSS3＆jQueryサンプル

Adaptive Thumbnail Pile Effect with Automatic Grouping | Codrops 卓上に写真を置いたようなインタフェースのギャラリー作成用のjQueryプラグイン。 次のような、１つの写真は複数の写真を重ね合わせたようになっていて、クリックするとパラパラと写真がアニメーションしつつ開かれてギャラリー風になるというなんともオシャレなUIが実装できるようです。 クリックした所のアニメーションもカッコいいので是非デモを見てみましょう デモページ 関連エントリ サムネイルがシャッフルされてクールなギャラリー実装「Photofy」 動画ギャラリー用WordPressプラグイン10個 フリーで使えるPHP製画像ギャラリースクリプト「PhotoShow」

Camera and Video Control with HTML5 WebCamで撮影をHTML5で実現するデモ。 対応ブラウザであれば、WebCamにアクセスし、その場で顔写真の撮影、なんてことが出来るようになります。 Flashであれば実現出来たこの機能、HTML5でも実現できるんですね。 Flashによるフェイルバックに対応したライブラリなんかがあれば嬉しいですね 関連エントリ ドラッグ＆ドロップでファイルをアップできるHTML5のデモ フリーでHTML5ベースのリッチな管理画面テンプレート iPhoneのON/OFFスイッチをHTML5/CSS3の形式でジェネレート これは必見のWEBデザインの近未来。HTML5で構築されたサイト45 PC・スマホ・タブレットで動くクールなHTML5スライドショー実装ができる「Juicebox」 Flash使ってなくてもHTML5でここまでクー

Antiscroll - os x lion style cross-browser native scrolling on the web that gets out of the way MacOS X Lion風のスクロールをブロック要素に付けられる「Antiscroll」 カーソルを合わせるとクールなスクロールバーがフェードインで現れ、マウスホイールやトラックパッドで動くスクロールを実装可能なjQueryプラグインです。 最初からブロックにスクロールバーが現れているのはなかなかかっこ悪く、更にそのスクロールバーがプラットフォームによって大きく表示が違う場合はデザイナーの方には許せない画面だと思いますが、このプラグインでそこら辺をサクっとスッキリ解決できそう。 でも最新のブラウザにしか対応していないんでしょ？と思う方もいるかもしれませんが、IE7、Firefox3等のレガシーなブラウ

もう面倒なユーザ認証機能は１から作らなくてよいかも？PHPのOSS「AuthManager」 2012年08月13日- AuthManager - StitchApps もう面倒なユーザ認証機能は１から作らなくてよいかも？PHPのOSS「AuthManager」。 ユーザ認証型のサイトを１から作るとなると面倒な上に、もう誰かが良い物を作ってるんじゃないかという事を誰もが作り直してる気がします。 こういうもの自体をオープンソースにしちゃって誰もが使えるっていうのは素晴らしいですね。 Facebookによる認証やreCAPTCHAによるスパム防止、メールアドレスの認証機能といった標準で必要な機能が入っており、便利に使えそう。 で、ユーザ登録できるのはいいんだけど、肝心の制限はどうやってかけるの？というところは、次のように簡単にやってね、ということらしくお手軽。 ($sesslife自体がどこか

Chosen - a JavaScript plugin for jQuery and Prototype - makes select boxes better selectボックスを超カッコよくするjQueryプラグイン「Chosen」 味気ないselectのデザインをゴージャスかつ多機能に変えてくれるプラグインです。 左が普通のselect。これをカスタマイズして右のイメージに。インクリメンタル検索ができるので項目数が多くてもOK タグ選択っぽいインタフェースにすることも出来ます 選択時のイメージ。カッコいい。 BootStrapライクなデザインなので組み込んでしまっても違和感ないかもですね 関連エントリ 中身が画像のselectボックスを作るjQueryプラグイン デザインがよくて複数連動可能なselectボックス作成jQueryプラグイン カッコいいselectボックスを作成でき

Centurion Project a Zend framework CMS - CMF ZendFrameworkベースのCMS兼フレームワーク「Centurion」 ZendFrameworkベースで開発されていて、沢山の有用で洗練されたインタフェースのコンポーネントが詰まっており、そのままで使うこともできるし、更にそれらを使って自分専用のサイトを作るのにも活かせるというものです。 インタフェースのデザインがモダンでいい感じという点が個人的にポイント高いです。 １回のインストールで、複数サイトを複数言語で運営できます。 CENTURIONを使って構築されたサイト 投稿した動画の検索ができます CMSとしてのページ管理画面は以下のようなモダンなデザインです 他にも洗練されたコンテンツ管理画面が用意されています CMS等は出来るだけ定番の物を使った方が無難ではありますが、評価してみるのもよ