スポンサード リンク

« 2015年05月 | メイン | 2015年07月 »

料金テーブルから即サインアップフォームにつなげるデモ
Animated Sign Up Flow in CSS and jQuery | CodyHouse料金テーブルから即サインアップフォームにつなげるデモ。価格表が並んでいて...(続きを読む)
WEBでもiOSの絵文字を使えるようにする「emojify.js」
emojify.js by hassankhanWEBでもiOSの絵文字を使えるようにする「emojify.js」予めきめられたテキストを画像に置き換えるJSです...(続きを読む)
雨粒が落ちて水面に見立てたブロック要素が揺らぐエフェクト「Rai...
Raindrops.js雨粒が落ちて水面に見立てたブロック要素が揺らぐエフェクト「Raindrops.js」地味ですが、あっという驚きの要...(続きを読む)
画像等をベースにカラーピッカーがつくれるデザインが優れた「Tin...
Tiny Colorpicker: A lightweight cross browser color picker.画像等をベースにカラーピッカーがつくれるデザインが優れた「Tiny Colorpick...(続きを読む)
数値をクリックで上下させられるUIを提供できる「Bootstrap TouchSpin」
Bootstrap TouchSpin数値をクリックで上下させられるUIを提供できる「Bootstrap TouchSpin」次のようなクリックで数値を上下させ...(続きを読む)
物理ベースのアニメーションライブラリ「Dynamics.js」
Dynamics.js物理ベースのアニメーションライブラリ「Dynamics.js」。SVGアニメーション、ローダー、メニュー等のリアルなア...(続きを読む)
SVGのclippathを使った超絶カッコイイ記事の表示エフェクト実装デモ
Card Expansion Effect with SVG clipPath | CodropsSVGのclippathを使った超絶カッコイイ記事の表示エフェクト実装デモ。アイテムがな...(続きを読む)
PDF、画像、動画、音声等をブラウザ上で統一したUIで閲覧できるよ...
JavaScript - Document Library | CodeCanyonPDF、画像、動画、音声等をブラウザ上で統一したUIで閲覧できるようにするJSライブラリ...(続きを読む)
動画を高度にカスタマイズ、操作が可能な「ExpertCamJS」
ExpertCamJS 動画を高度にカスタマイズ、操作が可能な「ExpertCamJS」動画にCSSでフィルタをかけたり、ローカル動画を開い...(続きを読む)
フィルタ可能なモダンなデザインでアニメーションするグリッド実...
Blueprint: Filterable Product Grid | Codropsフィルタ可能なモダンなデザインでアニメーションするグリッド実装チュートリアル...(続きを読む)
HTML5Audioにオーディオ・ビジュアルを付けられるJS
wayou/audio-visualizer-with-controls GitHubHTML5Audioにオーディオ・ビジュアルを付けられるJS。70行前後のコードで実現されていて...(続きを読む)
ハンバーガーメニューから一気にフルスクリーンメニューを開ける...
yasinbec/menupuncher GitHubハンバーガーメニューから一気にフルスクリーンメニューを開けるようにする「menupuncher」ドロッ...(続きを読む)
画像を分析してグラデーション化してくれる「Gradify」
Gradify画像を分析してグラデーション化してくれる「Gradify」画像をグラデーション化し、マウスオーバーレイで画像を...(続きを読む)
アニメーションするプログレスバーを実装できるjQueryプラグイン「...
kapantzak/barIndicator GitHubデモアニメーションするプログレスバーを実装できるjQueryプラグイン「barIndicator」。次のように...(続きを読む)
画像の選択に便利なチェックボックス実装jQueryプラグイン「imgCheckb...
imgCheckbox | a jQuery plugin that makes img tags checkable画像の選択に便利なチェックボックス実装jQueryプラグイン「imgCheckbox」。inp...(続きを読む)
サーバ上のHTMLをWYSIWYGで書き換えてそのまま保存するというシンプ...
Simple CMS for HTML websitesサーバ上のHTMLをWYSIWYGで書き換えてそのまま保存するというシンプルなCMS「SiteCake」。テンプレー...(続きを読む)
CSS&SVGを使ったアニメーションフレームワーク「animateplus」
bendc/animateplus GitHubCSS&SVGを使ったアニメーションフレームワーク「animateplus」サイトの機能よりもUI/UX、などという時代...(続きを読む)
シェアカウント付きの独自デザインソーシャルボタン実装ができる...
kyco/jquery.kyco.easyshare GitHubシェアカウント付きの独自デザインソーシャルボタン実装ができる「kyco.easyshare」。次のよう...(続きを読む)
モダンでレスポンシブなブラウザ上で動くPowerPoint「Slides」
Slides ? Create and share presentations onlineモダンでレスポンシブなブラウザ上で動くPowerPoint「Slides」資料作成ツールがブラウ...(続きを読む)
デザイン性や機能等がモダンな次世代のフォーラム実装OSS「Discourse...
Discourseデザイン性や機能等がモダンな次世代のフォーラム実装OSS「Discourse」UI・デザインがモダンで通知機能やレスポ...(続きを読む)
流行りのページスクロールによるアニメーション効果が多数収録さ...
Page Scroll Effects | CodyHouse流行りのページスクロールによるアニメーション効果が多数収録されたサンプル集がダウンロー...(続きを読む)
Canvasを使って画像の明るさ、コントラスト、セピア等の細かい調整...
CamanJS - Javascript Image ManipulationCanvasを使って画像の明るさ、コントラスト、セピア等の細かい調整が出来る「CamanJS」アッ...(続きを読む)
CSSベースで実装されたカラフルなローディングアニメーション15個...
CSS SpinnersCSSベースで実装されたカラフルなローディングアニメーション15個セット「CSS Spinners」フラットデザインによ...(続きを読む)
ブロック等のレイアウトの歯抜けを調整して綺麗にしてくれる「lay...
PebbleRoad/layout-balancer GitHubブロック等のレイアウトの歯抜けを調整して綺麗にしてくれる「layout-balancer」ブロックを並べ...(続きを読む)
カラフルで新しいスクロールバーを実装できる「ScrollMenu.js」
ScrollMenu.js | A new interface to replace your old boring scrollbar.カラフルで新しいスクロールバーを実装できる「ScrollMenu.js」スクロ...(続きを読む)
プロダクトのツアーをjQueryとCSSで実装するチュートリアル
Product Tour in CSS and jQuery | CodyHouseプロダクトのツアーをjQueryとCSSで実装するチュートリアルサイト上にそのままオーバー...(続きを読む)
Chromeのタブ管理を便利にできるChrome拡張「Tabio」
Tabio: Effortless tab management for ChromeChromeのタブ管理を便利にできるChrome拡張「Tabio」拡張をインストールするとボタンが追...(続きを読む)
SlackのようなチャットスペースをWEB上に作れるOSS「Rocket.Chat」
Rocket.ChatSlackのようなチャットスペースをWEB上に作れるOSS「Rocket.Chat」Meteorで実装されています。自前サーバに簡単に設...(続きを読む)
ヘッダ、フッタを固定したテーブルを実装できるjQueryプラグイン「...
Mike Allison - jTableScrollヘッダ、フッタを固定したテーブルを実装できるjQueryプラグイン「jTableScroll」テーブルが長くなる...(続きを読む)
Bootstrapなサイトでグリッドを描画してレイアウトの参考にできる「...
plozi/jQDrawBootstrapGrid GitHubBootstrapなサイトでグリッドを描画してレイアウトの参考にできる「jQDrawBootstrapGrid」次のように...(続きを読む)
ルーレット型のUIを実現できるjQueryプラグイン「rouletteWheel」
JavoByte/rouletteWheel GitHubルーレット型のUIを実現できるjQueryプラグイン「rouletteWheel」クリックするとルーレットが回転し...(続きを読む)
リストから必要な物だけを選んだり削除できるUI実装jQueryプラグイ...
phedde/listSwap GitHubリストから必要な物だけを選んだり削除できるUI実装jQueryプラグイン「listSwap」デスクトップアプリケ...(続きを読む)
画像ではない軽量CAPTCHAを実装できる「jQuery Real Person」
jQuery Real Person画像ではない軽量CAPTCHAを実装できる「jQuery Real Person」。*を使って文字を書いてそちらをベースにCAPTCHAを...(続きを読む)
JS等を使って写真から色を抽出するエフェクトのデモ
Color Extraction Effect | CodropsJS等を使って写真から色を抽出するエフェクトのデモ写真をベースに色を抽出するのも実用的...(続きを読む)
フラットデザインがいい感じのオーディオプレイヤー実装jqueryプラ...
Custom Audio Player with Jquery Audio Controls Pluginフラットデザインがいい感じのオーディオプレイヤー実装jqueryプラグイン。プ...(続きを読む)
画像がマウスに応じて立体的に傾くエフェクト作成「Image Tilt Effect...
Image Tilt Effect | Codrops画像がマウスに応じて立体的に傾くエフェクト作成「Image Tilt Effect」少し角度を変えた立体的に見...(続きを読む)
階層的なリストをソート可能にする「jQquery sortable lists」
jQquery sortable lists階層的なリストをソート可能にする「jQquery sortable lists」次のように折りたたみ可能な階層のあるリス...(続きを読む)
アイコンの変形を各種アニメーションを交えてカッコよく行える「...
iconate.jsアイコンの変形を各種アニメーションを交えてカッコよく行える「iconate.js」AというアイコンをBに変更する際の...(続きを読む)
アプリのプロトタイプデザインに利用できるブラウザツール「Atomic...
Atomic: Interface design software for professionalsアプリのプロトタイプデザインに利用できるブラウザツール「Atomic」。ブラウザ...(続きを読む)
製品の比較を行える次世代のUI実装
Blueprint: Product Comparison Layout & Effect | Codrops製品の比較を行える次世代のUI実装比較サイトなどで使える商品の比較テー...(続きを読む)
粒子がバーストする感じのアニメーションを作れる「jquery.particles.b...
Glideh/jquery.particles.burst GitHub粒子がバーストする感じのアニメーションを作れる「jquery.particles.burst」画像を用意すればフ...(続きを読む)
読み込みオーバーレイ効果を作れるjQueryプラグイン「LoadingOverlay」
jQuery LoadingOverlay - Gaspare Sganga読み込みオーバーレイ効果を作れるjQueryプラグイン「LoadingOverlay」。WEBページ全体を読み込...(続きを読む)
テキストフィールドに内容をクリアできる×ボタンを実装できるjQue...
Add Clear - jQuery Plugin - Demoテキストフィールドに内容をクリアできる×ボタンを実装できるjQueryプラグイン「Add Clear」...(続きを読む)
ツールチップスタイルのツールバー実装「Toolbar.js」
Toolbar.js - jQuery plugin to create tooltip style toobarsツールチップスタイルのツールバー実装「Toolbar.js」。次のようなボタンを...(続きを読む)

« 2015年05月 | メイン | 2015年07月 »

過去の記事

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月 |