スポンサード リンク

« 2016年01月 | メイン | 2016年03月 »

レンガUIのMasonryを超高速化したレイアウトライブラリ「Bricks.js」
Bricks.jsレンガUIのMasonryを超高速化したレイアウトライブラリ「Bricks.js」単独で高速に動くようなのでレンガ状UI実装の...(続きを読む)
ブラウザをリサイズしなくてもスマホ、PC等用の画面でプレビュー...
Previewerブラウザをリサイズしなくてもスマホ、PC等用の画面でプレビューできる「Previewer」画面のサイドに端末を表示...(続きを読む)
枠のサイズに応じてテキストを自動省略できる「Jquery-quickfit」
Jquery-quickfit枠のサイズに応じてテキストを自動省略できる「Jquery-quickfit」文字が枠の外にはみ出してかっこわるくなっ...(続きを読む)
チャット等のUI実装に活用できそうなUIキットPSD、Sketchテンプレ「Fr...
Free Chat UI kit for Photoshop and Sketch | InVisionチャット等のUI実装に活用できそうなUIキットPSD、Sketchテンプレ「Free Chat UI kit」...(続きを読む)
エレメントをマウスに吸着させられる「Sticky Elements」
Sticky Elementsエレメントをマウスに吸着させられる「Sticky Elements」。要素にマウスをちかづけると、磁石のようにくっつ...(続きを読む)
JS&CSS3でWindowsMetroのタイルUIを実装する「TileJS」
Javascript HTML CSS3: Windows Metro TilesJS&CSS3でWindowsMetroのタイルUIを実装する「TileJS」タイルを押すと四角系が傾いてWindowsMetro...(続きを読む)
レスポンシブなスライドするパネル型の斬新なUIレイアウトデモ
Sliding Panels Template in CSS and jQuery | CodyHouseレスポンシブなスライドするパネル型の斬新なUIレイアウトデモ。パネルが4つ...(続きを読む)
使いやすそうなカラーピッカー実装Bootstrapプラグイン「Colorpickerplus...
Colorpickerplus for Twitter Bootstrap使いやすそうなカラーピッカー実装Bootstrapプラグイン「Colorpickerplus」次のようなシンプルで...(続きを読む)
OSやブラウザ判別の詳細情報をJSONで取得できるjQueryプラグイン「Pgw...
PgwBrowser - Browser & OS / platform detection plugin for jQuery / Zeptoブラウザ判別の詳細情報をJSONで取得できる「PgwBrowser」次のよ...(続きを読む)
あらゆるコンテンツを美しくポップアップさせるLightboxプラグイン...
Lightcase - The smart and flexible Lightbox Plugin.あらゆるコンテンツを美しくポップアップさせるLightboxプラグイン「Lightcase」画...(続きを読む)
画像をボケた状態から鮮明にするアニメーション「Blurry-image-load」
GitHub - tushariscoolster/blurry-image-load: load image as blurry effect画像をボケた状態から鮮明にするアニメーション「Blurry-image-load...(続きを読む)
依存なしのキーボードショートカット実装JS「keymaster」
GitHub - madrobby/keymaster: A simple micro-library for defining and dispatching keyboard shortcuts. It has no dependencies.依存なしのキーボードショ...(続きを読む)
スターウォーズのライトセーバーをプログレスバーにした「progressB...
GitHub - oscaruhp/progressBarWarsスターウォーズのライトセーバーをプログレスバーにした「progressBarWars」次のようなアニメー...(続きを読む)
AndroidでおなじみのtoastをWEBでも実現できるjQueryプラグイン「jquery.m....
GitHub - kong-lo/jquery.m.toast: A simply toast plugin for mobile webpage, especially suitable for webview pages. ;-)AndroidでおなじみのtoastをWEBでも...(続きを読む)
画像のレンガ状レイアウトライブラリ「Justified Gallery」
Justified Gallery画像のレンガ状レイアウトライブラリ「Justified Gallery」。レンガ状レイアウトのライブラリは沢山あります...(続きを読む)
レスポンシブ開発に使えるスマホ、タブレットでサイトを一括動作...
Responsive Viewレスポンシブ開発に使えるスマホ、タブレットでサイトを一括動作確認「Responsive View」iPhone4-iPhone6, plus迄、...(続きを読む)
youtube/vimeo/soundcloud等に対応したLightbox実装「jquery.poptrox」
GitHub - n33/jquery.poptrox: A lightbox gallery plugin for jQueryyoutube/vimeo/soundcloud等に対応したLightbox実装「jquery.poptrox」有名な動画、...(続きを読む)
Medium風のWYSIWYGエディタ実装「jQuery Notebook」
jQuery Notebook DemoMedium風のWYSIWYGエディタ実装「jQuery Notebook」文字を選択するとツールチップが現れて文字修飾ができるMedi...(続きを読む)
SVGでクールにアニメーションするローディングボタン実装「Loading B...
Loading ButtonsSVGでクールにアニメーションするローディングボタン実装「Loading Buttons」ローディング自体もかっこいいの...(続きを読む)
ズーム、回転、スライド等の機能が詰まった画像ビューワ機能実装...
Viewer.jsズーム、回転、スライド等の機能が詰まった画像ビューワ機能実装「Viewer.js」カスタマイズ性も高く色々調整で...(続きを読む)
ページの構造をサイドバーメニューにすることができるjQueryプラグ...
TOC | jQuery Table of Contents Pluginページの構造をサイドバーメニューにすることができるjQueryプラグイン「TOC」。HTMLの文書...(続きを読む)
リアルタイムコラボレーションが可能なオンラインエディタ実装「...
Etherpadリアルタイムコラボレーションが可能なオンラインエディタ実装「Etherpad」WYSIWYGエディタがあって、それを複数...(続きを読む)
CSSを使った3Dアニメーションライブラリ「voxel.css」
voxel.cssCSSを使った3Dアニメーションライブラリ「voxel.css」マインクラフトっぽいものがWEB上で動いてしまう3Dアニメーシ...(続きを読む)
CSS3のみでレスポンシブなタイムラインUIを実装したデモ
Responsive timeline design using html and css3 only - Usingcss3CSS3のみでレスポンシブなタイムラインUIを実装したデモ次のような綺麗...(続きを読む)
Bootstrapなフォームでのリアルタイムバリデーションを行う「Validator...
Validator, for Bootstrap 3Bootstrapなフォームでのリアルタイムバリデーションを行う「Validator for Bootstrap 3」入力の段階でエラ...(続きを読む)
レスポンシブに動作するメガメニュー実装「megamenu.js」
CodePen - megamenu.js - Last responsive megamenu you'll ever needレスポンシブに動作するメガメニュー実装「megamenu.js」。幅広い大...(続きを読む)
タグの修正で簡単にUIを変更できるAudioPlayer実装jQueryプラグイン「sn...
GitHub - chrsbrg/snd: jQuery Audio Playerタグの修正で簡単にUIを変更できるAudioPlayer実装jQueryプラグイン「snd」タグを削るだけでU...(続きを読む)
テーブルにソート、ページネーション、検索機能を簡単につけられ...
GitHub - pguso/bootstrap-data-table: BDT - Bootstrap Data Table - sorting, pagination and search for tablesテーブルにソート、ページネーション...(続きを読む)
Material Designのカード型UI実装デモ
Mobile Material Design CardsMaterial Designのカード型UI実装デモ。アイテムをタップして拡大する時のアニメーションがいい感じM...(続きを読む)
綺麗なチェックリスト風ウィザードを作成するjQuery実装サンプル
Awesome checkout wizard using jQuery - Usingcss3綺麗なチェックリスト風ウィザードを作成するjQuery実装サンプル次のようにチェッ...(続きを読む)
オシャレなプレースホルダとなるダミー画像生成サービス「Placemat...
Placematオシャレなプレースホルダとなるダミー画像生成サービス「Placemat」。RESTでパラメータを付けるだけで画像と、...(続きを読む)
オシャレなアニメーションで動作するスライドショー「Elastic Circle ...
Elastic Circle Slideshow | Codropsオシャレなアニメーションで動作するスライドショー「Elastic Circle Slideshow」円形のアイテムが...(続きを読む)
CSSオンリーで動作するタイムラインUI「timelined」
GitHub - andriussev/timelined: A customizable CSS-only vertical timelineCSSオンリーで動作するタイムラインUI「timelined」CSSのみなので、JS...(続きを読む)
要素の関連性をビジュアライズできる「VivaGraphJS」
anvaka/VivaGraphJS GitHub | demo要素の関連性をビジュアライズできる「VivaGraphJS」。単にビジュアライズするだけではなく...(続きを読む)
編集可能でインクリメンタル検索も出来るselect実装jQueryプラグイン...
jQuery Editable Select Example編集可能でインクリメンタル検索も出来るselect実装jQueryプラグイン「Editable Select」自分で内容を...(続きを読む)
Bootstrapのパラメータ入力スライダー実装「bootstrap-slider」
seiyria/bootstrap-slider: A complete rewrite of the original bootstrap-slider by Stefan Petre.Bootstrapのパラメータ入力スライダー実装「bootstrap...(続きを読む)
テキスト修飾をシンプルに実施できるMediumのエディタクローン「Med...
MediumEditorテキスト修飾をシンプルに実施できるMediumのエディタクローン「MediumEditor」テキスト選択でポップアップが表...(続きを読む)
ページ切り替えエフェクトが121種類収録されている「pageSwitch...
qiqiboy/pageSwitch: Just a page-Switch Javascript Libraryページ切り替えエフェクトが121種類収録されている「pageSwitch」ページ全...(続きを読む)
ページサイドにセクションのナビゲーションを自動生成する「Sectio...
Section Scrollページサイドにセクションのナビゲーションを自動生成する「Section Scroll」。ページサイドにドットを表示し...(続きを読む)
CSS3でホバーエフェクトをこれでもかというぐらい集めたサンプル...
Ultimate hover effects by css3 - Usingcss3CSS3でホバーエフェクトをこれでもかというぐらい集めたサンプル集ちょっと変わったホ...(続きを読む)

« 2016年01月 | メイン | 2016年03月 »

過去の記事

2017年09月 | 2017年08月 | 2017年07月 | 2017年06月 | 2017年05月 | 2017年04月 | 2017年03月 | 2017年02月 | 2017年01月 | 2016年12月 | 2016年11月 | 2016年10月 | 2016年09月 | 2016年08月 | 2016年07月 | 2016年06月 | 2016年05月 | 2016年04月 | 2016年03月 | 2016年02月 | 2016年01月 | 2015年12月 | 2015年11月 | 2015年10月 | 2015年09月 | 2015年08月 | 2015年07月 | 2015年06月 | 2015年05月 | 2015年04月 | 2015年03月 | 2015年02月 | 2015年01月 | 2014年12月 | 2014年11月 | 2014年10月 | 2014年09月 | 2014年08月 | 2014年07月 | 2014年06月 | 2014年05月 | 2014年04月 | 2014年03月 | 2014年02月 | 2014年01月 | 2013年12月 | 2013年11月 | 2013年10月 | 2013年09月 | 2013年08月 | 2013年07月 | 2013年06月 | 2013年05月 | 2013年04月 | 2013年03月 | 2013年02月 | 2013年01月 | 2012年12月 | 2012年11月 | 2012年10月 | 2012年09月 | 2012年08月 | 2012年07月 | 2012年06月 | 2012年05月 | 2012年04月 | 2012年03月 | 2012年02月 | 2012年01月 | 2011年12月 | 2011年11月 | 2011年10月 | 2011年09月 | 2011年08月 | 2011年07月 | 2011年06月 | 2011年05月 | 2011年04月 | 2011年03月 | 2011年02月 | 2011年01月 | 2010年12月 | 2010年11月 | 2010年10月 | 2010年09月 | 2010年08月 | 2010年07月 | 2010年06月 | 2010年05月 | 2010年04月 | 2010年03月 | 2010年02月 | 2010年01月 | 2009年12月 | 2009年11月 | 2009年10月 | 2009年09月 | 2009年08月 | 2009年07月 | 2009年06月 | 2009年05月 | 2009年04月 | 2009年03月 | 2009年02月 | 2009年01月 | 2008年12月 | 2008年11月 | 2008年10月 | 2008年09月 | 2008年08月 | 2008年07月 | 2008年06月 | 2008年05月 | 2008年04月 | 2008年03月 | 2008年02月 | 2008年01月 | 2007年12月 | 2007年11月 | 2007年10月 | 2007年09月 | 2007年08月 | 2007年07月 | 2007年06月 | 2007年05月 | 2007年04月 | 2007年03月 | 2007年02月 | 2007年01月 | 2006年12月 | 2006年11月 | 2006年10月 | 2006年09月 | 2006年08月 | 2006年07月 | 2006年06月 | 2006年05月 | 2006年04月 | 2006年03月 | 2006年02月 | 2006年01月 | 2005年12月 | 2005年11月 | 2005年10月 | 2005年09月 | 2005年08月 | 2005年07月 | 2005年06月 | 2005年05月 | 2005年04月 | 2005年03月 | 2005年02月 | 2005年01月 |