スポンサード リンク

« 2015年11月 | メイン | 2016年01月 »

文書スクロールと共に地図をアニメーション表示できるデモがすご...
Animated Map Path for Interactive Storytelling | Codrops文書スクロールと共に地図をアニメーション表示できるデモがすごい。旅の...(続きを読む)
デザインが綺麗で多機能な日付ピッカー実装「Air Datepicker」
Air Datepickerデザインが綺麗で多機能な日付ピッカー実装「Air Datepicker」複数の日付の指定、月の指定、日付範囲の指定、...(続きを読む)
スクロールして画面内に入った際にエレメントをアニメーションさ...
jlmakes/scrollreveal.js GitHubスクロールして画面内に入った際にエレメントをアニメーションさせつつ表示できる「scrollreveal....(続きを読む)
Material Designのスライダー実装デモ
Material Design Slider Animation - EttricsMaterial Designのスライダー実装デモページサイドにページのサムネイルが出る面白いスラ...(続きを読む)
3Dアニメーションがクールなカルーセル実装jQueryプラグイン「jR3DCar...
jR3DCarousel by vinayakjadhav3Dアニメーションがクールなカルーセル実装jQueryプラグイン「jR3DCarousel」デモ上でアニメーション...(続きを読む)
アイテムをフリップして開くダイアログ実装「Flipside」
Flipsideアイテムをフリップして開くダイアログ実装「Flipside」ダイアログの挙動はボタン等を押した際にモーダルでウィ...(続きを読む)
タイムラインUIにラベルを付与して表示できる「Labella.js」
Labella.jsタイムラインUIにラベルを付与して表示できる「Labella.js」次のようなタイムラインの描画が出来ます。時系列な...(続きを読む)
円形にアニメーションするSVGグラフ実装JS「circles」
lugolabs/circles GitHub円形にアニメーションするSVGグラフ実装JS「circles」簡単に次のようなグラフが描画できます。ダッシ...(続きを読む)
複数カラーで綺麗なツールチップや通知を実装できる「NTip」
NTip Beta複数カラーで綺麗なツールチップや通知を実装できる「NTip」次のようなツールチップや通知を実装できます。関...(続きを読む)
デザインがフラットな多機能WYSIWYGエディタ「materialNote」
Cerealkillerway/materialNote GitHubデザインがフラットな多機能WYSIWYGエディタ「materialNote」Materializeを使ってマテリアルデザイ...(続きを読む)
360度のパノラマビデオを再生できる動画プレイヤー「Valiant360」
Valiant360 Panorama Video Player360度のパノラマビデオを再生できる動画プレイヤー「Valiant360」JSとWebGLを使ってパノラマの動画...(続きを読む)
SVGアイコンを組み合わせて新しいアイコンがつくれる「HYBICON」
HYBICON - Better together - IconsSVGアイコンを組み合わせて新しいアイコンがつくれる「HYBICON」Twitterのアイコン、と、いいね...(続きを読む)
ドラッグ&ドロップでカラムを自由にリサイズできるようにする「...
Split.jsドラッグ&ドロップでカラムを自由にリサイズできるようにする「Split.js」。デスクトップアプリではおなじみの...(続きを読む)
Rubyで書かれたBitcoinノード「Toshi」
Toshi - Open Source Bitcoin NodeRubyで書かれたBitcoinノード「Toshi」Bitcoinの仕組みに興味のあるRubyな方は見てみると面白いのか...(続きを読む)
ジャケ写付きで美しいUIの音楽プレイヤーをHTML5で実装する「APlayer...
APlayer Demoジャケ写付きで美しいUIの音楽プレイヤーをHTML5で実装する「APlayer」すっかりこういう機能は昔はFlashでの実装...(続きを読む)
ブラウザベースのRPGがつくれる「RPG JS」
RPG JSブラウザベースのRPGがつくれる「RPG JS」現段階ではどの程度本格的な物がつくれるかは分かりませんが、サイトをR...(続きを読む)
マテリアルデザインカラーを簡単に使えるLESS/CSS toolkit「Material Desig...
Material Design Color Palette by zavoloklomマテリアルデザインカラーを簡単に使えるLESS/CSS toolkit「Material Design Color Palette」規則性...(続きを読む)
レスポンシブでクールなプレゼン用スライドショー実装デモ
Presentation Slideshow in CSS and jQuery | CodyHouseレスポンシブでクールなプレゼン用スライドショー実装デモデモとはいえ品質が...(続きを読む)
文字がパラパラめくれるヒンジパネル風のテキストエフェクト実装...
FLAPPER文字がパラパラめくれるヒンジパネル風のテキストエフェクト実装「FLAPPER」文字がパラパラとランダムにめくれ...(続きを読む)
指定したCSSセレクタ位置にスムーススクロールするJS「Jump.js」
Jump.js指定したCSSセレクタ位置にスムーススクロールするJS「Jump.js」コールバック、duration、オフセット指定など、細か...(続きを読む)
ブラウザ上でSwiftが学べる「IBM Swift Sandbox」
IBM Swift Sandboxブラウザ上でSwiftが学べる「IBM Swift Sandbox」Xcodeが無くても簡単に動かせるので、Playgroundよりもお手軽に試...(続きを読む)
JavaScriptベースのCSSパーサー実装「css.js」
jotform/css.js GitHubJavaScriptベースのCSSパーサー実装「css.js」文字列やURLで指定したCSSをJSONに変換できます。CSSを動的に解...(続きを読む)
CSSオンリーで作られたLightBox「css-lightbox」
Cerealkillerway/css-lightbox GitHubCSSオンリーで作られたLightBox「css-lightbox」CSSのみで作られたとは思えないような感じのLightbox...(続きを読む)
FlappyBirdをJSで再現したOSS「clumsy-bird」
ellisonleao/clumsy-bird GitHubちょっと古いかもしれませんが、FlappyBirdをJSで再現したOSS「clumsy-bird」がgithubで公開されていま...(続きを読む)
2つの色をブレンドすることが出来るJS「colorblendjs」
javierbyte/colorblendjs GitHub2つの色をブレンドすることが出来るJS「colorblendjs」指定した2色の色から新しい色を生成する...(続きを読む)
垂直に開くハンバーガーメニュー&レイアウト実装デモ
Vertical Layout with Navigation - Ettrics垂直に開くハンバーガーメニュー&レイアウト実装デモハンバーガーメニューをクリッ...(続きを読む)
MacのFinder風のUIをWEBで実現できる「Finder.js」
Finder.jsMacのFinder風のUIをWEBで実現できる「Finder.js」次のようにFinderをフラットにした感じのデザインで階層的なデータ...(続きを読む)
大きめでカウンタ付きのSNSシェアボタン実装「jumboShare」
jumboShare - Social Share Buttons with counter大きめでカウンタ付きのSNSシェアボタン実装「jumboShare」次のようなシェア数を統合...(続きを読む)
JSで美しいグラフィックを描けるパーティクルエンジン「Proton」
ProtonJSで美しいグラフィックを描けるパーティクルエンジン「Proton」様々なアニメーションのデモが公開されていて見...(続きを読む)
モダンな年・月ピッカーjQueryプラグインを実装するチュートリアル
Create a month picker jQuery plugin : Lugolandモダンな年・月ピッカーjQueryプラグインを実装するチュートリアル具体的な日付まで...(続きを読む)
複数のソーシャルメディアのハッシュタグのまとめサイト作成OSS「...
OmarElGabry/Hashtegny GitHub複数のソーシャルメディアのハッシュタグのまとめサイト作成OSS「Hashtegny」次のようにPinterestライ...(続きを読む)
ページを2分割した面白UI実装デモ「Dual Sliding Panels」
Dual Sliding Panelsページを2分割した面白UI実装デモ「Dual Sliding Panels」ページを2分割して一方をクリックでページが開く...(続きを読む)
アニメーション付きで変形するボタン実装デモ「Shazam-Like Morphing But...
Shazam-Like Morphing Button Effect | Codropsアニメーション付きで変形するボタン実装デモ「Shazam-Like Morphing Button Effect」ボタンを...(続きを読む)
ページの上から出てくる通知窓を表示することができる「notie.js」
notie.js by Jared Reichページの上から出てくる通知窓を表示することができる「notie.js」通知も色々な形式がありますが、こ...(続きを読む)
SVG+JSで美しいレスポンシブなグラフを描画できる「pizza」
Pizza Amore! | Playground from ZURBSVG+JSで美しいレスポンシブなグラフを描画できる「pizza」シンプルですが汎用的な円・棒・...(続きを読む)
jQueryとCSSで水平のタイムラインの実装デモ
Horizontal Timeline in CSS and jQuery | CodyHousejQueryとCSSで水平のタイムラインの実装デモタイムラインというとFacebookの縦のタイ...(続きを読む)
横長テーブルもレスポンシブにできる「jquery.responsive-tables」
ryanwellsdotcom/jquery.responsive-tables GitHub横長テーブルもレスポンシブにできる「jquery.responsive-tables」テーブルをレスポンシ...(続きを読む)

« 2015年11月 | メイン | 2016年01月 »

過去の記事

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