The Pattern Library オシャレでモダンな背景画像パターン集「The Pattern Library」。 フラットなサイトでも使えるようないい感じの背景画像が多数ダウンロードできます。 個性的な背景画像にしたい場合は参考にしてみてもよさそう 関連エントリ 要素の背景画像を伸縮してくれるレスポンシブWEBデザインに必携のjQueryプラグイン「Wallpaper」
The Pattern Library オシャレでモダンな背景画像パターン集「The Pattern Library」。 フラットなサイトでも使えるようないい感じの背景画像が多数ダウンロードできます。 個性的な背景画像にしたい場合は参考にしてみてもよさそう 関連エントリ 要素の背景画像を伸縮してくれるレスポンシブWEBデザインに必携のjQueryプラグイン「Wallpaper」
Sculpt. A free responsive framework from Heart Internet モバイルファーストなレスポンシブフレームワーク「Sculpt」 Bootstrap3でもいいんですが、でもいいんですが、あきらかにBootstrapとわかっちゃうのもアレだという場合に代替の軽量フレームワークをご紹介。 Bootstrapほど大量のコンポーネントは詰まっていませんが、その分デフォルトで軽量。 メニューもなかなかオシャレに出来ます 関連エントリ レスポンシブ対応のサイト構造作成用の軽量CSSフレームワーク「Layers CSS」 レスポンシブなパララックス効果付きサイトを作るフレームワーク「CoolKitten」 HTML5&レスポンシブなPHPダッシュボード作成フレームワーク「RazorFlow」 モバイルファーストなレスポンシブCSSフレームワーク「Cardin
phpScenario: Free Split Testing Library for PHP A/Bテストが簡単に実装できるPHPライブラリ「phpScenario」。 A/Bテストとは、AとBを出しわけて、どっちが収益につながるコンバージョン率が高いかを調べたり、使われたりするかをするテストです。 これをライブラリを使って可能な限り簡単に実装できるそうです。 たとえば、次のように、分岐させてテストを行うみたいです。 <?php if (Scenario::IsControl('my_test')) { // my_test の場合の処理を行う } else { // それ以外の場合の処理を行う } ?> 具体的なコードはドキュメントがあまり充実していないのでわかりづらいのですが、1から実装するよりも参考にできる部分がありそうです。 テスト結果も以下のように出力できるっぽいです。
200 Foodie Pack: A Free Set Of Food Icons | Smashing Magazine 200個のフラットなフードアイコンセット。 次のようなフラットなフラットなフードアイコンセットです。 フード系のアイコンはあんまり無くて、外食系のサイトデザインの際に使えそうですね 関連エントリ 天気予報用のアイコンがセットになったアイコンフォント「Forecast Font」 地図と共に使えそうな200のフリーベクターアイコン集 フラットが美しすぎるアイコン24個セット アイコン画像をアップして独自のアイコンフォントがブラウザ上で作れる「Iconvau.lt」 シンプルで使えそうな50のベクターアイコンセット
jQuery TourBus サイトの使い方をその場で表示できるjQueryプラグイン「TourBus」 便利さ故にこの手のプラグインは増えて来ましたが、実装のしやすさなど個別に差異があると思うので選択肢の1つとして検証してみるのもよいかも 便利なライブラリが開発され、改善された派生ライブラリなどがこうして出てきて、定番が決まって、どんどんWEBは進化していくんですね 関連エントリ サイトの使い方をその場でステップに分けてオーバーレイできるJSライブラリ「Intro.js」
Map Icons Designer | Google Map Icons, Location Pins, Location Markers, POI, Map Application Design Kit 地図と共に使えそうな200のフリーベクターアイコン集 地図と共に、というスタンスでのアイコンはありそうであんまりなかったかもしれません。フラットなアイコンは使い勝手がよさそうで、アイコンだけではなく、ピン用のアイコンも色々あって、組み合わせることで綺麗なマップが作れそう。 オシャレなピンのアイコンも嬉しい 関連エントリ シンプルで使えそうな50のベクターアイコンセット Windows8風デザインのソーシャルアイコン96個セット「Simple Icons」 Webフォントとして使えるピクトグラムアイコンセット「MFG Labs icon set」 Bootstrapに270の使えるアイコ
iCheck jQuery plugin - highly customizable checkboxes and radio buttons チェックボックス、ラジオボタンをクールにデザインできるjQueryプラグイン「iCheck.js」。 一般的なチェックボックスを少し調整してクールにしたものや、リデザインした物など、クールにカスタマイズすることが出来ます。 シンプルなデザインにしてみた物。 ボタンっぽくしてみたもの よりカスタマイズしてみたもの 関連エントリ 独自デザインのラジオボタン・チェックボックスを超簡単実装できるjQueryプラグイン 2次元のラジオボタンを作るチュートリアル&jQueryサンプル
Toolbar.js - jQuery plugin to create tooltip style toobars 吹き出し風にポップアップするツールバー実装jQueryプラグイン「Toolbar.js」 次のように、初期化位置にカーソルを合わせるとポップアップするツールバーを設定でき、そこからアクションを選べます。 ありそうであまり無かったプラグインかもしれませんね。 縦バージョンにもできます これは便利に使えそう 関連エントリ UIがカッコいいオートコンプリート実装jQueryプラグイン「Ajax AutoComplete」 使いやすい複数選択エレメントを実現するjQueryプラグイン「multiselect.js」 コンテンツ毎にサイドバーを固定配置できるjQueryプラグイン「Stick ’em」 普通のテーブルをExcel風に超カッコよくしてくれるjQueryプラグイン「Par
WordPress ? FAQ Manager WordPress Plugins WordPressにFAQ管理機能を追加するプラグイン「FAQ Manager」。 プラグインをインストールすると管理メニューにFAQsメニューが追加され、FAQの追加、管理、FAQのカテゴリ、タグ等の設定が出来ます。 この機能によって、WordPressをベースとしたFAQサイトが作れそうです。 記事やページ以外の括りとして、FAQのページ管理したい場合に使えます。 作成したFAQのURLは、「http://example.com/question/質問タイトル」 のようになり、FAQ内で各々にカテゴリやタグの設定が可能。 /question/ 以下をgoogle カスタム検索などで対象にすれば検索機能も付けられますね。 お問い合わせを出来るだけ減らし、無駄なやりとりを防ぐFAQですが、別に用意するのでは
jKit - jQuery based UI Toolkit - Index スライダー、ツールチップの他多種多様な機能が詰まったjQueryベースのUIキット「jKit」 1つのライブラリで様々な機能を実現できます。必要に応じて読み込む必要がありますが、基本的にマークアップと属性をベースに記述でき、スクリプトを可能な限り書かないでもよいような実装ができるみたい。 スライドショー LightBox ソータブルなテーブル 簡易グラフ スクリプトを書くのが苦手という方は使ってみてもよさそうなライブラリでした。 関連エントリ 超クールなjQueryUIテーマ「Delta」 jQuery UI をタッチイベントに対応させるライブラリ「jQuery UI Touch Punch」 綺麗なUIのサイトがサクサク組めるTwitter Bootstrapを使ったjQuery UIテーマ「jQuery UI
Slider Pagination Concept - with jQuery UI Slider これは超使いやすいページネーションの次世代UI。 普通、リストページのページネーションといえば、「 1 , 2, 3, 4 ,5 次へ> 」みたいなUIが基本ですが、そもそもこのUI疑ってかかってもいい時期なのかも。 要は現在のページ番号と、ページを前後と、ページ指定で送れればいい、という要件を満たせばいいわけでもっとシンプルに出来るはず。 今回紹介するページネーションのデモ ページ番号の部分はボタン風になっているので押してみましょう。 するとスライダーになってドラッグ&ドロップでページ指定が簡単に出来ます。 30までドラッグ&ドロップして話すと30ページ目が開く、というようなイメージ 次へ、前へ、といった直感的に分かりやすいボタンも実装されていて必要十分。 従来のページネーションは作る場合
Apprise v2. The, new and improved, attractive alert alternative for jQuery ThrivingKings | web development, code snippets, and general nonsense クールなalertダイアログを実現できる「Apprise v2」。 alertダイアログの代替は数あれど、デザインが洗練されているものは数少ないですね。 そんなデザインの洗練された数少ないalertダイアログ実装jQueryプラグインです。 alert以外にも、prompt 等にも対応。 アニメーションや微妙なグラデーションが、なかなかセンスがいいです。 デモのアニメーション速度が若干遅く感じたものの、カスタマイズは可能。 関連エントリ カスタマイズ可能で動きがよいalertダイアログ実装jQueryプラグ
jsMovie - jquery plugin - for image - sequence animation - without flash html5 アニメGIFでもHTML5でもFlash動画でもない動画を実装できる「jsMovie」 JSで連番の画像を切り替えて再生する方式の動画実装ライブラリ。 再生、停止、一時停止、リピート等のボタンも付けられ、まるで従来の動画のように使えますが実際は 001.jpg といった連番画像。 複数の画像があって、これを動画のように再生したい、という場合に使えそうですね 関連エントリ 動画を背景にするとこんなにカッコいい、というデモと実装jQueryプラグイン 動画以外を暗転させて動画を見やすくしてくれるjQueryプラグイン「Allofthelights.js」 Youtube動画とSlideshareのスライドを同期して再生できる「Presen
WEBデザインする人なら入れておきたいレスポンシブWEBサイト作成に役立つブックマークレット「Viewport Resizer」 2012年11月02日- Viewport resizer - responsive design testing tool WEBデザインする人なら入れておきたいレスポンシブWEBサイト作成に役立つブックマークレット「Viewport Resizer」。 ブックマークレットをインストールして、自分のページで起動すれば、ページ上にツールバーが現れ、ツールバーのボタンをクリックで、小さいデバイスとしてサイトを開くことができてレスポンシブデザイン構築の際の動作確認に便利 単なるブックマークレットで害はないのでとりあえず入れておけば使えますね 関連エントリ レスポンシブなテーブルを作るjQueryプラグイン「MediaTable」 最初からレスポンシブなCSSデザイン
Calendario: A Flexible Calendar Plugin | Codrops レスポンシブで超クールなカレンダーデモとjQueryプラグイン「Calendario」。 次のようなグラデーションが美しいカレンダーのデモとプラグインが共に配布されています。 カレンダーのHTML構造は予め決められており、CSSでデザインされています。 カレンダー機能はシンプルなものですが、コールバック等である程度カスタマイズできそうです。 関連エントリ Googleカレンダー風操作感を持つ美しいカレンダーを実装できる「FullCalendar」 カレンダーやDateピッカー関連のjQueryプラグイン20 これは新しい!クールなタイル状の年間カレンダー実装jQueryプラグイン「jQuery Verbose Calendar」
Metro UI CSS Windows8みたいなサイトが作れるCSS「Metro UI CSS」。 Windows8が先月発売されましたが、個人的に使ってみてなかなか良い感じです。 サイトもWindows8っぽくしたいという場合に使えそうなライブラリの1つです。 レスポンシブに動作し、タイルのアニメーションやモダンなブラウザサポート等、便利に使えそう Apple製品ほどフィーチャーされませんが、Windows8も頑張って欲しい所です。 関連エントリ Windows8風のTwitterBootstrapをベースとしたテーマ「BootMetro」 753種の使えるWindows8風アイコンセット「Modern UI Icons」 Windows8風のシンプルさがナイスなアイコンセット「Icons8」
jQuery Zoom マウスホバーだけの簡単操作で画像をズームできて便利な「jQuery Zoom」。 画像にマウスホバーするとマウス位置部分が拡大されて表示されます。クリックをトリガにすることも可能。 操作自体はとてもシンプルですが、ホバーだけで拡大したい位置を拡大できるというのは意外と便利そうです。 LightBoxのような形式であってもポップアップでズームというと閉じないといけませんし、これぐらいのシンプルさはショッピングサイトなどでの利用頻度が高い場合においては使い勝手がよさそう。 角っこにズームアイコンが付けられたりするのもオシャレですね 関連エントリ ECサイトなどで使えそうな360度ズーム機能を実装するjQueryプラグイン「AJAX-ZOOM」
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く