« 2016年01月 | メイン | 2016年03月 »
2016年02月29日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F41177fdd11a1409f0f5760c0cb439e2c.png&w=80&h=80&pool=1)
Bricks.jsレンガUIのMasonryを超高速化したレイアウトライブラリ「Bricks.js」単独で高速に動くようなのでレンガ状UI実装の...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Ff0397a8a4d2c8604382003c3d6592f16.png&w=80&h=80&pool=1)
Previewerブラウザをリサイズしなくてもスマホ、PC等用の画面でプレビューできる「Previewer」画面のサイドに端末を表示...(続きを読む)
2016年02月26日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F15f6a4f6618e7c31e443396a3253fa30.png&w=80&h=80&pool=1)
Jquery-quickfit枠のサイズに応じてテキストを自動省略できる「Jquery-quickfit」文字が枠の外にはみ出してかっこわるくなっ...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F3b962d3de9798f6e83bfe269ab8391cf.png&w=80&h=80&pool=1)
Free Chat UI kit for Photoshop and Sketch | InVisionチャット等のUI実装に活用できそうなUIキットPSD、Sketchテンプレ「Free Chat UI kit」...(続きを読む)
2016年02月25日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Fa694fe2645ac1d187f8c269b50611037.png&w=80&h=80&pool=1)
Sticky Elementsエレメントをマウスに吸着させられる「Sticky Elements」。要素にマウスをちかづけると、磁石のようにくっつ...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Ff05ce63a5c688c58a2c0e712c2d70a76.png&w=80&h=80&pool=1)
Javascript HTML CSS3: Windows Metro TilesJS&CSS3でWindowsMetroのタイルUIを実装する「TileJS」タイルを押すと四角系が傾いてWindowsMetro...(続きを読む)
2016年02月24日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Fe02405dd8cd17be639ad6e20efd22767.png&w=80&h=80&pool=1)
Sliding Panels Template in CSS and jQuery | CodyHouseレスポンシブなスライドするパネル型の斬新なUIレイアウトデモ。パネルが4つ...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F884411d8c59e21c518e36dbec1cd1371.png&w=80&h=80&pool=1)
Colorpickerplus for Twitter Bootstrap使いやすそうなカラーピッカー実装Bootstrapプラグイン「Colorpickerplus」次のようなシンプルで...(続きを読む)
2016年02月23日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Fc9ea7e1545a7168ab58f5aa21743b152.png&w=80&h=80&pool=1)
PgwBrowser - Browser & OS / platform detection plugin for jQuery / Zeptoブラウザ判別の詳細情報をJSONで取得できる「PgwBrowser」次のよ...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F32faa2bff46a7cf6a31b39232afc7241.png&w=80&h=80&pool=1)
Lightcase - The smart and flexible Lightbox Plugin.あらゆるコンテンツを美しくポップアップさせるLightboxプラグイン「Lightcase」画...(続きを読む)
2016年02月22日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F128232d8d9465a01c662df189f06d1d1.png&w=80&h=80&pool=1)
GitHub - tushariscoolster/blurry-image-load: load image as blurry effect画像をボケた状態から鮮明にするアニメーション「Blurry-image-load...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F886f5ffc5541cdb59e692799bd3b6979.png&w=80&h=80&pool=1)
GitHub - madrobby/keymaster: A simple micro-library for defining and dispatching keyboard shortcuts. It has no dependencies.依存なしのキーボードショ...(続きを読む)
2016年02月19日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F09369fda6fd7f57a1a2771bed325443e.png&w=80&h=80&pool=1)
GitHub - oscaruhp/progressBarWarsスターウォーズのライトセーバーをプログレスバーにした「progressBarWars」次のようなアニメー...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Ff170fe7545ef8e247c75aeadaaa0c142.png&w=80&h=80&pool=1)
GitHub - kong-lo/jquery.m.toast: A simply toast plugin for mobile webpage, especially suitable for webview pages. ;-)AndroidでおなじみのtoastをWEBでも...(続きを読む)
2016年02月18日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F0b48e7b909d2eabef58cd3c76c13e60f.png&w=80&h=80&pool=1)
Justified Gallery画像のレンガ状レイアウトライブラリ「Justified Gallery」。レンガ状レイアウトのライブラリは沢山あります...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Fa93e86ecf3cd04a8184a2cf430cc1f0d.png&w=80&h=80&pool=1)
Responsive Viewレスポンシブ開発に使えるスマホ、タブレットでサイトを一括動作確認「Responsive View」iPhone4-iPhone6, plus迄、...(続きを読む)
2016年02月17日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Fb95575aeb4f192583f352d0a23e9293f.png&w=80&h=80&pool=1)
GitHub - n33/jquery.poptrox: A lightbox gallery plugin for jQueryyoutube/vimeo/soundcloud等に対応したLightbox実装「jquery.poptrox」有名な動画、...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Ff29498261b38377efb9ac97a33137ec1.png&w=80&h=80&pool=1)
jQuery Notebook DemoMedium風のWYSIWYGエディタ実装「jQuery Notebook」文字を選択するとツールチップが現れて文字修飾ができるMedi...(続きを読む)
2016年02月16日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F1e7f4b4ba2f074437e7b1eb4b3a01f24.png&w=80&h=80&pool=1)
Loading ButtonsSVGでクールにアニメーションするローディングボタン実装「Loading Buttons」ローディング自体もかっこいいの...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Fd27bd4e81c80ef94953561c0feb400d0.png&w=80&h=80&pool=1)
Viewer.jsズーム、回転、スライド等の機能が詰まった画像ビューワ機能実装「Viewer.js」カスタマイズ性も高く色々調整で...(続きを読む)
2016年02月15日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F492c693552ada22581cbea62f4581aa4.png&w=80&h=80&pool=1)
TOC | jQuery Table of Contents Pluginページの構造をサイドバーメニューにすることができるjQueryプラグイン「TOC」。HTMLの文書...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F1c1a095a28f748a66637ead6f3a590ce.png&w=80&h=80&pool=1)
Etherpadリアルタイムコラボレーションが可能なオンラインエディタ実装「Etherpad」WYSIWYGエディタがあって、それを複数...(続きを読む)
2016年02月12日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F64d859bde006a10b00526a1587343b78.png&w=80&h=80&pool=1)
voxel.cssCSSを使った3Dアニメーションライブラリ「voxel.css」マインクラフトっぽいものがWEB上で動いてしまう3Dアニメーシ...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F752b48baa8f9923fdb9a1a164893819f.png&w=80&h=80&pool=1)
Responsive timeline design using html and css3 only - Usingcss3CSS3のみでレスポンシブなタイムラインUIを実装したデモ次のような綺麗...(続きを読む)
2016年02月10日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Fc2f17327ee250ba9601f3dedf9aaec47.png&w=80&h=80&pool=1)
Validator, for Bootstrap 3Bootstrapなフォームでのリアルタイムバリデーションを行う「Validator for Bootstrap 3」入力の段階でエラ...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Fa3cb7f42b1bec29805a6f07b1a0f38b7.png&w=80&h=80&pool=1)
CodePen - megamenu.js - Last responsive megamenu you'll ever needレスポンシブに動作するメガメニュー実装「megamenu.js」。幅広い大...(続きを読む)
2016年02月09日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F9e03e1d69e7d47093c532bfbe51c384e.png&w=80&h=80&pool=1)
GitHub - chrsbrg/snd: jQuery Audio Playerタグの修正で簡単にUIを変更できるAudioPlayer実装jQueryプラグイン「snd」タグを削るだけでU...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F5868364aceced19020f41855465a1b29.png&w=80&h=80&pool=1)
GitHub - pguso/bootstrap-data-table: BDT - Bootstrap Data Table - sorting, pagination and search for tablesテーブルにソート、ページネーション...(続きを読む)
2016年02月08日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F61ae72ce11e26151adf62fdd7b91ec80.png&w=80&h=80&pool=1)
Mobile Material Design CardsMaterial Designのカード型UI実装デモ。アイテムをタップして拡大する時のアニメーションがいい感じM...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F6b6d5503c561f7bb9cc92560847b3d14.png&w=80&h=80&pool=1)
Awesome checkout wizard using jQuery - Usingcss3綺麗なチェックリスト風ウィザードを作成するjQuery実装サンプル次のようにチェッ...(続きを読む)
2016年02月05日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F1daf3e48d6ca166691a3fa855f094a5c.png&w=80&h=80&pool=1)
Placematオシャレなプレースホルダとなるダミー画像生成サービス「Placemat」。RESTでパラメータを付けるだけで画像と、...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Fbe7fbc2d1dde5e5c3aa901a1619675ba.png&w=80&h=80&pool=1)
Elastic Circle Slideshow | Codropsオシャレなアニメーションで動作するスライドショー「Elastic Circle Slideshow」円形のアイテムが...(続きを読む)
2016年02月04日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Fb743f80ad3e8151c73499c7871454857.png&w=80&h=80&pool=1)
GitHub - andriussev/timelined: A customizable CSS-only vertical timelineCSSオンリーで動作するタイムラインUI「timelined」CSSのみなので、JS...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Fa55133f3841b929015d4e541b9632ca7.png&w=80&h=80&pool=1)
anvaka/VivaGraphJS GitHub | demo要素の関連性をビジュアライズできる「VivaGraphJS」。単にビジュアライズするだけではなく...(続きを読む)
2016年02月03日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F8fb9892003af9ace58f80b25b4e67fb7.png&w=80&h=80&pool=1)
jQuery Editable Select Example編集可能でインクリメンタル検索も出来るselect実装jQueryプラグイン「Editable Select」自分で内容を...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F8c588d8c90f210af98527ba0b4be12f6.png&w=80&h=80&pool=1)
seiyria/bootstrap-slider: A complete rewrite of the original bootstrap-slider by Stefan Petre.Bootstrapのパラメータ入力スライダー実装「bootstrap...(続きを読む)
2016年02月02日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Fe4730fbb754d5f6ad33a85b5fb633eeb.png&w=80&h=80&pool=1)
MediumEditorテキスト修飾をシンプルに実施できるMediumのエディタクローン「MediumEditor」テキスト選択でポップアップが表...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F4a4fff5a5b53f84ca29f731dd827b424.png&w=80&h=80&pool=1)
qiqiboy/pageSwitch: Just a page-Switch Javascript Libraryページ切り替えエフェクトが121種類収録されている「pageSwitch」ページ全...(続きを読む)
2016年02月01日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Ff1313e0c39caa633fb44511978afbc5a.png&w=80&h=80&pool=1)
Section Scrollページサイドにセクションのナビゲーションを自動生成する「Section Scroll」。ページサイドにドットを表示し...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F647f74535b4a55a313e6ebf61558ff6b.png&w=80&h=80&pool=1)
Ultimate hover effects by css3 - Usingcss3CSS3でホバーエフェクトをこれでもかというぐらい集めたサンプル集ちょっと変わったホ...(続きを読む)
« 2016年01月 | メイン | 2016年03月 »
過去の記事
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月 |
最新のブログ記事(新着順)
- TailwindCSSなサイトで使える100以上のアニメーションエフェクト「animata」
- SVG形式のテック系企業のロゴを簡単にゲットできる「Svgl」
- 統一感のある色味を一括生成できるツール「The good colors」
- くちばしフォント【商用可】
- 小説表紙などに使えそうな商用可なフォント「になロマン」
- 筆で書いたようなカナ書体「筆竹仮名B」
- 無料・商用利用可な丸文字ピクセルフォント「マルミーニャM」
- スペースコブラ風フォント
- Next.jsのVercelから商用利用可能なフリー汎用フォント「Geist Font 」
- 無料で使えるいい感じの日本語フォント「しっぽり太ゴシック」
- 過去のエントリ