スポンサード リンク

« 2015年09月 | メイン | 2015年11月 »

BasecampからのオープンソースプロジェクトのWYSIWYGエディタ「Trix」
Trix: A rich text editor for everyday writingBasecampからのオープンソースプロジェクトのWYSIWYGエディタ「Trix」シンプルで必要十分...(続きを読む)
色付きのピクトグラムアイコン2000個セット「Thousands Icons」
Thousands Icons色付きのピクトグラムアイコン2000個セット「Thousands Icons」。次のような可愛らしいカラーアイコンが入手で...(続きを読む)
Bootstrap3ベースのCaptcha付きコンタクトフォーム用OSS
jonmbake/bootstrap3-contact-form GitHubBootstrap3ベースのCaptcha付きコンタクトフォーム用OSS次のようなGoogleのreCAPTCHA付きのコンタ...(続きを読む)
フォーム内の特定要素のlocalStorageへのバックアップを可能にする「...
DataSaver - jQuery plugin for save your dataフォーム内の特定要素のlocalStorageへのバックアップを可能にする「DataSaver」。ブラウ...(続きを読む)
Bootstrapなサイトで階層的なツリービューを作成できるUIライブラリ...
jonmiles/bootstrap-treeview GitHubBootstrapなサイトで階層的なツリービューを作成できるUIライブラリ「bootstrap-treeview」Bootstrap標...(続きを読む)
GoogleMap上での道案内をアニメーション表示することが出来るデモ
Animate a route between two points in Google MapsGoogleMap上での道案内をアニメーション表示することが出来るデモ2地点を指定して...(続きを読む)
レスポンシブサイズの100アイコンセット
100 Responsive Line Icons - download free icons by PixelBuddhaレスポンシブサイズの100アイコンセット。ピクトグラムアイコンはサイ...(続きを読む)
textareaの変更履歴を記録していけるUIが作れる「textbox-revision-tracker...
jonmbake/textbox-revision-tracker GitHubtextareaの変更履歴を記録していけるUIが作れる「textbox-revision-tracker」。テキストを入力し...(続きを読む)
2KBで依存ライブラリなしのPinterest風UI実装「Minigrid」
Minigrid ? Minimal 2kb zero dependency cascading grid layout2KBで依存ライブラリなしのPinterest風UI実装「Minigrid」jQueryなど不要でお手軽...(続きを読む)
水平スワイプが可能なスライダー実装ができる「Horizon Swiper」
Horizon Swiper水平スワイプが可能なスライダー実装ができる「Horizon Swiper」7KB以下でPCでもスマホでも動くスライダーが実...(続きを読む)
パネル型の階層的で使いやすそうなUIが簡単に作れる「jquery.stacky」
jachinte/jquery.stacky GitHubパネル型の階層的で使いやすそうなUIが簡単に作れる「jquery.stacky」。次のような縦に画面を分割...(続きを読む)
アプリ風のリッチなサイドメニュー実装「jQuery.SecretNav」
jQuery.SecretNav by Miguel Jimnez @jachinteアプリ風のリッチなサイドメニュー実装「jQuery.SecretNav」メニューを開くと既存ページ...(続きを読む)
オープンソースのSlackクローン「Mattermost」
MattermostオープンソースのSlackクローン「Mattermost」。自前でSlackみたいなものを用意したい場合に使えそうです。関連エ...(続きを読む)
自動伸縮するフルスクリーン背景を簡単に設定できる「Fullscreener」
Fullscreener by vvasilev-自動伸縮するフルスクリーン背景を簡単に設定できる「Fullscreener」1枚の大きな画像をいい感じに画...(続きを読む)
画像をシェイクする面白いエフェクトを簡単実装できる「jquery-shakk...
mebjas/jquery-shakker GitHub画像をシェイクする面白いエフェクトを簡単実装できる「jquery-shakker」オリジナル画像の上に、半...(続きを読む)
多階層のレスポンシブなアコーディオンメニュー実装デモ
CSS Multi-Level Accordion Menu | CodyHouse多階層のレスポンシブなアコーディオンメニュー実装デモエクスプローラ風の多階層の...(続きを読む)
ブラウザトップのプログレスバーを簡単実装できる「ToProgress.js」
ToProgress.jsブラウザトップのプログレスバーを簡単実装できる「ToProgress.js」バー表示に必要なAPIはそろっていて、シン...(続きを読む)
selectボックスでもっと高速に選択できるようにするUI実装「Quick sele...
Quick[select] by eggboxioselectボックスでもっと高速に選択できるようにするUI実装「Quick select」通常のselectは一旦ドロップダ...(続きを読む)
SVG非対応ブラウザに大体画像を設定することができる「SVGeezy」
SVGeezy - a JS plugin for SVG fallbacksSVG非対応ブラウザに大体画像を設定することができる「SVGeezy」サイズ変更しても画像が劣...(続きを読む)
日付のページネーションUIを作る「Bootstrap Date Paginator」
Bootstrap Date Paginator - Date Paginator based on Bootstrap Paginator日付のページネーションUIを作る「Bootstrap Date Paginator」。単にカレ...(続きを読む)
超シンプルにカウントダウンタイマーが実装できる「Simple.Timer」
Simple.Timer by caike超シンプルにカウントダウンタイマーが実装できる「Simple.Timer」次のように頭をつかわずサクッと実装...(続きを読む)
ページのスクロールに応じて伸びるプログレスバーUI実装「scrollgres...
michael-lynch/scrollgress GitHubページのスクロールに応じて伸びるプログレスバーUI実装「scrollgress」縦のスクロールバーに加...(続きを読む)
奥行きのある3Dなカルーセルを実装できる「cloud9carousel」
specious/cloud9carousel GitHub奥行きのある3Dなカルーセルを実装できる「cloud9carousel」次のような奥行きのあるカルーセルを実...(続きを読む)
リッチすぎる3Dローディングバー実装デモ「Shaded Progress Bars」
Shaded Progress Bars: A CSS/Sass Exercise | Codropsリッチすぎる3Dローディングバー実装デモ「Shaded Progress Bars」次のように画像のよ...(続きを読む)
ドロップダウンメニューにサブメニューを付けて便利にするjQueryプ...
jQuery SmartSelectドロップダウンメニューにサブメニューを付けて便利にするjQueryプラグイン「SmartSelect」ドロップダウン...(続きを読む)
レスポンシブでメニューの数が分かりやすいナビを実装できる「Gre...
lukejacksonn/GreedyNav GitHub|CodePen - Greedy Navigationレスポンシブでメニューの数が分かりやすいナビを実装できる「GreedyNav」...(続きを読む)
Flashレスでクリップボードにテキストをコピーできるようにする「c...
clipboard.js ? Copy to clipboard without FlashFlashレスでクリップボードにテキストをコピーできるようにする「clipboard.js」対応ブ...(続きを読む)
カッコ悪いinput[type=file]をモダンにしてドラッグ&ドロップ対応に...
Dropify ?Override your input files with style.カッコ悪いinput[type=file]をモダンにしてドラッグ&ドロップ対応にする「Dropify」次の...(続きを読む)
タブバー風のレスポンシブメニューを実装できる「Paradeiser」
Paradeiserタブバー風のレスポンシブメニューを実装できる「Paradeiser」スマホサイトでのメニューはハンバーガーメニュ...(続きを読む)
Windowsフォルダ風の階層的にファイルを辿れるUIを実装できる「folder...
MT - folderselect.jsWindowsフォルダ風の階層的にファイルを辿れるUIを実装できる「folderselect.js」フォルダUIの再現度が高く、...(続きを読む)
エレメントをボックスの中心に配置できる「Center.js」
Center.jsエレメントをボックスの中心に配置できる「Center.js」。縦横の中心にdata-center等の属性を要素に付与することで...(続きを読む)
input[type=file]をいい感じにスタイリングするチュートリアル
Styling & Customizing File Inputs the Smart Way | Codropsinput[type=file]をいい感じにスタイリングするチュートリアル次のようなフ...(続きを読む)
SVGを使って動的に背景に斜線をいれてクールにする「Lines.js」
Lines.jsSVGを使って動的に背景に斜線をいれてクールにする「Lines.js」。毎回同じ画像ではなく、動的にSVGで描画して、シ...(続きを読む)
SVG、CSSでアプリっぽいコミカルなローディングアニメーション実装...
Elastic Progress | CodropsSVG、CSSでアプリっぽいコミカルなローディングアニメーション実装「Elastic Progress」ただ、回転させ...(続きを読む)
CSS、jQueryでレスポンシブな高品質サイドバーナビゲーションを作成...
Responsive Sidebar Navigation in CSS and jQuery | CodyHouseCSS、jQueryでレスポンシブな高品質サイドバーナビゲーションを作成するデ...(続きを読む)
textarea内テキストをカラフルにハイライトさせられる「jquery.textarea-...
marexandre/jquery.textarea-highlighter.js GitHubtextarea内テキストをカラフルにハイライトさせられる「jquery.textarea-highlighter.js」入...(続きを読む)
アイコン探しの手間を最小化できる「We Love SVG」
We Love SVG - Google Fonts for icons | Icons8アイコン探しの手間を最小化できる「We Love SVG」豊富なアイコンセットがWEB上で多数...(続きを読む)
HTMLコンテンツ全体のWYSIWYG編集を可能にするツール「ContentTools」
GetmeUK/ContentTools GitHubHTMLコンテンツ全体のWYSIWYG編集を可能にするツール「ContentTools」。ページ上の左上のペンのアイコ...(続きを読む)
3D等クールなアニメーション効果付きで表示できるツールチップ実...
html5tooltips.js - Tooltips with smooth 3D animation3D等クールなアニメーション効果付きで表示できるツールチップ実装「html5tooltips...(続きを読む)
人員のスケジュールを並べてタイムライン表示できる「schedulerjs」
MT - schedulerjs人員のスケジュールを並べてタイムライン表示できる「schedulerjs」次のような、横スライド型のタイムチャ...(続きを読む)
HTML5での追加・廃止タグ・ブラウザサポート等が一目で分かる「The ...
The HTML 5 Mega Cheat Sheet - Make A Website HubHTML5での追加・廃止タグ・ブラウザサポート等が一目で分かる「The HTML 5 Mega Cheat Shee...(続きを読む)
写真をテーブル上に重ねて置いたようなUIを作ることができる「wdIm...
mizansyed/wdImageStax GitHub demo写真をテーブル上に重ねて置いたようなUIを作ることができる「wdImageStax」。次のような感...(続きを読む)

« 2015年09月 | メイン | 2015年11月 »

過去の記事

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