« 2014年07月 | メイン | 2014年09月 »
2014年08月29日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Ffd86d9023679a13ae9918d00547c0993.png&w=80&h=80&pool=1)
ryandrewjohnson/jquery-fblogin GitHubFacebookログインをJSで行える「jquery-fblogin」次のようなコードでJSでログインでき、成功・失...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F3e19c8b484285efa34f120bd6f4fcc38.png&w=80&h=80&pool=1)
pazguille/horwheel GitHubマウスホイールで横スクロールできるようにするjQueryプラグイン「horwheel」。Windows8のメニューっぽ...(続きを読む)
2014年08月28日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F66942e95920feda722beaea339c3148b.png&w=80&h=80&pool=1)
nanoScroller.jsiOSのスクロールバーっぽい物を通常のWEBでも実現できる「nanoScroller.js」。スクロール中はサイドに控えめに...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F141aee55b7ee855babcaecdad9e10860.png&w=80&h=80&pool=1)
rmmoul/jquery-opacity-by-mouse-location GitHubマウス位置によって透明度を変化させ一眼レフ写真風効果を作れる「jquery-opacity-by-mou...(続きを読む)
2014年08月27日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F5275c615e93f1037b2cbad6c8309d3f5.png&w=80&h=80&pool=1)
a11yTree jQuery tree pluginキーボードでも操作できるツリービュー実装jQueryプラグイン「a11yTree」次のようなシンプルデザイ...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F9324ceb43ceed6638d315bdd54c2b84d.png&w=80&h=80&pool=1)
midnightviking/textsive GitHubエレメント内にテキストをレスポンシブに埋め込められる「textsive」画面サイズをかえても画面...(続きを読む)
2014年08月26日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Fb00b58a1eba779b679e09be3ca3998e1.png&w=80&h=80&pool=1)
Rebox - jQuery or Zepto tiny small simple responsive lightboxレスポンシブで軽量なLightBox実装「Rebox」画像のズームとギャラリー機能...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Fe8fba230d1c014af63765de01128ecbe.png&w=80&h=80&pool=1)
jQuery.sheet - The Ajax Spreadsheetグラフも描けるスプレッドシート作成jQueryプラグイン「jQuery.sheet」超多機能でデータをAjaxで...(続きを読む)
2014年08月25日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F83468d68b5f81ea3674d132077938f28.png&w=80&h=80&pool=1)
Frame: Awesome Product Shotsスマホやタブレット他AppleのPCに自分のプロダクト画像をはめ込める「Frame」プロダクトを実際の写...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F80fcaaf1c5624c38f96cd04c554d6cc8.png&w=80&h=80&pool=1)
PatternBoltSVGベースのお洒落なパターン画像を生成できる「PatternBolt」ブラウザ上でパターン、サイズ、カラーを設定して...(続きを読む)
2014年08月22日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F7ea4d239244eb0020f592993d6ce7dae.png&w=80&h=80&pool=1)
Pexels Find Free High Quality Photosブログやサイトで使えるCC0の高品質&高解像度写真が検索できる「Pexels」。5760 x 3840 (8.9MB) ...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F3a5b8eb75558da5017ee53409e0cf0a8.png&w=80&h=80&pool=1)
heatmap.js Examplesヒートマップが簡単に描画できるライブラリ「heatmap.js」。よくクリックされる位置等の計測に使われる...(続きを読む)
2014年08月21日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Faf13d8e4d5fe71d5ec3dfca46f84d395.png&w=80&h=80&pool=1)
morris821028/jquery-hex-gallery GitHub蜂の巣風の変わったギャラリーが作れる「jquery-hex-gallery」次のようなちょっとかわったギ...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F77adae3ccde6f3e72c63698a108272f9.png&w=80&h=80&pool=1)
Block Scrollレスポンシブなフルスクリーンでスクロールするページが作れる「brock scroll」。divでくくればスライドのよう...(続きを読む)
2014年08月20日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F219c12e4da11e8e2c62943dad9e473b0.png&w=80&h=80&pool=1)
liabru/jquery-match-height GitHubブロック要素の高さをレスポンシブに揃えられる「jquery-match-height」以下のように、高さの異な...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F812fd5aaf8b42b64d8e4985256f1990d.png&w=80&h=80&pool=1)
Autocomplete-Table by vyasraoオートコンプリートにテーブルを使える「Autocomplete-Table」次のように、オートコンプリートのポ...(続きを読む)
2014年08月19日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F89f80296636443918b4b146f3ffc8c4d.png&w=80&h=80&pool=1)
Passwordless - A node.js/express module for token-based loginsパスワードレスなログインを実現可能にするnpmモジュール「Passwordless」...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Fde5a9a39422c3fb33989e6298a4b3793.png&w=80&h=80&pool=1)
Gridmanager Demos複雑なレイアウトをブラウザ上でWYSIWYGで組み立てられる「Gridmanager」。次のようにカラムごとにツールを...(続きを読む)
2014年08月18日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F4f65e88d9926ac3148c2d5eb12012234.png&w=80&h=80&pool=1)
HTML5モバイルアプリをもっと速く、もっと美しく | Onsen UIHTML5でモバイルアプリ作成時に使えるUIフレームワーク「Onsen UI...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F365d54a2554e93d8e2ac39dc3d089bd5.png&w=80&h=80&pool=1)
PrettyEmbed.js Demo - CodePenYoutube動画はカッコよく埋め込もう「PrettyEmbed.js」。通常埋め込むと動画コントローラーやラベル...(続きを読む)
2014年08月12日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F0999c2d5a8adbab28d7e60c960974d77.png&w=80&h=80&pool=1)
shCircleLoader jQuery plugin - SunHater Projectsスクリプトで滑らかに動かすローディングアニメーション実装jQueryプラグイン「shCi...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F47a4805cdc724a9f083dccdc4b2a570d.png&w=80&h=80&pool=1)
jQuery Video Lightning by musocrat動画をクールにモーダル化してハイライトできるjQueryプラグイン「Video Lightning」Youtube等の動...(続きを読む)
2014年08月11日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F08ea2cf9920ce3fb027f0a8df9e435fe.png&w=80&h=80&pool=1)
NathanRutzky/jQuery.fontFlex GitHubjQuery.fontFlexスクリーンサイズに応じてフォントサイズを変更できるjQueryプラグイン「fontFlex」...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F74e821fb0c0f517911a5f734da56d3bc.png&w=80&h=80&pool=1)
Pagekitモダンで多機能な新しいPHP製CMS「Pagekit」デザインがフラットで、ブログが書けたり、Markdownに対応していたり、レ...(続きを読む)
2014年08月08日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Fa6b0f30c959f8fe0fbb81c5c0d66e3fc.png&w=80&h=80&pool=1)
A Pen by Miguelブロック要素を弾ませる感じでフェードインさせるエフェクトデモ。それぞれの要素が独立してアニメーシ...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F13e88bc460a93e979759d264e17d9d89.png&w=80&h=80&pool=1)
seancoyne/pano GitHub360度のパノラマイメージをストリートビュー風に動かせるようにするjQueryプラグイン「pano」。一枚の360...(続きを読む)
2014年08月07日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F736310928c81d60eb3e101e243c5336a.png&w=80&h=80&pool=1)
Fullscreen Form Interface | Codrops入力の心理負荷が低そうなフルスクリーンフォーム実装デモ「Fullscreen Form Interface」フォーム...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Fde92294cfe1253029c3870d6d91890b6.png&w=80&h=80&pool=1)
Vide - easy as hell jQuery plugin for video backgrounds動画をフルスクリーン背景にすることができるjQueryプラグイン「Vide」。Youtube...(続きを読む)
2014年08月06日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Ff73686e3c773908d1cc3ba6160a34fe8.png&w=80&h=80&pool=1)
eduardomb/scroll-up-bar GitHubスクロールを上に移動でバー表示ができるjQueryプラグイン「scroll-up-bar」スマホ等では画面が小さ...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F39ab60cdea87616b409e36a88bcd64d9.png&w=80&h=80&pool=1)
Responsive TabsBootstrapなサイトでレスポンシブなタブナビゲーションを実現する「Responsive Tabs」タブが横に広がっても、最...(続きを読む)
2014年08月05日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Fd2ebf709fda5f5b846b9dcebae6f1332.png&w=80&h=80&pool=1)
dachcom-digital/jquery-video GitHubYoutube,Vimeo,Dailymotion等の動画APIを共通化できる「jquery-video」Youtube,Vimeo等ではサイト上に動画を...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F0b1d9efc6e5904f1c6370305d02344e8.png&w=80&h=80&pool=1)
Yuna Portnoyエレメントに手書きでマークを付けられるJS「traceit.js」。次のようにエレメントの特定部分を丸でアニメーシ...(続きを読む)
2014年08月04日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F68944913550aa61f69bcb61c2e1d287b.png&w=80&h=80&pool=1)
Ocrad.js - Optical Character Recognition in JavascriptJSでCanvasに描いた文字等をOCRできる「Ocrad.js」。次のようにphpと文字を描いてみ...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F2c4d5e3e89503ad748e5b4ff4bcad875.png&w=80&h=80&pool=1)
ChromeでiPhone5やNexus5等にEmulateできる機能が便利です。個人的にFireMobileSimulatorを使っていましたが、Webkitなため再現度も...(続きを読む)
2014年08月01日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F6c4b39bb3c5a6c5feee51b55d00b5e07.png&w=80&h=80&pool=1)
jeffreyqua/TouchZoom GitHub demo画像をタッチで円形ズームを可能にするjQueryプラグイン「TouchZoom」次のようにタッチ・クリ...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Ffa9a0c2292e3e35407dd953a1ddc25c8.png&w=80&h=80&pool=1)
Decad/chrometabs GitHubChromeのタブっぽいUIをブラウザ上で実現する「ChromeTabs」次のようなChrome風のタブをブラウザ上で実装...(続きを読む)
« 2014年07月 | メイン | 2014年09月 »
過去の記事
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 」
- 無料で使えるいい感じの日本語フォント「しっぽり太ゴシック」
- 過去のエントリ