Bootstrapのナビゲーションバーをお好みにカスタマイズできる「Bootsnav」:phpspot開発日誌
Bootsnav - Bootstrap menu multi purpose header Bootstrapのナビゲーションバーをお好みにカスタマイズできる「Bootsnav」 デフォルトのツールバーはCSSなどで結構いじくらないと制約があったりしますが、Bootsnavであれば豊富なサンプルから使いたいnavbarが見つかりそうです。 メニューを大きめのメガメニューにしたり、ハンバーガーメニューでフルスクリーン風にしたり、スクロール固定したり、よく使われるパターンが網羅的にサンプルかされていて、非デザイナーの方も苦労なく目的のナビを実現できそうです。 関連エントリ Bootstrapのテーブルをソート可能にする「Bootstrap Sortable Tables」 Bootstrapなサイトで階層的なツリービューを作成できるUIライブラリ「bootstrap-treeview」 Bo
HTML5のVideoをレスポンシブ対応させる「video-resize」:phpspot開発日誌
GitHub - robertjanes/video-resize: Efficiently scale HTML5 videos with CSS HTML5のVideoをレスポンシブ対応させる「video-resize」 ブラウザサイズをリサイズさせても綺麗に画面にフィットさせられます。モバイル対応も可能 関連エントリ HTML5での追加・廃止タグ・ブラウザサポート等が一目で分かる「The HTML 5 Mega Cheat Sheet」 HTML5動画プレイヤーを拡張させられる「jquery-video-extend」 HTML5動画を背景にできるjQueryプラグイン「vidbg.js」 HTML5ベースのクールな音楽プレイヤーをサイトに埋め込める「SoundManager 2」
高品質なMaterialデザインのBootstrapテーマ「Material Kit」:phpspot開発日誌
タッチ端末でも使いやすそうなjQueryカラーピッカー「jquery-palette-color-pi... 次の記事 ≫：時間をユニークな方法で指定するUI実装jQueryプラグイン「timedropper」
マテリアルデザインのカッコイイ日付ピッカー「Material-datetime-picker」:phpspot開発日誌
Facebookのリアクションボタンを実装できるjQueryプラグイン「FaceMocion.js... 次の記事 ≫：レスポンシブな商品比較テーブル実装デモ
枠のサイズに応じてテキストを自動省略できる「Jquery-quickfit」:phpspot開発日誌
Jquery-quickfit 枠のサイズに応じてテキストを自動省略できる「Jquery-quickfit」 文字が枠の外にはみ出してかっこわるくなってしまうということはよく起きるものですが、それを次のようにテキストを省略する形で枠にフィットさせられるjQueryプラグインです サーバ側ではなくブラウザ上で調整できるので、負荷的にもやさしく、リサイズにも対応できて便利そうです 関連エントリ レスポンシブに動作するメガメニュー実装「megamenu.js」 横に長いテーブルもレスポンシブに使えるようにする「Tabella js」 レスポンシブで使える使いやすそうなメニュー実装：CSSとjQueryで実現したデモ 横長テーブルもレスポンシブにできる「jquery.responsive-tables」
CSS3でホバーエフェクトをこれでもかというぐらい集めたサンプル集:phpspot開発日誌
モダンなプレゼンテーションをブラウザで表示できる「Shower Presentation ... 次の記事 ≫：ページサイドにセクションのナビゲーションを自動生成する「Section Scr...
Android, iOS, Windows Phone用のアイコン等を全サイズ一括生成できるテンプレート:phpspot開発日誌
Design Resources from Bjango Android, iOS, Windows Phone用のアイコン等を全サイズ一括生成できるテンプレート Photoshop, Illustrator, Sketch, Affinity Designerに対応しているそうです。 iOS単体で、といった物はありましたが、全部一気に作れるのも便利そうですね 関連エントリ RubyでPhotoshopのPSDデータを操作できるライブラリ「PSD.rb」 8つのPSD、138のテンプレ、250＋のコンポーネントで構成されるiOSのUIデザインキット「TETHR」 Apple公式の端末、アイコンPSDが公開
クールな予約UIを実装できる「booking-js」:phpspot開発日誌
timekit-io/booking-js GitHub クールな予約UIを実装できる「booking-js」 次のようなGoogleアプリのようなインタフェースの予約UIが作れます。 開いている部分をクリックすれば予約が可能、という直感的インタフェースが実現できます。 関連エントリ jQueryとCSSで水平のタイムラインの実装デモ 人員のスケジュールを並べてタイムライン表示できる「schedulerjs」 FacebookスタイルのレスポンシブなタイムラインをBootstrapで実現するチュートリアル 自鯖で自分のステータスをタイムライン表示できるOSS「Cachet HQ」 タイムラインUIにラベルを付与して表示できる「Labella.js」
ページを２分割した面白UI実装デモ「Dual Sliding Panels」:phpspot開発日誌
アニメーション付きで変形するボタン実装デモ「Shazam-Like Morphing Button E... 次の記事 ≫：複数のソーシャルメディアのハッシュタグのまとめサイト作成OSS「Hasht...
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSSを使ってブラウザ上で動く検索エンジンを作る「Jets.js」:phpspot開発日誌
タイプライター風エフェクトを実現するJS「TYPEWRITING」:phpspot開発日誌
テーブルにソート、ページネーション、検索機能を簡単につけられる「Bootstrap Data Table」:phpspot開発日誌
オシャレなアニメーションで動作するスライドショー「Elastic Circle Slideshow」:phpspot開発日誌
美しいUIの月間イベントカレンダー実装jQueryプラグイン「Monthly.js」:phpspot開発日誌
CSSオンリーで作られたLightBox「css-lightbox」:phpspot開発日誌
横長テーブルもレスポンシブにできる「jquery.responsive-tables」:phpspot開発日誌
横に長いテーブルもレスポンシブに使えるようにする「Tabella js」:phpspot開発日誌
アプリ風のリッチなサイドメニュー実装「jQuery.SecretNav」:phpspot開発日誌
カッコ悪いinput[type=file]をモダンにしてドラッグ＆ドロップ対応にする「Dropify」:phpspot開発日誌
特定要素をスクロールに応じて固定ナビゲーションにできる「Clingify」:phpspot開発日誌