« 2015年10月 | メイン | 2015年12月 »
2015年11月30日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F9ee1232ec88f679c5166c2d626d31573.png&w=80&h=80&pool=1)
StephenWidom/centerr GitHub親要素の縦横中央に内容を寄せられる「centerr」簡単なコードでページをリサイズしても常に親要素...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F494714de77c0e3c2b6b2f3fdc74f5693.png&w=80&h=80&pool=1)
Croppie - a simple javascript image cropper - FoliotekJSベースで円形等にも画像を切り抜きできる「Croppie」円形で指定画像の一部分...(続きを読む)
2015年11月27日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F3279aa954fff638615a46f32954bd56c.png&w=80&h=80&pool=1)
Fly綺麗なデザインのポップアップ、ポップオーバーが実装できる「Fly」次のようなポップアップを表示させることがで...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F64a2ae3e727a63fca166e7b4d04b2d7c.png&w=80&h=80&pool=1)
Stretchy Navigation in CSS and jQuery | CodyHouseこれは新しい、クールなナビゲーション・メニュー実装デモ。メニューアイコンを...(続きを読む)
2015年11月26日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F85cee9e32567947ba6c50c9bd900601b.png&w=80&h=80&pool=1)
Blueprint: Multi-Level Menu | Codropsモバイル対応でクールにアニメーションする複数階層メニュー実装デモなかなかクールなア...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F38ebefa85d0fe3c079ed6d09e85a9ddc.png&w=80&h=80&pool=1)
williamngan/pt GitHubJSでデータのビジュアリゼーション機能が豊富に詰まった「Pt.js」マウスに応じてインタラクティブに動...(続きを読む)
2015年11月25日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F83b94eb6414f7a3e574d6eed2c13f970.png&w=80&h=80&pool=1)
regaloeb/regal.parallax GitHub | demoクールなパララックスエフェクトを作成できるjQueryプラグイン。プラグイン説明ページ...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Fd11f6dc0aa60c1314147259b1eb4cc66.png&w=80&h=80&pool=1)
Animating an SVG Menu Icon with Segment | CodropsメニューアイコンがSVGで超カッコよくアニメーションするメニュー実装デモSVGを使...(続きを読む)
2015年11月24日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F7ba6682a15db44a4c028c979dce7f6a9.png&w=80&h=80&pool=1)
Lobianijs - Responsive jQuery messagebox and notification plugin available for commercial and non-commercial usagesメッセージボックスや通知ダイア...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F5031251c92d998a2db7220dfabc4d96b.png&w=80&h=80&pool=1)
Filter Blend - CSS blend modes and filters playgroundCSSで2枚の画像をPhotoshopばりにブレンドして遊べる「Filter Blend」CSS3のbackground-bl...(続きを読む)
2015年11月23日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F7d59d6bf398aceb077243672de63bd5b.png&w=80&h=80&pool=1)
Twitter Heart Button CSS3 AnimationTwitterのハートボタンのCSS3アニメーションの再現チュートリアル先日変更されたTwitterのハー...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F88c01db75d0f9e19ea666b5287ac97e1.png&w=80&h=80&pool=1)
FontBase ? a blazing fast, beautiful and free font manager for Windows.デザイナー必携。フォント管理時に役立つ、最新のフォント管理...(続きを読む)
2015年11月20日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Ff40961f424e51e6d847ee6e441c00c98.png&w=80&h=80&pool=1)
Interactive Room Display | Codrops立体的なお部屋にアイテムを並べて購入できるUIデモ。単にアイテムを並べるだけでなく実際...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Fb502ee35c340237964023ec0e6033bb6.png&w=80&h=80&pool=1)
jQuery.editableフォームのインライン編集を簡単に出来る「jQuery.editable」。クリック、ダブルクリックやホールド等のアク...(続きを読む)
2015年11月19日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F9ea8fe00ebcb1b7d0b446502a9283c29.png&w=80&h=80&pool=1)
andchir/jquery-video-extend GitHubHTML5動画プレイヤーを拡張させられる「jquery-video-extend」。動画にロゴを入れたり、動画の位置...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F970816abe45463528cd9ce4b2ad8b091.png&w=80&h=80&pool=1)
balajmarius/Adi.js GitHubアドブロック判別用jQueryプラグイン「Adi.js」ブロック時にモーダルで警告を表示できます関連エント...(続きを読む)
2015年11月18日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F92c7d973d714186670c583a2f26b9656.png&w=80&h=80&pool=1)
Quttonsボタンを直接モーダルダイアログにアニメーション変形させるUI実装ができる「Quttons」Material Design の1つですが...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F2917dfa696e15db4a65c36bcfed77e5f.png&w=80&h=80&pool=1)
Kouta-web/jQuery.BackgroundScroll.js GitHub自動でCSS背景画像をスクロールさせるjQueryプラグイン「jQuery.BackgroundScroll.js」複数の画...(続きを読む)
2015年11月17日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Faa7502e795f2506320a03fa242c46ae6.png&w=80&h=80&pool=1)
fermads/visualkeys GitHubWEBサイトへのショートカットキー機能とそのヘルプ実装が一括で可能な「visualkeys」単にショートカ...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F4b0845dcd273785499d1f84e539cb158.png&w=80&h=80&pool=1)
auxiliary/rpage GitHubBootstrapでのPaginationのUIをレスポンシブ化する「rpage」ページ幅と共に、PaginationのUIを拡大・縮小させら...(続きを読む)
2015年11月16日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Fc6349ab8084576bf3f4a7a0a33debb9b.png&w=80&h=80&pool=1)
quietflow.js Demo背景に複数種類のビジュアルエフェクトを設定できるjQueryプラグイン「quietflow.js」特徴的な動くビジュア...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F4d87db288d726d0f37851b229aaffd12.png&w=80&h=80&pool=1)
CropperWEB上での画像の切り取りの決定版jQueryプラグイン「Cropper」。かなり多機能でインタフェースもシンプルかつ美し...(続きを読む)
2015年11月13日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F84974ee2d25d8cfbc89c1c5ef57304ae.png&w=80&h=80&pool=1)
bartholomej/material-scrolltop GitHubマテリアルデザインのスクロールトップに移動するボタンを実装できる「material-scrolltop」ス...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Fdb836eed6fc3c7240eb9856c46835c99.png&w=80&h=80&pool=1)
blakedotvegas/vidbg GitHubHTML5動画を背景にできるjQueryプラグイン「vidbg.js」背景に動画をつかっているサイトはよく見かける...(続きを読む)
2015年11月12日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F4dfe64a95c89525b0a61d6555dc64ab3.png&w=80&h=80&pool=1)
nuContextMenuクールな独自の右クリックコンテクストメニューを実装できるjQueryプラグイン「nuContextMenu」次のようにカッ...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Fe517f2874bbb7337408d57f9db1580eb.png&w=80&h=80&pool=1)
img2css画像をピュアCSSに変換できるWEBツール「img2css」画像をブラウザ上にドラッグ&ドロップでサクッとCSSコードに変...(続きを読む)
2015年11月11日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Fb15e3b79d6db46f0f5076e9ae6da5851.png&w=80&h=80&pool=1)
Tabella js横に長いテーブルもレスポンシブに使えるようにする「Tabella js」。横長テーブルを一定の幅に調整し、スクロ...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Fbb8ccf80667224fa9e3d229f736b7c4e.png&w=80&h=80&pool=1)
Material Design swipe to refreshマテリアルデザインのPullして更新をWEB上で実現できるjQueryプラグインアプリでお馴染みのUIを...(続きを読む)
2015年11月10日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F89be637fad2edbb61c932dc84292ed62.png&w=80&h=80&pool=1)
RobertoPrevato/jQuery-KingTable GitHubテーブルのソート・フィルタ機能等、超多機能テーブルに変形させられる「jQuery-KingTable」...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F578d2a8df77881568267fb67ddeec426.png&w=80&h=80&pool=1)
Stretchy: Form element autosizing, the way it should be.内容に応じて自動リサイズするフォーム要素がつくれる「Stretchy」textareaの他...(続きを読む)
2015年11月09日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F41b85e9f604d7d99cbcfa7a45e421d22.png&w=80&h=80&pool=1)
CSS Animated Intro Section | CodyHouseCSSアニメーションでページの表示時に要素を小気味よく動かすデモ集。ページ切替時のア...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F37dec211e978048282e5535a5b8838de.png&w=80&h=80&pool=1)
Effect Ideas for Card Stacks | Codrops積み重なったカードをめくるアニメーションのアイデア集カードをめくる風UIを作る際に使...(続きを読む)
2015年11月06日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Fadd13c91e60952706f2ded64b560322e.png&w=80&h=80&pool=1)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F88ca3583552450d17d58d656ae9e6953.png&w=80&h=80&pool=1)
TypeIt | A jQuery Typing Plugin文字のタイピングアニメーション実装jQueryプラグイン「TypeIt」タイピングスピード等の挙動を細...(続きを読む)
2015年11月05日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F06ed982308480f25a4db8110088a2c0e.png&w=80&h=80&pool=1)
DigitalWrite jquery plugin exampleアニメーションするデジタル文字を描画できる「DigitalWrite」一昔前のデジタル文字盤に表示さ...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F19edc3256a648fcc2e214bc97184850e.png&w=80&h=80&pool=1)
30 CSS Hover Effects For Buttons | Simbyone.comCSSホバーエフェクトの30のネタ帳あまり見たことのないようなホバーエフェクトが3...(続きを読む)
2015年11月04日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F62adfbcc992ee1ecb187641a69c67914.png&w=80&h=80&pool=1)
ahmad-sa3d/rcswitcher GitHubリッチなON/OFFスイッチUIを実装できる「rcswitcher」次のようなスマホ風のON/OFFスイッチがWEBでも実装...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Fc05436cd1583688bcb75c87f9255b15a.png&w=80&h=80&pool=1)
Mobile “Pull to Share” Interaction Experiment | CodropsPull to Refresh風にPullしてシェアできるUI実装チュートリアル。画面上部...(続きを読む)
2015年11月02日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F863450a680687958332738cf146327ae.png&w=80&h=80&pool=1)
Project Cards Template in CSS and jQuery | CodyHouseカードを重ねたようなクールなプートフォリオ作成テンプレ。カードをクリック...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F73a3048c31a2c7f2204990f79dbcc12b.png&w=80&h=80&pool=1)
jQuery Splitter Demodivによるブロックを分割してデスクトップアプリ風にリサイズできるようにする「jQuery Splitter」境界を...(続きを読む)
« 2015年10月 | メイン | 2015年12月 »
過去の記事
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 」
- 無料で使えるいい感じの日本語フォント「しっぽり太ゴシック」
- 過去のエントリ