« 2015年01月 | メイン | 2015年03月 »
2015年02月27日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F9a02e306ed3fd179c7ef69e637db2ec2.png&w=80&h=80&pool=1)
Parallax Hero Image in CSS and jQuery | CodyHouseParallaxで写真等を立体的に表現するデモ。CSSの3D Transformを使ってパララックス効果...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F0807e43628bb8602f289281c4ce2ae12.png&w=80&h=80&pool=1)
Bootstrap-fullscreen-select | Custom select element for Mobile interfaces.selectボックスをスマホネイティブ風にフルスクリーン化する「Bo...(続きを読む)
2015年02月26日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F9e4cb4c2c425c67d441485ec954a39f1.png&w=80&h=80&pool=1)
Animatrタグの属性に値を定義するだけでアニメーションさせられる「Animatr」次のように属性を定義してアニメーション...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F7c0536274928572760ea2461d9124bf8.png&w=80&h=80&pool=1)
structured-filter Demo複雑な検索式等を入力する際に最適なUIを提供できる「structured-filter」名前が〜で、電話番号が○○、...(続きを読む)
2015年02月25日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F6312d83b45aa23d7a31461e326869a4d.png&w=80&h=80&pool=1)
useful.js: JavaScript examples, too useful not to share.タイル状、スライド状が切り替えられる画像ギャラリーが実装できる「useful.j...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F3477a6a555b180408505e45f50fef9be.png&w=80&h=80&pool=1)
Stackbox.jsBootstrapのポップアップ風デザインのモーダルを作成「Stackbox.js」次のような、Bootstrapデザインのモーダル実装が...(続きを読む)
2015年02月24日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F711477e5f720a6a432b87073e78a06f4.png&w=80&h=80&pool=1)
PWS Tabs jQuery PluginイマドキなデザインのタブUIを実装できるjQueryプラグイン「PWS Tabs」次のようなイマドキのフラットデ...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Fdf7b17a708f77e993888fdaf96cf0c72.png&w=80&h=80&pool=1)
Subtle Click Feedback Effects | CodropsCSSアニメーションによるクリックアニメーション実装チュートリアル。クリックした時の...(続きを読む)
2015年02月23日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F79114b8fa24b7da85a93a02d6a0036ef.png&w=80&h=80&pool=1)
195 Flat Flags | Best PSD Freebies195のフラットデザインの国旗アイコンセット国旗アイコンまでフラットになってきましたね。...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Fd6923f864f2338e3d575c5f09ac65ea1.png&w=80&h=80&pool=1)
tipso - A Lightweight Responsive jQuery Tooltip Plugin軽量・レスポンシブなツールチップ実装「tipso」。普通のツールチップだと画...(続きを読む)
2015年02月20日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F190519e52a3c556b025b97ac8b307a5f.png&w=80&h=80&pool=1)
Full-Screen Pushing Navigation in CSS and jQuery | CodyHouseフルスクリーンでタッチデバイスでも使いやすいナビゲーションメニュー...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F1c3f8748ce939e722d47eea934ba1759.png&w=80&h=80&pool=1)
StockSnap.io - Beautiful Free Stock Photos高解像度で著作権フリー、綺麗な写真素材がダウンロード可能な「StockSnap.io」。次のよ...(続きを読む)
2015年02月19日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F83396ddbe5eaff4cdabab5055016141e.png&w=80&h=80&pool=1)
datedropper - jQuery Dates Plugin今までにない日付入力UIが作れるjQueryプラグイン「datedropper」。カレンダーなどが一般的ですが...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F7717cadee4fd128e4c115e7ff3855639.png&w=80&h=80&pool=1)
How to Create (Animated) Text Fills | CodropsテキストをCSSやSVG等でアニメーションさせるやばいサンプル集。WEB上でFlash等を使わ...(続きを読む)
2015年02月18日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F39fdf8ee3288ebb8a99038ef71c08a1b.png&w=80&h=80&pool=1)
2000 Flat Icon Pack - Squid Ink40種類のカラーリングされたフラットアイコンセット。有料で2000のアイコンも使える。カラーリ...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Fe3cffadec5160ed4094192cd151395c2.png&w=80&h=80&pool=1)
Bootstrap-checkboxON/OFF形式のiOSっぽいチェックボックスが実装できるBootstrapプラグイン。スマホサイトでも使いやすそうで...(続きを読む)
2015年02月17日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Faa9aec0284ca9834956a8b251410bec0.png&w=80&h=80&pool=1)
MT - folderselect.js階層的なselectボックスを実装できる「folderselect.js」。Windowsのエクスプローラー風デザインで、複数選択...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Fd0cdd7e8e57db82ed4ce22168d34bac4.png&w=80&h=80&pool=1)
likethemammal/css-visualizer GitHubCSSアニメーションで音楽に視覚効果を与えられる「css-visualizer」音楽プレイヤー等でよく見る...(続きを読む)
2015年02月16日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F164b8713091028b59d38474c1581b0b4.png&w=80&h=80&pool=1)
Taucharts ? Javascript charts with a focus ondesign and flexibility.デザインと柔軟性にフォーカスしたグラフ描画ライブラリ「Taucharts...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F0823b1dbc4fd4f5cd80b2e45f36f0701.png&w=80&h=80&pool=1)
Demos - JavaScript InfoVis Toolkit様々なデータビジュアライズが可能な「JavaScript InfoVis Toolkit」デモページでは9種類のビジュ...(続きを読む)
2015年02月13日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Fe885f27c881f11f4dbb67a1ec162aff9.png&w=80&h=80&pool=1)
michelson/Dante GitHubサイト内にMediumのテキスト編集ツールを組み込める「Dante」テキスト選択時にのみツールバーが現れて...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F33dd5ba46b609d700705d144fdba1dbb.png&w=80&h=80&pool=1)
Classypicozu jQuery plugins | Class.PMPhotoshopばりの画像編集エディタをサイト上で使えるようにするjQueryプラグイン「Classypicozu...(続きを読む)
2015年02月12日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F09fa3ddb26b8f2b607c4bea43cf2bdce.png&w=80&h=80&pool=1)
Bouncy Navigation in CSS and jQuery | CodyHouseレスポンシブで使える使いやすそうなメニュー実装:CSSとjQueryで実現したデモ。画...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F234f36adbc7d1db5d12402218db1be2c.png&w=80&h=80&pool=1)
Parallax-Scroll by Aenスマホでもスムーズに動くレスポンシブ対応のパララックスエフェクト作成ライブラリ「Parallax-Scroll」...(続きを読む)
2015年02月11日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F3285ce742d8b491ddf66cae40f7523f3.png&w=80&h=80&pool=1)
rangeslider.jsタッチ端末でも動く数値入力のスライダーUI実装「rangeslider.js」。次のようなシンプルなデザインのスライダ...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F06bf4dc56758aca347f45c997404abd8.png&w=80&h=80&pool=1)
anthonyly/Scrolline.js GitHubスクロール位置がヘッダのプログレスバーで分かるようにする「Scrolline.js」。横にスクロールす...(続きを読む)
2015年02月10日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Fcc19f0701fa90987455861a36bf80e85.png&w=80&h=80&pool=1)
DemosLazyLoader実装ならお任せ!というぐらい高機能なjQueryプラグイン「Lazy Load XT」画像、動画、iframeのLazyLoadに対応させ...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F5071a446a7b32bff0904a37640919b48.png&w=80&h=80&pool=1)
Ifnot/PopConfirm GitHubBootstrapなサイトでPopupでconfirmを行える「PopConfirm」。次のようにボタンをおすとY/Nが選べる確認がポッ...(続きを読む)
2015年02月09日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F53d98d36b26510691decd249228fb148.png&w=80&h=80&pool=1)
Salvattore ? A jQuery Masonry alternative with CSS-driven configurationCSSドリブンなレンガ状レイアウト作成JSライブラリ「Salvattore」1...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F83368f1adf7f20b9e63146e476455b0d.png&w=80&h=80&pool=1)
Lazyload Imagesimage, iframeをlazyloadしてロード時の関数を指定可能な「Lazyload Images」。次のようにコードを書いて、画像が画...(続きを読む)
2015年02月06日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F39b07551ea749e806cd5258646487d5d.png&w=80&h=80&pool=1)
Babylon.jsWebGLベースのブラウザ上3Dエンジン「Babylon.js」WebGLをより便利に扱えるライブラリだと思うのですが、迫力のあ...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Fec2fe9014a81fed752cbad49f21dd503.png&w=80&h=80&pool=1)
Material Design Icons (expanded and color version)マテリアルデザインの色付きアイコン1400+「Material Design Icons」次のようないい感...(続きを読む)
2015年02月05日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F0a9e9758aa34d1509f87aa3267109000.png&w=80&h=80&pool=1)
Spotlight画像上などにスポットライトをあてた効果を作れる「Spotlight」。次のようにリアルなスポットライトをあてる表...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F7d725512ef14f26756534dfc2f40c699.png&w=80&h=80&pool=1)
intercooler.js - Simple AJAX using HTML attributesサイトのAjax化が簡単になるフレームワーク「intercooler.js」<a ic-post-to="/endpoint...(続きを読む)
2015年02月04日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F2357ecc365aaa21e28587fbbc6c30823.png&w=80&h=80&pool=1)
Story Boxページスクロールに応じて要素を様々にCSSアニメーションしつつ表示できる「Story Box」ページスクロールすると...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F557b0a1dc95b0564c97707531a31c379.png&w=80&h=80&pool=1)
Dropper Demoファイルアップロード用のDropゾーンを簡単に作れるjQueryプラグイン「Dropper」クリックやD&DでUPできる領域...(続きを読む)
2015年02月03日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Fa095570eba7536e4c6b694ba37d08f39.png&w=80&h=80&pool=1)
jQuery-Validation-Bootstrap-tooltip Demo入力値にエラーがある場合にツールチップを表示できる「jQuery-Validation-Bootstrap-tooltip」。...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F04f34ebdd309a07526ee33e5b63712cc.png&w=80&h=80&pool=1)
jQuery easySelectselectの複数選択のUIをサジェスト方式に変えるjQueryプラグイン「easySelect」。selectタグにmultiple属性を追加す...(続きを読む)
2015年02月02日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F5a6194630ea5c8b97157eabd616ffff6.png&w=80&h=80&pool=1)
Documentation - MaterializeMaterialデザインのモダンなFEフレームワーク「Materialize」Bootstrapライクに、CSSフレームワークの他、U...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F5eacbb35f05d61e2c18a3ca779cb5eb7.png&w=80&h=80&pool=1)
Matter.js - a 2D rigid body JavaScript physics engineスマホでも動作するJS製の2D物理エンジン「Matter.js」。デモではパラメータ等も...(続きを読む)
« 2015年01月 | メイン | 2015年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 」
- 無料で使えるいい感じの日本語フォント「しっぽり太ゴシック」
- 過去のエントリ