« 2015年06月 | メイン | 2015年08月 »
2015年07月31日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F2b6a7d6e09d4a87077c1173a0b5e0a32.png&w=80&h=80&pool=1)
jQuery snapPuzzle Plugin1枚の画像を分割してパズルにしてくれるjQueryプラグイン「snapPuzzle」レスポンシブで動作、難しさも...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Fcad1847f503917640ef42ceb5df82a10.png&w=80&h=80&pool=1)
CodePen - ProjectBlocker DemoIEや画面のnピクセル以下で警告を表示させる「ProjectBlocker」レスポンシブなサイトで、一定のブラ...(続きを読む)
2015年07月30日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Ffc2761bd573010842e442fc6b4c241e9.png&w=80&h=80&pool=1)
BootStrap MaxLength入力要素の残り文字数を表示できるBootStrapプラグイン「MaxLength」残り文字数をその場で表示できて便利で...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F0b64a5ef60675cfd2ccabc0fa4045c68.png&w=80&h=80&pool=1)
numble by jasonyost数値のみ入力させたい場合のUIを実現できる「numble」キーボードによる入力はあえて出来なくして、ボタ...(続きを読む)
2015年07月29日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Ffa0926d2bf9692a2505e3f0b04f3a1f7.png&w=80&h=80&pool=1)
Tapatar | jQuery avatar picker | Tapfiliateアバター専用のpickerを実装できるjQueryプラグイン「Tapatar」画面遷移なしのモダンなア...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Fc5ebcaf51e89fa5c5656442ee42fe989.png&w=80&h=80&pool=1)
PopSelect | A jQuery plugin to replace select with popoverポップアップ形式のselectの代替になる入力要素を実装できる「PopSelect」input...(続きを読む)
2015年07月28日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F7d98fe108c2c45eb6a86de74ef582c1b.png&w=80&h=80&pool=1)
ymc-thzi/blurry-menu GitHub背景にぼかしをいれたiOSっぽいメニューを作成できる「blurry-menu」。CSS3でブラーが出来るようにな...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F75bcc03848ce02a248dac372a6f533f2.png&w=80&h=80&pool=1)
gijsroge/offscreen.js GitHubツールチップ等、画面をはみ出していたら表示位置を変える等できる「offscreen.js」ツールチップが...(続きを読む)
2015年07月27日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Fcc06bddcd35a68bfc7cf71ec6db5ae41.png&w=80&h=80&pool=1)
Background Blur - plugin by @msurguy背景色にブラーをかけて今っぽくするjQueryプラグイン「Background Blur」iOSなどで導入されてい...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Fe8af562c7b5b7707901601aba966dee3.png&w=80&h=80&pool=1)
Animated Page Transition 2 in Ajax | CodyHouseページ遷移を意識させないアニメーションによるページ切り替え効果実装Ajaxを使っ...(続きを読む)
2015年07月24日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F7782e3cbf30f2c59e22caec7b2c506a6.png&w=80&h=80&pool=1)
ggpopover.js - A jQuery Popover plugin v1.0Bootstrapのポップアップ機能を拡張できる「ggpopover.js」上下左右のポジション変更と自由...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Fecae21d3f26995cece72fe32819d797c.png&w=80&h=80&pool=1)
jQuery.textcompletetextareaにドロップダウン形式の入力補助を実装できる「jQuery.textcomplete」絵文字やタグ、独自定義の処理を...(続きを読む)
2015年07月23日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F1c72840f16d1a5ad89dfe3a62524079f.png&w=80&h=80&pool=1)
Jquery.anchor3d by w00caShアンカータグを地味に3Dにする「Jquery.anchor3d」せっかくの3Dなのになんて地味なんだろうというぐら...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Fd21b4f578a28faf5c89f472506d3ef44.png&w=80&h=80&pool=1)
XOXCO | Rainbow.jsテキストを独特の虹色アニメーションさせられる「Rainbow.js」1文字づつアニメーションで色を変更してい...(続きを読む)
2015年07月22日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Fa5be4faff276a5c3aeb4f8f7a5659359.png&w=80&h=80&pool=1)
LoadGo - Your own images as a progress barサイトのロゴ等をプログレスバーにすることができるjQueryプラグイン「LoadGo」たまにみ...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Fbd0dfd6eab9aa0df63786ba518665411.png&w=80&h=80&pool=1)
Introducing ClickSpark.js ? Open Source Particle Effects! | YMCクリックするとパーティクルが弾けるエフェクトをつくれる「ClickSpark.js...(続きを読む)
2015年07月21日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F0982ab1fbf2898a5d2228f27a4926bdc.png&w=80&h=80&pool=1)
BootstrapBootstrapでiOSアプリ風UIを作るBootstrapテーマ「Bootstrap iOS7」Bootstrapもただ使っただけだと、開発者にとってはBootstrap...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F65db830ee57435b44a4a5d85c445c933.png&w=80&h=80&pool=1)
Html5-canvas-animation by JoanClaret3Dのクールな線形アニメーションをブロックの背景にするjs。最近この手の物が増えています...(続きを読む)
2015年07月17日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F18f9d526769393bb8cdf6a7122d8417a.png&w=80&h=80&pool=1)
Playful Interaction for Draggable Elements | Codropsダイアログをアプリっぽくマウスで摘んで移動させるUI作成チュートリアルダイ...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F241a9d7ae6578e70f573ba3955e2dfd6.png&w=80&h=80&pool=1)
ftlabs/ftscroller GitHubiOSのScrollView風スクローラをWEB上で実現「ftscroller」。モバイル、PC上で動作します。PC上で触ってもiOS...(続きを読む)
2015年07月16日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F1a12e8f09e53a950800ca7cdbdb3ef3f.png&w=80&h=80&pool=1)
jquery.easyAudioEffects.jsエレメントにサウンドを自由に付けられるjQueryプラグイン「easyAudioEffects.js」。hover,click時において...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F5f33839967e1074d04108f9181c9a139.png&w=80&h=80&pool=1)
Blueprint: Zoom Slider | Codrops画面切り替えが超カッコ良いスライダー「Blueprint Zoom Slider」。スライドでアイテムを送る&詳...(続きを読む)
2015年07月15日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F22bec80a3d6de4a60fa362b5f456c8a0.png&w=80&h=80&pool=1)
Bootstrap-dropselect by lodev09BootstrapのDropdownメニューをよりリッチにすることができる「Bootstrap-dropselect」通常のドロップダ...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F2b35e484ef740f39bf83153318b31859.png&w=80&h=80&pool=1)
jQuery select-multiple複数選択が出来るBootstrapなサイトで使えそうなselectボックス実装「jQuery select-multiple」。次のような複...(続きを読む)
2015年07月14日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F1062b0e19408cb3ab180beb00c52e419.png&w=80&h=80&pool=1)
Material Design LiteWEB上でのマテリアルデザイン実装フレームワーク「Material Design Lite」最近この辺が結構熱くて、色々なマ...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F49f8fef704d595e70e1cc239aff879ff.png&w=80&h=80&pool=1)
jquery.devicemock.jsdivやimageをiPhoneやタブレット、ノートPCの枠内にはめ込み合成できる「devicemock.js」画像編集ツールをつか...(続きを読む)
2015年07月13日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Fd4afc3280be119e0841896eb0bc12b0e.png&w=80&h=80&pool=1)
Shadowtextマウス位置によって移動するテキストシャドウを実装できる「Shadowtext」マウス位置を光源として移動させ、影...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F1646ef755435e5fdf0f6d9f91a94f345.png&w=80&h=80&pool=1)
App Websites - A smart, simple website for your app | LaunchKitアプリ用のモダンなWEBサイトをAppStore等からサクッと作れちゃう「LaunchKi...(続きを読む)
2015年07月10日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F57a5403a481c33bcaa1bc9833111f861.png&w=80&h=80&pool=1)
jStepper - A jQuery plugin by EmKay上下キー、マウスホイールで数値を増減させられる「jStepper」最大値、最小値の指定もできま...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F0367cd87166079fc62c58f55cb5f0182.png&w=80&h=80&pool=1)
tabtab.js - jquery animated tabs pluginアニメーション切り替えがカッコイイタブUI実装jQueryプラグイン「tabtab.js」アニメーショ...(続きを読む)
2015年07月09日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F8469a2f751291cb0d8782e0b843564aa.png&w=80&h=80&pool=1)
Jcslider by JoanClaretCSSアニメーションを使ったレスポンシブスライダー実装「Jcslider」1JS、1KBで60以上の切り替えエフェク...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Ffbc50297e5281ac122cc0d0319c7857d.png&w=80&h=80&pool=1)
VersatilityWerks/Animated-Screenshots GitHubアプリ等のスクリーンショットをスクロールアニメーションさせるjQueryプラグイン「An...(続きを読む)
2015年07月08日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Fdc7695914efd8e0df298954fc4b02392.png&w=80&h=80&pool=1)
Starlight.js水面に水がしたたる風ビジュアルエフェクト実装「Starlight.js」1から簡単に作れそうな気もしますが、色やサ...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F6f4feb88a68f3fd124bbe666cfe514b8.png&w=80&h=80&pool=1)
Startup Launch Listスタートアップ向けに有用な記事をチェックリスト方式でまとめた「Startup Launch List」創業者、投資家、...(続きを読む)
2015年07月07日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F0f247ef3e2a0ed966a416bc9ffd782ef.png&w=80&h=80&pool=1)
jQuery Mask Plugin - A jQuery Plugin to make masks on form fields and html elements.マスクを設定して入力に制限をかけられる「jQuery Mask Plug...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F7f9fd1980048e37f4a51958cfbfbd1d7.png&w=80&h=80&pool=1)
kboucher/sticky-hooters GitHub固定フッターをスクロール位置に応じて制御できる「stickyhooters」単純にボトムにfixedで固定する...(続きを読む)
2015年07月06日
nashvail/Quttons GitHubボタンを他の要素にアニメーション付きで変形させる「Quttons」。次のようなボタンが実装できます最...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Ffeb2e61aea5acea97e010c476d23a49d.png&w=80&h=80&pool=1)
ExpandJSWEBでマテリアルデザインを実現する80以上のコンポーネントが収録された「ExpandJS」とてもリアルなマテリアルデ...(続きを読む)
2015年07月03日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F2cac192edafed00d298abe0a4e7c0ff7.png&w=80&h=80&pool=1)
ericleong/zoomwall.js GitHubレンガ状のズーム可能な画像の壁をつくれる「zoomwall.js」タイル上に並べて、画像をズームするだ...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F64b21ad11145ed57996f6625b686d539.png&w=80&h=80&pool=1)
prideify.js | Alex Peattie画像に虹色のオーバーレイエフェクトをかけられる「prideify.js」Facebookでプロフィール画像をかえる...(続きを読む)
2015年07月02日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F00eac1a8cf1fe115babe9d9e1219deda.png&w=80&h=80&pool=1)
Detecting CSS Animation and Transition End with JavaScript ? Osvaldas ValutisCSSアニメーションの終了をJSで検知してコールバックを実行で...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F68fae307642bc7d561ae0514c1754ed1.png&w=80&h=80&pool=1)
iHover次世代のCSSホバーエフェクト全部のせ「iHover」とにかくカッコイイホバーエフェクトが満タンで、カッコいいイン...(続きを読む)
2015年07月01日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Feb4ae2ed8b0a69593e1132adac1f3fcc.png&w=80&h=80&pool=1)
ALL ANIMATION CSS3要素にclassを指定できるだけでcss3アニメーションさせられる「ALL ANIMATION CSS3」。とにかく豊富なアニメー...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Fce93895dae6e8c4723ca404de9f9b058.png&w=80&h=80&pool=1)
Solid Icons | Squid Ink2000以上のユニークなGlyphアイコンセット「Solid Icons」音楽、食、ホテル、洋服、お祝い、ショッピング...(続きを読む)
« 2015年06月 | メイン | 2015年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月 |
最新のブログ記事(新着順)
- TailwindCSSなサイトで使える100以上のアニメーションエフェクト「animata」
- SVG形式のテック系企業のロゴを簡単にゲットできる「Svgl」
- 統一感のある色味を一括生成できるツール「The good colors」
- くちばしフォント【商用可】
- 小説表紙などに使えそうな商用可なフォント「になロマン」
- 筆で書いたようなカナ書体「筆竹仮名B」
- 無料・商用利用可な丸文字ピクセルフォント「マルミーニャM」
- スペースコブラ風フォント
- Next.jsのVercelから商用利用可能なフリー汎用フォント「Geist Font 」
- 無料で使えるいい感じの日本語フォント「しっぽり太ゴシック」
- 過去のエントリ