スポンサード リンク

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

Parallaxで写真等を立体的に表現するデモ
Parallax Hero Image in CSS and jQuery | CodyHouseParallaxで写真等を立体的に表現するデモ。CSSの3D Transformを使ってパララックス効果...(続きを読む)
selectボックスをスマホネイティブ風にフルスクリーン化する「Bootst...
Bootstrap-fullscreen-select | Custom select element for Mobile interfaces.selectボックスをスマホネイティブ風にフルスクリーン化する「Bo...(続きを読む)
タグの属性に値を定義するだけでアニメーションさせられる「Animat...
Animatrタグの属性に値を定義するだけでアニメーションさせられる「Animatr」次のように属性を定義してアニメーション...(続きを読む)
複雑な検索式等を入力する際に最適なUIを提供できる「structured-filte...
structured-filter Demo複雑な検索式等を入力する際に最適なUIを提供できる「structured-filter」名前が〜で、電話番号が○○、...(続きを読む)
タイル状、スライド状が切り替えられる画像ギャラリーが実装でき...
useful.js: JavaScript examples, too useful not to share.タイル状、スライド状が切り替えられる画像ギャラリーが実装できる「useful.j...(続きを読む)
Bootstrapのポップアップ風デザインのモーダルを作成「Stackbox.js」
Stackbox.jsBootstrapのポップアップ風デザインのモーダルを作成「Stackbox.js」次のような、Bootstrapデザインのモーダル実装が...(続きを読む)
イマドキなデザインのタブUIを実装できるjQueryプラグイン「PWS Tabs...
PWS Tabs jQuery PluginイマドキなデザインのタブUIを実装できるjQueryプラグイン「PWS Tabs」次のようなイマドキのフラットデ...(続きを読む)
CSSアニメーションによるクリックアニメーション実装チュートリア...
Subtle Click Feedback Effects | CodropsCSSアニメーションによるクリックアニメーション実装チュートリアル。クリックした時の...(続きを読む)
195のフラットデザインの国旗アイコンセット
195 Flat Flags | Best PSD Freebies195のフラットデザインの国旗アイコンセット国旗アイコンまでフラットになってきましたね。...(続きを読む)
軽量・レスポンシブなツールチップ実装「tipso」
tipso - A Lightweight Responsive jQuery Tooltip Plugin軽量・レスポンシブなツールチップ実装「tipso」。普通のツールチップだと画...(続きを読む)
フルスクリーンでタッチデバイスでも使いやすいナビゲーションメ...
Full-Screen Pushing Navigation in CSS and jQuery | CodyHouseフルスクリーンでタッチデバイスでも使いやすいナビゲーションメニュー...(続きを読む)
高解像度で著作権フリー、綺麗な写真素材がダウンロード可能な「...
StockSnap.io - Beautiful Free Stock Photos高解像度で著作権フリー、綺麗な写真素材がダウンロード可能な「StockSnap.io」。次のよ...(続きを読む)
今までにない日付入力UIが作れるjQueryプラグイン「datedropper」
datedropper - jQuery Dates Plugin今までにない日付入力UIが作れるjQueryプラグイン「datedropper」。カレンダーなどが一般的ですが...(続きを読む)
テキストをCSSやSVG等でアニメーションさせるやばいサンプル集
How to Create (Animated) Text Fills | CodropsテキストをCSSやSVG等でアニメーションさせるやばいサンプル集。WEB上でFlash等を使わ...(続きを読む)
40種類のカラーリングされたフラットアイコンセット。有料で2000の...
2000 Flat Icon Pack - Squid Ink40種類のカラーリングされたフラットアイコンセット。有料で2000のアイコンも使える。カラーリ...(続きを読む)
ON/OFF形式のiOSっぽいチェックボックスが実装できるBootstrapプラグイ...
Bootstrap-checkboxON/OFF形式のiOSっぽいチェックボックスが実装できるBootstrapプラグイン。スマホサイトでも使いやすそうで...(続きを読む)
階層的なselectボックスを実装できる「folderselect.js」
MT - folderselect.js階層的なselectボックスを実装できる「folderselect.js」。Windowsのエクスプローラー風デザインで、複数選択...(続きを読む)
CSSアニメーションで音楽に視覚効果を与えられる「css-visualizer」
likethemammal/css-visualizer GitHubCSSアニメーションで音楽に視覚効果を与えられる「css-visualizer」音楽プレイヤー等でよく見る...(続きを読む)
デザインと柔軟性にフォーカスしたグラフ描画ライブラリ「Taucharts...
Taucharts ? Javascript charts with a focus ondesign and flexibility.デザインと柔軟性にフォーカスしたグラフ描画ライブラリ「Taucharts...(続きを読む)
様々なデータビジュアライズが可能な「JavaScript InfoVis Toolkit」
Demos - JavaScript InfoVis Toolkit様々なデータビジュアライズが可能な「JavaScript InfoVis Toolkit」デモページでは9種類のビジュ...(続きを読む)
サイト内にMediumのテキスト編集ツールを組み込める「Dante」
michelson/Dante GitHubサイト内にMediumのテキスト編集ツールを組み込める「Dante」テキスト選択時にのみツールバーが現れて...(続きを読む)
Photoshopばりの画像編集エディタをサイト上で使えるようにするjQuery...
Classypicozu jQuery plugins | Class.PMPhotoshopばりの画像編集エディタをサイト上で使えるようにするjQueryプラグイン「Classypicozu...(続きを読む)
レスポンシブで使える使いやすそうなメニュー実装:CSSとjQueryで実...
Bouncy Navigation in CSS and jQuery | CodyHouseレスポンシブで使える使いやすそうなメニュー実装:CSSとjQueryで実現したデモ。画...(続きを読む)
スマホでもスムーズに動くレスポンシブ対応のパララックスエフェ...
Parallax-Scroll by Aenスマホでもスムーズに動くレスポンシブ対応のパララックスエフェクト作成ライブラリ「Parallax-Scroll」...(続きを読む)
タッチ端末でも動く数値入力のスライダーUI実装「rangeslider.js」
rangeslider.jsタッチ端末でも動く数値入力のスライダーUI実装「rangeslider.js」。次のようなシンプルなデザインのスライダ...(続きを読む)
スクロール位置がヘッダのプログレスバーで分かるようにする「Scr...
anthonyly/Scrolline.js GitHubスクロール位置がヘッダのプログレスバーで分かるようにする「Scrolline.js」。横にスクロールす...(続きを読む)
LazyLoader実装ならお任せ!というぐらい高機能なjQueryプラグイン「La...
DemosLazyLoader実装ならお任せ!というぐらい高機能なjQueryプラグイン「Lazy Load XT」画像、動画、iframeのLazyLoadに対応させ...(続きを読む)
BootstrapなサイトでPopupでconfirmを行える「PopConfirm」
Ifnot/PopConfirm GitHubBootstrapなサイトでPopupでconfirmを行える「PopConfirm」。次のようにボタンをおすとY/Nが選べる確認がポッ...(続きを読む)
​CSSドリブンなレンガ状レイアウト作成JSライブラリ「Salvattore...
Salvattore ? A jQuery Masonry alternative with CSS-driven configurationCSSドリブンなレンガ状レイアウト作成JSライブラリ「Salvattore」1...(続きを読む)
image, iframeをlazyloadしてロード時の関数を指定可能な「Lazyload Images」
Lazyload Imagesimage, iframeをlazyloadしてロード時の関数を指定可能な「Lazyload Images」。次のようにコードを書いて、画像が画...(続きを読む)
WebGLベースのブラウザ上3Dエンジン「Babylon.js」
Babylon.jsWebGLベースのブラウザ上3Dエンジン「Babylon.js」WebGLをより便利に扱えるライブラリだと思うのですが、迫力のあ...(続きを読む)
マテリアルデザインの色付きアイコン1400+「Material Design Icons」
Material Design Icons (expanded and color version)マテリアルデザインの色付きアイコン1400+「Material Design Icons」次のようないい感...(続きを読む)
画像上などにスポットライトをあてた効果を作れる「Spotlight」
Spotlight画像上などにスポットライトをあてた効果を作れる「Spotlight」。次のようにリアルなスポットライトをあてる表...(続きを読む)
サイトのAjax化が簡単になるフレームワーク「intercooler.js」
intercooler.js - Simple AJAX using HTML attributesサイトのAjax化が簡単になるフレームワーク「intercooler.js」<a ic-post-to="/endpoint...(続きを読む)
ページスクロールに応じて要素を様々にCSSアニメーションしつつ表...
Story Boxページスクロールに応じて要素を様々にCSSアニメーションしつつ表示できる「Story Box」ページスクロールすると...(続きを読む)
ファイルアップ用のDropゾーンを簡単に作れるjQueryプラグイン「Dropp...
Dropper Demoファイルアップロード用のDropゾーンを簡単に作れるjQueryプラグイン「Dropper」クリックやD&DでUPできる領域...(続きを読む)
入力値にエラーがある場合にツールチップを表示できる「jQuery-Valid...
jQuery-Validation-Bootstrap-tooltip Demo入力値にエラーがある場合にツールチップを表示できる「jQuery-Validation-Bootstrap-tooltip」。...(続きを読む)
selectの複数選択のUIをサジェスト方式に変えるjQueryプラグイン「easy...
jQuery easySelectselectの複数選択のUIをサジェスト方式に変えるjQueryプラグイン「easySelect」。selectタグにmultiple属性を追加す...(続きを読む)
MaterialデザインのモダンなFEフレームワーク「Materialize」
Documentation - MaterializeMaterialデザインのモダンなFEフレームワーク「Materialize」Bootstrapライクに、CSSフレームワークの他、U...(続きを読む)
スマホでも動作するJS製の2D物理エンジン「Matter.js」
Matter.js - a 2D rigid body JavaScript physics engineスマホでも動作するJS製の2D物理エンジン「Matter.js」。デモではパラメータ等も...(続きを読む)

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

過去の記事

2024年02月 | 2024年01月 | 2023年12月 | 2023年11月 | 2023年10月 | 2023年09月 | 2023年08月 | 2023年07月 | 2023年06月 | 2023年05月 | 2023年04月 | 2023年03月 | 2023年02月 | 2023年01月 | 2022年12月 | 2022年11月 | 2022年10月 | 2022年09月 | 2022年08月 | 2022年07月 | 2022年06月 | 2022年05月 | 2022年04月 | 2022年03月 | 2022年02月 | 2022年01月 | 2021年12月 | 2021年11月 | 2021年10月 | 2021年09月 | 2021年08月 | 2021年07月 | 2021年06月 | 2021年05月 | 2021年04月 | 2021年03月 | 2021年02月 | 2021年01月 | 2020年12月 | 2020年11月 | 2020年10月 | 2020年09月 | 2020年08月 | 2020年07月 | 2020年06月 | 2020年05月 | 2020年04月 | 2020年03月 | 2020年02月 | 2020年01月 | 2019年12月 | 2019年11月 | 2019年10月 | 2019年09月 | 2019年08月 | 2019年07月 | 2019年06月 | 2019年05月 | 2019年04月 | 2019年03月 | 2019年02月 | 2019年01月 | 2018年12月 | 2018年11月 | 2018年10月 | 2018年09月 | 2018年08月 | 2018年07月 | 2018年06月 | 2018年05月 | 2018年04月 | 2018年03月 | 2018年02月 | 2018年01月 | 2017年12月 | 2017年11月 | 2017年10月 | 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月 |