スポンサード リンク
滑らかなグラデーションのアニメーションを生成できる「granim.js」
GitHub - sarcadass/granim.js: Create fluid and interactive gradients animations with this small (< 10 kB) js library.滑らかなグラデーションのア...(続きを読む)
スポンサード リンク
複数のハンドルで範囲指定などに使えるHTML5スライダー実装「Multira...
Multirange: A tiny polyfill for HTML5 multi-handle sliders.複数のハンドルで範囲指定などに使えるHTML5スライダー実装「Multirange」次...(続きを読む)
実用的なレスポンシブナビゲーションを実装できる「okayNav」
GitHub - VPenkov/okayNav: The world's okayest responsive navigation実用的なレスポンシブナビゲーションを実装できる「okayNav」幅に...(続きを読む)
マウスホバーで画像を領域内で拡大できる「zoomove」
GitHub - thompsonemerson/zoomove: Enlarges the image with the mouse hover and moveマウスホバーで画像を領域内で拡大できる「zoomove」画像...(続きを読む)
フラットでモダンかつレスポンシブなモーダル実装「iziModal.js」
iziModal.jsフラットでモダンかつレスポンシブなモーダル実装「iziModal.js」最近見た中では最もクールなモーダル実装かも...(続きを読む)
スマホでも使えるモダンデザインのWYSIWYGエディタ「Quill」
Quill - Your powerful, rich text editorスマホでも使えるモダンデザインのWYSIWYGエディタ「Quill」次のようにデザインがシンプル...(続きを読む)
色やサイズが自由に変更できる星形レーティング機能実装「starwarsj...
GitHub - johannesMatevosyan/starwarsjs: StarWarsJS is a jQuery-plugin to set feedback with the help of star icons.色やサイズが自由に変更できる星...(続きを読む)
GoogleAPIを使ったPHPで円グラフを描画するチュートリアル
Display Data In Pie Chart Using PHP And jQuery On TalkersCode.comGoogleAPIを使ったPHPで円グラフを描画するチュートリアルPHPの配列を円...(続きを読む)
表示領域に入ったかどうかを検知する「in-view.js」
in-view.js - Get notified when a DOM element enters or exits the viewport.表示領域に入ったかどうかを検知する「in-view.js」アニメーショ...(続きを読む)
株価等を表示するためのグラフを描画できる「Iguana Charts」
Iguana Charts株価等を表示するためのグラフを描画できる「Iguana Charts」ローソク足や図形を追記したり、テクニカルの指...(続きを読む)
画像背景にマッチするグラデーションを作ってくれる「Grade.js」
Grade.js画像背景にマッチするグラデーションを作ってくれる「Grade.js」画像の特徴的な色を2つ取って次のようにグラデ...(続きを読む)
Youtube,Vimeoなどの動画をレスポンシブにするためのJS「superembed.js」
GitHub - corbindavenport/superembed.js: Fluid width for YouTube, Vimeo, Vine, VideoPress, DailyMotion, and more embedded videos.Youtube,Vimeoなどの動画を...(続きを読む)
フラットデザインが良い感じの日付ピッカー「flatpickr」
flatpickr - lightweight datetimepicker & calendarフラットデザインが良い感じの日付ピッカー「flatpickr」次のような日付ピッカ...(続きを読む)
自分のスキルセットをグラフで分かりやすく表示できる「skills」
GitHub - mois3sk9/skills: Skills is a jquery plugin to create your own skill set in your web自分のスキルセットをグラフで分かりやすく表示...(続きを読む)
TTFやOTFのフォントをJavaScriptでパースできる「Typr.js」
GitHub - photopea/Typr.js: Typr.js - process fonts in JavascriptTTFやOTFのフォントをJavaScriptでパースできる「Typr.js」。フォントデータ...(続きを読む)
ページ上にそのまま蛍光ペンでマーカーをひく機能が付けられる「...
markerPenページ上にそのまま蛍光ペンでマーカーをひく機能が付けられる「markerPen」WEBページのテキストの選択方法はな...(続きを読む)
複数オブジェクトを順次スライドさせる「Multi-Layout Slideshow」
Multi-Layout Slideshow | Codrops複数オブジェクトを順次スライドさせる「Multi-Layout Slideshow」。アプリ等でも見られる動きです...(続きを読む)
数値設定用のオシャレなデザインのスライダー「addSlider」
GitHub - addui/addSlider: A slider that allows the selecting of value by moving a handle along a track.数値設定用のオシャレなデザインのスライ...(続きを読む)
テキストを徐々に読めるようにしていくアニメーション実装「baffle...
GitHub - camwiegert/baffle: A tiny javascript library for obfuscating and revealing text in DOM elements.テキストを徐々に読めるようにしていく...(続きを読む)
jQueryで大量のアイテムをフィルタリングする「jquery.nozzle」
GitHub - marcinjackowiak/jquery.nozzle: Simple data filtering and manipulation libraryjQueryで大量のアイテムをフィルタリングする「jquery.nozz...(続きを読む)
背景をボカしてオシャレにできるモーダル実装jQueryプラグイン「blu...
GitHub - hardikdabhi/bluroverlay.js: Repo for blur overlay jQuery library背景をボカしてオシャレにできるモーダル実装jQueryプラグイン「...(続きを読む)
インスタスタイルのフィルタをHTML5のCanvasで作るチュートリアル
Instagram-style filters in HTML5 Canvas | VigetインスタスタイルのフィルタをHTML5のCanvasで作るチュートリアル。グラデーション画...(続きを読む)
checkboxをBootstrapのGlyphアイコンで可愛くできる「bs-checkbox」
GitHub - ktasos/bs-checkbox: A simple jQuery plugin that replaces the default checkbox and uses Bootstrap glyphicon icons.checkboxをBootstrapのGlyphアイコ...(続きを読む)
製品を選んで比較するモダンな比較UI実装デモ
Compare Products side by side using jQuery製品を選んで比較するモダンな比較UI実装デモ。ECサイトなどでみかける比較UIをモダン...(続きを読む)
スクロール時にタイトルを控えめにすることができるjQueryプラグイ...
GitHub - Peleg/squeezingHeader: A jQuery plugin for squeezing your header on scroll downスクロール時にタイトルを控えめにすることができる...(続きを読む)
タイポグラフィがWYSIWYGで捗るツールキット「typography.js」
GitHub - KyleAMathews/typography.js: A powerful toolkit for building websites with beautiful typographyタイポグラフィがWYSIWYGで捗るツールキッ...(続きを読む)
SVGを使ったアニメーションがクールなスライド実装サンプル
Clipped SVG Slider | CodyHouseSVGを使ったアニメーションがクールなスライド実装サンプル。アニメーションがいい感じで、こ...(続きを読む)
壊れたテレビ風のグリッチエフェクトを全ての要素にかけられるjQu...
GitHub - hmongouachon/mgGlitch: A little jquery helper to glitch everything壊れたテレビ風のグリッチエフェクトを全ての要素にかけられ...(続きを読む)
拡大縮小、フルスクリーン、スライド等フル機能のモダンなlightbox...
lightgallery.js拡大縮小、フルスクリーン、スライド等フル機能のモダンなlightbox「lightgallery.js」依存性がないので単体で...(続きを読む)
場所を取らないポップアップメニュー実装jQueryプラグイン「floatingM...
GitHub - vladthecodeimpaler/floatingMenu: floating menu - requires jQuery場所を取らないポップアップメニュー実装jQueryプラグイン「floati...(続きを読む)
Windows8-のパネル型UIを実現できる「Multiple.js」
Multiple.jsWindows8-のパネル型UIを実現できる「Multiple.js」背景は固定でボタンも半透明に美しいUIをブラウザ上で提供でき...(続きを読む)
地図上のポイントをタップすると写真がオーバーレイするサンプル
Simple Interactive Points Effect | Codrops地図上のポイントをタップすると写真がオーバーレイするサンプルポイントをマウスオ...(続きを読む)
CSSを使ってブラウザ上で動く検索エンジンを作る「Jets.js」
Jets.jsCSSを使ってブラウザ上で動く検索エンジンを作る「Jets.js」CSSのセレクタを適用して検索エンジンを作る、という...(続きを読む)
ブラウザプッシュ通知を簡単に使えるようにするjQueryプラグイン「...
GitHub - asmsuechan/jquery_push_notification: This library allows us to use html5 NotificationAPI in jquery.ブラウザプッシュ通知を簡単に使える...(続きを読む)
日付や時間等に対応した多機能日付ピッカー「tiny date picker」
tiny date picker日付や時間等に対応した多機能日付ピッカー「tiny date picker」次のような、日付にマークやバッジを付けら...(続きを読む)
クリックで広がるアイコン型メニュー実装「jquery-dice-menu」
GitHub - ssmak/jquery-dice-menu: Fixed location floating menu (expandable)クリックで広がるアイコン型メニュー実装「jquery-dice-menu」画面...(続きを読む)

過去の記事

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