スポンサード リンク

« 2015年10月 | メイン | 2015年12月 »

親要素の縦横中央に内容を寄せられる「centerr」
StephenWidom/centerr GitHub親要素の縦横中央に内容を寄せられる「centerr」簡単なコードでページをリサイズしても常に親要素...(続きを読む)
JSベースで円形等にも画像を切り抜きできる「Croppie」
Croppie - a simple javascript image cropper - FoliotekJSベースで円形等にも画像を切り抜きできる「Croppie」円形で指定画像の一部分...(続きを読む)
綺麗なデザインのポップアップ、ポップオーバーが実装できる「Fly...
Fly綺麗なデザインのポップアップ、ポップオーバーが実装できる「Fly」次のようなポップアップを表示させることがで...(続きを読む)
これは新しい、クールなナビゲーション・メニュー実装デモ
Stretchy Navigation in CSS and jQuery | CodyHouseこれは新しい、クールなナビゲーション・メニュー実装デモ。メニューアイコンを...(続きを読む)
モバイル対応でクールにアニメーションする複数階層メニュー実装...
Blueprint: Multi-Level Menu | Codropsモバイル対応でクールにアニメーションする複数階層メニュー実装デモなかなかクールなア...(続きを読む)
JSでデータのビジュアリゼーション機能が豊富に詰まった「Pt.js」
williamngan/pt GitHubJSでデータのビジュアリゼーション機能が豊富に詰まった「Pt.js」マウスに応じてインタラクティブに動...(続きを読む)
クールなパララックスエフェクトを作成できるjQueryプラグイン
regaloeb/regal.parallax GitHub | demoクールなパララックスエフェクトを作成できるjQueryプラグイン。プラグイン説明ページ...(続きを読む)
メニューアイコンがSVGで超カッコよくアニメーションするメニュー...
Animating an SVG Menu Icon with Segment | CodropsメニューアイコンがSVGで超カッコよくアニメーションするメニュー実装デモSVGを使...(続きを読む)
メッセージボックスや通知ダイアログ表示コンポーネントが多数詰...
Lobianijs - Responsive jQuery messagebox and notification plugin available for commercial and non-commercial usagesメッセージボックスや通知ダイア...(続きを読む)
CSSで2枚の画像をPhotoshopばりにブレンドして遊べる「Filter Blend」
Filter Blend - CSS blend modes and filters playgroundCSSで2枚の画像をPhotoshopばりにブレンドして遊べる「Filter Blend」CSS3のbackground-bl...(続きを読む)
TwitterのハートボタンのCSS3アニメーションの再現チュートリアル
Twitter Heart Button CSS3 AnimationTwitterのハートボタンのCSS3アニメーションの再現チュートリアル先日変更されたTwitterのハー...(続きを読む)
デザイナー必携。フォント管理時に役立つ、最新のフォント管理ツ...
FontBase ? a blazing fast, beautiful and free font manager for Windows.デザイナー必携。フォント管理時に役立つ、最新のフォント管理...(続きを読む)
立体的なお部屋にアイテムを並べて購入できるUIデモ
Interactive Room Display | Codrops立体的なお部屋にアイテムを並べて購入できるUIデモ。単にアイテムを並べるだけでなく実際...(続きを読む)
フォームのインライン編集を簡単に出来る「jQuery.editable」
jQuery.editableフォームのインライン編集を簡単に出来る「jQuery.editable」。クリック、ダブルクリックやホールド等のアク...(続きを読む)
HTML5動画プレイヤーを拡張させられる「jquery-video-extend」
andchir/jquery-video-extend GitHubHTML5動画プレイヤーを拡張させられる「jquery-video-extend」。動画にロゴを入れたり、動画の位置...(続きを読む)
アドブロック判別用jQueryプラグイン「Adi.js」
balajmarius/Adi.js GitHubアドブロック判別用jQueryプラグイン「Adi.js」ブロック時にモーダルで警告を表示できます関連エント...(続きを読む)
ボタンを直接モーダルダイアログにアニメーション変形させるUI実...
Quttonsボタンを直接モーダルダイアログにアニメーション変形させるUI実装ができる「Quttons」Material Design の1つですが...(続きを読む)
自動でCSS背景画像をスクロールさせるjQueryプラグイン「jQuery.Backgrou...
Kouta-web/jQuery.BackgroundScroll.js GitHub自動でCSS背景画像をスクロールさせるjQueryプラグイン「jQuery.BackgroundScroll.js」複数の画...(続きを読む)
WEBサイトへのショートカットキー機能とそのヘルプ実装が一括で可...
fermads/visualkeys GitHubWEBサイトへのショートカットキー機能とそのヘルプ実装が一括で可能な「visualkeys」単にショートカ...(続きを読む)
BootstrapでのPaginationのUIをレスポンシブ化する「rpage」
auxiliary/rpage GitHubBootstrapでのPaginationのUIをレスポンシブ化する「rpage」ページ幅と共に、PaginationのUIを拡大・縮小させら...(続きを読む)
背景に複数種類のビジュアルエフェクトを設定できるjQueryプラグイ...
quietflow.js Demo背景に複数種類のビジュアルエフェクトを設定できるjQueryプラグイン「quietflow.js」特徴的な動くビジュア...(続きを読む)
WEB上での画像の切り取りの決定版jQueryプラグイン「Cropper」
CropperWEB上での画像の切り取りの決定版jQueryプラグイン「Cropper」。かなり多機能でインタフェースもシンプルかつ美し...(続きを読む)
マテリアルデザインのスクロールトップに移動するボタンを実装で...
bartholomej/material-scrolltop GitHubマテリアルデザインのスクロールトップに移動するボタンを実装できる「material-scrolltop」ス...(続きを読む)
HTML5動画を背景にできるjQueryプラグイン「vidbg.js」
blakedotvegas/vidbg GitHubHTML5動画を背景にできるjQueryプラグイン「vidbg.js」背景に動画をつかっているサイトはよく見かける...(続きを読む)
クールな独自の右クリックコンテクストメニューを実装できるjQuery...
nuContextMenuクールな独自の右クリックコンテクストメニューを実装できるjQueryプラグイン「nuContextMenu」次のようにカッ...(続きを読む)
画像をピュアCSSに変換できるWEBツール「img2css」
img2css画像をピュアCSSに変換できるWEBツール「img2css」画像をブラウザ上にドラッグ&ドロップでサクッとCSSコードに変...(続きを読む)
横に長いテーブルもレスポンシブに使えるようにする「Tabella js」
Tabella js横に長いテーブルもレスポンシブに使えるようにする「Tabella js」。横長テーブルを一定の幅に調整し、スクロ...(続きを読む)
マテリアルデザインのPullして更新をWEB上で実現できるjQueryプラグ...
Material Design swipe to refreshマテリアルデザインのPullして更新をWEB上で実現できるjQueryプラグインアプリでお馴染みのUIを...(続きを読む)
テーブルのソート・フィルタ機能等、超多機能テーブルに変形させ...
RobertoPrevato/jQuery-KingTable GitHubテーブルのソート・フィルタ機能等、超多機能テーブルに変形させられる「jQuery-KingTable」...(続きを読む)
内容に応じて自動リサイズするフォーム要素がつくれる「Stretchy」
Stretchy: Form element autosizing, the way it should be.内容に応じて自動リサイズするフォーム要素がつくれる「Stretchy」textareaの他...(続きを読む)
CSSアニメーションでページの表示時に要素を小気味よく動かすデモ...
CSS Animated Intro Section | CodyHouseCSSアニメーションでページの表示時に要素を小気味よく動かすデモ集。ページ切替時のア...(続きを読む)
積み重なったカードをめくるアニメーションのアイデア集
Effect Ideas for Card Stacks | Codrops積み重なったカードをめくるアニメーションのアイデア集カードをめくる風UIを作る際に使...(続きを読む)
有名134サービスのロゴSVGアイコンセット
Simple Icons有名134サービスのロゴSVGアイコンセットが公開されています。アプリにWEBにいろいろ使えそうです関連エ...(続きを読む)
文字のタイピングアニメーション実装jQueryプラグイン「TypeIt」
TypeIt | A jQuery Typing Plugin文字のタイピングアニメーション実装jQueryプラグイン「TypeIt」タイピングスピード等の挙動を細...(続きを読む)
アニメーションするデジタル文字を描画できる「DigitalWrite」
DigitalWrite jquery plugin exampleアニメーションするデジタル文字を描画できる「DigitalWrite」一昔前のデジタル文字盤に表示さ...(続きを読む)
CSSホバーエフェクトの30のネタ帳
30 CSS Hover Effects For Buttons | Simbyone.comCSSホバーエフェクトの30のネタ帳あまり見たことのないようなホバーエフェクトが3...(続きを読む)
リッチなON/OFFスイッチUIを実装できる「rcswitcher」
ahmad-sa3d/rcswitcher GitHubリッチなON/OFFスイッチUIを実装できる「rcswitcher」次のようなスマホ風のON/OFFスイッチがWEBでも実装...(続きを読む)
Pull to Refresh風にPullしてシェアできるUI実装チュートリアル
Mobile “Pull to Share” Interaction Experiment | CodropsPull to Refresh風にPullしてシェアできるUI実装チュートリアル。画面上部...(続きを読む)
カードを重ねたようなクールなプートフォリオ作成テンプレ
Project Cards Template in CSS and jQuery | CodyHouseカードを重ねたようなクールなプートフォリオ作成テンプレ。カードをクリック...(続きを読む)
divによるブロックを分割してデスクトップアプリ風にリサイズでき...
jQuery Splitter Demodivによるブロックを分割してデスクトップアプリ風にリサイズできるようにする「jQuery Splitter」境界を...(続きを読む)

« 2015年10月 | メイン | 2015年12月 »

過去の記事

2024年09月 | 2024年08月 | 2024年07月 | 2024年06月 | 2024年05月 | 2024年04月 | 2024年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月 |