« 2015年05月 | メイン | 2015年07月 »
2015年06月30日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Fcc24ca33321fafef34354cacc9effe80.png&w=80&h=80&pool=1)
Animated Sign Up Flow in CSS and jQuery | CodyHouse料金テーブルから即サインアップフォームにつなげるデモ。価格表が並んでいて...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Fc8f6d9c70acf74921d766ba101714d55.png&w=80&h=80&pool=1)
emojify.js by hassankhanWEBでもiOSの絵文字を使えるようにする「emojify.js」予めきめられたテキストを画像に置き換えるJSです...(続きを読む)
2015年06月29日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F14bcc62b83d797c62ab068742644452d.png&w=80&h=80&pool=1)
Raindrops.js雨粒が落ちて水面に見立てたブロック要素が揺らぐエフェクト「Raindrops.js」地味ですが、あっという驚きの要...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F924f9f5f2c836e2810467ab04f741855.png&w=80&h=80&pool=1)
Tiny Colorpicker: A lightweight cross browser color picker.画像等をベースにカラーピッカーがつくれるデザインが優れた「Tiny Colorpick...(続きを読む)
2015年06月26日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F714846caf4674d3b89832eaea36a87a1.png&w=80&h=80&pool=1)
Bootstrap TouchSpin数値をクリックで上下させられるUIを提供できる「Bootstrap TouchSpin」次のようなクリックで数値を上下させ...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F76e24521101a6cf7ddae8d83f45ffba1.png&w=80&h=80&pool=1)
Dynamics.js物理ベースのアニメーションライブラリ「Dynamics.js」。SVGアニメーション、ローダー、メニュー等のリアルなア...(続きを読む)
2015年06月25日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F0f6b6a14f2b6f2f7a3b4fe40e06e91c8.png&w=80&h=80&pool=1)
Card Expansion Effect with SVG clipPath | CodropsSVGのclippathを使った超絶カッコイイ記事の表示エフェクト実装デモ。アイテムがな...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Fc3bb5fa82e8dc8142f6c7ba5a5a1547d.png&w=80&h=80&pool=1)
JavaScript - Document Library | CodeCanyonPDF、画像、動画、音声等をブラウザ上で統一したUIで閲覧できるようにするJSライブラリ...(続きを読む)
2015年06月24日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F08af2c7455494b66e312035fdaaa5121.png&w=80&h=80&pool=1)
ExpertCamJS 動画を高度にカスタマイズ、操作が可能な「ExpertCamJS」動画にCSSでフィルタをかけたり、ローカル動画を開い...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F656e095f222f56f89257e459cb1dc913.png&w=80&h=80&pool=1)
Blueprint: Filterable Product Grid | Codropsフィルタ可能なモダンなデザインでアニメーションするグリッド実装チュートリアル...(続きを読む)
2015年06月23日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F5f0cc3801aa2482fcd43ff0a36a2901d.png&w=80&h=80&pool=1)
wayou/audio-visualizer-with-controls GitHubHTML5Audioにオーディオ・ビジュアルを付けられるJS。70行前後のコードで実現されていて...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F83d6d087926a877cef89c21cdf53045f.png&w=80&h=80&pool=1)
yasinbec/menupuncher GitHubハンバーガーメニューから一気にフルスクリーンメニューを開けるようにする「menupuncher」ドロッ...(続きを読む)
2015年06月22日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F5e779375a8a0c56d326276a920239777.png&w=80&h=80&pool=1)
Gradify画像を分析してグラデーション化してくれる「Gradify」画像をグラデーション化し、マウスオーバーレイで画像を...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F8569243cc2b616dd2c25c2e5bcff78da.png&w=80&h=80&pool=1)
kapantzak/barIndicator GitHubデモアニメーションするプログレスバーを実装できるjQueryプラグイン「barIndicator」。次のように...(続きを読む)
2015年06月19日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F050709d454c6c8f0b4840ea53c64fe0c.png&w=80&h=80&pool=1)
imgCheckbox | a jQuery plugin that makes img tags checkable画像の選択に便利なチェックボックス実装jQueryプラグイン「imgCheckbox」。inp...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F32e848401440436095d074c76e5b0bb2.png&w=80&h=80&pool=1)
Simple CMS for HTML websitesサーバ上のHTMLをWYSIWYGで書き換えてそのまま保存するというシンプルなCMS「SiteCake」。テンプレー...(続きを読む)
2015年06月18日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Fc7e69825e640fbda487ea213b2530c9d.png&w=80&h=80&pool=1)
bendc/animateplus GitHubCSS&SVGを使ったアニメーションフレームワーク「animateplus」サイトの機能よりもUI/UX、などという時代...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Fb157269acaea9eb00cfccba775acfb24.png&w=80&h=80&pool=1)
kyco/jquery.kyco.easyshare GitHubシェアカウント付きの独自デザインソーシャルボタン実装ができる「kyco.easyshare」。次のよう...(続きを読む)
2015年06月17日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F8eec311eba123fca28155401c9768dc0.png&w=80&h=80&pool=1)
Slides ? Create and share presentations onlineモダンでレスポンシブなブラウザ上で動くPowerPoint「Slides」資料作成ツールがブラウ...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Ffc4c13ea3b41aab7c1c77864190b7aa3.png&w=80&h=80&pool=1)
Discourseデザイン性や機能等がモダンな次世代のフォーラム実装OSS「Discourse」UI・デザインがモダンで通知機能やレスポ...(続きを読む)
2015年06月16日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Fba0766b7d0eb2540e026db8c9f0c330d.png&w=80&h=80&pool=1)
Page Scroll Effects | CodyHouse流行りのページスクロールによるアニメーション効果が多数収録されたサンプル集がダウンロー...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F00dfb870de589358d2479c2e798a334f.png&w=80&h=80&pool=1)
CamanJS - Javascript Image ManipulationCanvasを使って画像の明るさ、コントラスト、セピア等の細かい調整が出来る「CamanJS」アッ...(続きを読む)
2015年06月15日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F0fb95a8142108382b763671de6b4de1c.png&w=80&h=80&pool=1)
CSS SpinnersCSSベースで実装されたカラフルなローディングアニメーション15個セット「CSS Spinners」フラットデザインによ...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F93c1ab689ba6a09406168618dfca12c6.png&w=80&h=80&pool=1)
PebbleRoad/layout-balancer GitHubブロック等のレイアウトの歯抜けを調整して綺麗にしてくれる「layout-balancer」ブロックを並べ...(続きを読む)
2015年06月12日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F2d09f3fa3874626a4aef12f168f667dd.png&w=80&h=80&pool=1)
ScrollMenu.js | A new interface to replace your old boring scrollbar.カラフルで新しいスクロールバーを実装できる「ScrollMenu.js」スクロ...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F4c262108c8925e6fee13ef535aa3a3f9.png&w=80&h=80&pool=1)
Product Tour in CSS and jQuery | CodyHouseプロダクトのツアーをjQueryとCSSで実装するチュートリアルサイト上にそのままオーバー...(続きを読む)
2015年06月11日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F2ea831cb9df3a9d9724bba116e404668.png&w=80&h=80&pool=1)
Tabio: Effortless tab management for ChromeChromeのタブ管理を便利にできるChrome拡張「Tabio」拡張をインストールするとボタンが追...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Fa0397286697d8b2d92a5a592504839ac.png&w=80&h=80&pool=1)
Rocket.ChatSlackのようなチャットスペースをWEB上に作れるOSS「Rocket.Chat」Meteorで実装されています。自前サーバに簡単に設...(続きを読む)
2015年06月10日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F88d9b5791ca153fd22aace3931647e62.png&w=80&h=80&pool=1)
Mike Allison - jTableScrollヘッダ、フッタを固定したテーブルを実装できるjQueryプラグイン「jTableScroll」テーブルが長くなる...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F06b0ca2621091f0679cda4d32bc19118.png&w=80&h=80&pool=1)
plozi/jQDrawBootstrapGrid GitHubBootstrapなサイトでグリッドを描画してレイアウトの参考にできる「jQDrawBootstrapGrid」次のように...(続きを読む)
2015年06月09日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F95a3a8f354227f4f563081268ae6c4d7.png&w=80&h=80&pool=1)
JavoByte/rouletteWheel GitHubルーレット型のUIを実現できるjQueryプラグイン「rouletteWheel」クリックするとルーレットが回転し...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F381f2b1c4a4117fa60306916c9c10b4a.png&w=80&h=80&pool=1)
phedde/listSwap GitHubリストから必要な物だけを選んだり削除できるUI実装jQueryプラグイン「listSwap」デスクトップアプリケ...(続きを読む)
2015年06月08日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Fdbd037ce7f7afae3e44c3e465cea4b9d.png&w=80&h=80&pool=1)
jQuery Real Person画像ではない軽量CAPTCHAを実装できる「jQuery Real Person」。*を使って文字を書いてそちらをベースにCAPTCHAを...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F0da44efcef5064d6a0ce9ad7fce0acc2.png&w=80&h=80&pool=1)
Color Extraction Effect | CodropsJS等を使って写真から色を抽出するエフェクトのデモ写真をベースに色を抽出するのも実用的...(続きを読む)
2015年06月05日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Fbe0874e39a9bfdc9d4262c93b94ebebf.png&w=80&h=80&pool=1)
Custom Audio Player with Jquery Audio Controls Pluginフラットデザインがいい感じのオーディオプレイヤー実装jqueryプラグイン。プ...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Fffac2a1d983a76c8c57c24703d0f5570.png&w=80&h=80&pool=1)
Image Tilt Effect | Codrops画像がマウスに応じて立体的に傾くエフェクト作成「Image Tilt Effect」少し角度を変えた立体的に見...(続きを読む)
2015年06月04日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Fe58580dddee770e837731454cae371e6.png&w=80&h=80&pool=1)
jQquery sortable lists階層的なリストをソート可能にする「jQquery sortable lists」次のように折りたたみ可能な階層のあるリス...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Fa8d6081ce17ea76cee2b2cbd4171cb9a.png&w=80&h=80&pool=1)
iconate.jsアイコンの変形を各種アニメーションを交えてカッコよく行える「iconate.js」AというアイコンをBに変更する際の...(続きを読む)
2015年06月03日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F6ddecb91c70b1c05ff916356eb2df71d.png&w=80&h=80&pool=1)
Atomic: Interface design software for professionalsアプリのプロトタイプデザインに利用できるブラウザツール「Atomic」。ブラウザ...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Fc850882198937838c117198f75c0f7b4.png&w=80&h=80&pool=1)
Blueprint: Product Comparison Layout & Effect | Codrops製品の比較を行える次世代のUI実装比較サイトなどで使える商品の比較テー...(続きを読む)
2015年06月02日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F84d58cfbdacfc21e188f0e0f6e9b97e0.png&w=80&h=80&pool=1)
Glideh/jquery.particles.burst GitHub粒子がバーストする感じのアニメーションを作れる「jquery.particles.burst」画像を用意すればフ...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F427d1fc49f1d9a24f7ca3f7470c5384b.png&w=80&h=80&pool=1)
jQuery LoadingOverlay - Gaspare Sganga読み込みオーバーレイ効果を作れるjQueryプラグイン「LoadingOverlay」。WEBページ全体を読み込...(続きを読む)
2015年06月01日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Fac5f50455cd62663444d486d89a39a93.png&w=80&h=80&pool=1)
Add Clear - jQuery Plugin - Demoテキストフィールドに内容をクリアできる×ボタンを実装できるjQueryプラグイン「Add Clear」...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F2be8f217e8b1afb39c7717fdc0a2a60f.png&w=80&h=80&pool=1)
Toolbar.js - jQuery plugin to create tooltip style toobarsツールチップスタイルのツールバー実装「Toolbar.js」。次のようなボタンを...(続きを読む)
« 2015年05月 | メイン | 2015年07月 »
過去の記事
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 」
- 無料で使えるいい感じの日本語フォント「しっぽり太ゴシック」
- 過去のエントリ