« 2015年09月 | メイン | 2015年11月 »
2015年10月30日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F4fab419a7f9d497f542f7d3d4e113809.png&w=80&h=80&pool=1)
Trix: A rich text editor for everyday writingBasecampからのオープンソースプロジェクトのWYSIWYGエディタ「Trix」シンプルで必要十分...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F78366535a6c1ad1be4e062c774b70fc7.png&w=80&h=80&pool=1)
Thousands Icons色付きのピクトグラムアイコン2000個セット「Thousands Icons」。次のような可愛らしいカラーアイコンが入手で...(続きを読む)
2015年10月29日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F118834208e5f5ddc5d98865d4112490f.png&w=80&h=80&pool=1)
jonmbake/bootstrap3-contact-form GitHubBootstrap3ベースのCaptcha付きコンタクトフォーム用OSS次のようなGoogleのreCAPTCHA付きのコンタ...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Fcaa62ae4edf6c1cf53c111560c483a2f.png&w=80&h=80&pool=1)
DataSaver - jQuery plugin for save your dataフォーム内の特定要素のlocalStorageへのバックアップを可能にする「DataSaver」。ブラウ...(続きを読む)
2015年10月28日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F19c777880ec907f21a9a1ec628886899.png&w=80&h=80&pool=1)
jonmiles/bootstrap-treeview GitHubBootstrapなサイトで階層的なツリービューを作成できるUIライブラリ「bootstrap-treeview」Bootstrap標...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F8c5026d3bc19f32a8d3a23b112595400.png&w=80&h=80&pool=1)
Animate a route between two points in Google MapsGoogleMap上での道案内をアニメーション表示することが出来るデモ2地点を指定して...(続きを読む)
2015年10月27日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Fb9459362bfc596c06c3b99ee919905f5.png&w=80&h=80&pool=1)
100 Responsive Line Icons - download free icons by PixelBuddhaレスポンシブサイズの100アイコンセット。ピクトグラムアイコンはサイ...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F4b23c258444e9b5f8f79a6584ab0613b.png&w=80&h=80&pool=1)
jonmbake/textbox-revision-tracker GitHubtextareaの変更履歴を記録していけるUIが作れる「textbox-revision-tracker」。テキストを入力し...(続きを読む)
2015年10月26日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F0730ff0c3fc904544dfba1b04d3b7699.png&w=80&h=80&pool=1)
Minigrid ? Minimal 2kb zero dependency cascading grid layout2KBで依存ライブラリなしのPinterest風UI実装「Minigrid」jQueryなど不要でお手軽...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F77bc778652d2e586199ceb628568e1ab.png&w=80&h=80&pool=1)
Horizon Swiper水平スワイプが可能なスライダー実装ができる「Horizon Swiper」7KB以下でPCでもスマホでも動くスライダーが実...(続きを読む)
2015年10月23日
jachinte/jquery.stacky GitHubパネル型の階層的で使いやすそうなUIが簡単に作れる「jquery.stacky」。次のような縦に画面を分割...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Fadc2648af1de303e7f13ed02f1a003f8.png&w=80&h=80&pool=1)
jQuery.SecretNav by Miguel Jimnez @jachinteアプリ風のリッチなサイドメニュー実装「jQuery.SecretNav」メニューを開くと既存ページ...(続きを読む)
2015年10月22日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Fc1f55175a5544e4c5c91e9654114d57f.png&w=80&h=80&pool=1)
MattermostオープンソースのSlackクローン「Mattermost」。自前でSlackみたいなものを用意したい場合に使えそうです。関連エ...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Ffbf9ce72e47d46d098b043c039e9553c.png&w=80&h=80&pool=1)
Fullscreener by vvasilev-自動伸縮するフルスクリーン背景を簡単に設定できる「Fullscreener」1枚の大きな画像をいい感じに画...(続きを読む)
2015年10月21日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F1c4063665a68969908ae56b5eb3f1db0.png&w=80&h=80&pool=1)
mebjas/jquery-shakker GitHub画像をシェイクする面白いエフェクトを簡単実装できる「jquery-shakker」オリジナル画像の上に、半...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F7ffff34a0401c0a8d84a8913f547c462.png&w=80&h=80&pool=1)
CSS Multi-Level Accordion Menu | CodyHouse多階層のレスポンシブなアコーディオンメニュー実装デモエクスプローラ風の多階層の...(続きを読む)
2015年10月20日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Fb46dcad2ea35779cb65a4c62f008cb72.png&w=80&h=80&pool=1)
ToProgress.jsブラウザトップのプログレスバーを簡単実装できる「ToProgress.js」バー表示に必要なAPIはそろっていて、シン...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Fdb23f80944a6822abacf9aff73026ef7.png&w=80&h=80&pool=1)
Quick[select] by eggboxioselectボックスでもっと高速に選択できるようにするUI実装「Quick select」通常のselectは一旦ドロップダ...(続きを読む)
2015年10月19日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Ffaad2f7c3a85d35f4097a25c7d38b6e4.png&w=80&h=80&pool=1)
SVGeezy - a JS plugin for SVG fallbacksSVG非対応ブラウザに大体画像を設定することができる「SVGeezy」サイズ変更しても画像が劣...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F4147c28fe69579a1a42ca119c7542965.png&w=80&h=80&pool=1)
Bootstrap Date Paginator - Date Paginator based on Bootstrap Paginator日付のページネーションUIを作る「Bootstrap Date Paginator」。単にカレ...(続きを読む)
2015年10月16日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F3dc2fe91ef455ed755998d389cb901b8.png&w=80&h=80&pool=1)
Simple.Timer by caike超シンプルにカウントダウンタイマーが実装できる「Simple.Timer」次のように頭をつかわずサクッと実装...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F1f58e80c1766103eb9f4a18377f4d31a.png&w=80&h=80&pool=1)
michael-lynch/scrollgress GitHubページのスクロールに応じて伸びるプログレスバーUI実装「scrollgress」縦のスクロールバーに加...(続きを読む)
2015年10月15日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Fb25378ba941a828a1ef3b300270eb328.png&w=80&h=80&pool=1)
specious/cloud9carousel GitHub奥行きのある3Dなカルーセルを実装できる「cloud9carousel」次のような奥行きのあるカルーセルを実...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Ff78c0f96e3699e9c0cd3d99e2b082397.png&w=80&h=80&pool=1)
Shaded Progress Bars: A CSS/Sass Exercise | Codropsリッチすぎる3Dローディングバー実装デモ「Shaded Progress Bars」次のように画像のよ...(続きを読む)
2015年10月14日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F8e0b79f90d841deddcf15c90930f93be.png&w=80&h=80&pool=1)
jQuery SmartSelectドロップダウンメニューにサブメニューを付けて便利にするjQueryプラグイン「SmartSelect」ドロップダウン...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Fee505b650c34e16af519459673c28f94.png&w=80&h=80&pool=1)
lukejacksonn/GreedyNav GitHub|CodePen - Greedy Navigationレスポンシブでメニューの数が分かりやすいナビを実装できる「GreedyNav」...(続きを読む)
2015年10月13日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F79d49d4696a7ff5ae125f5c5fb98c539.png&w=80&h=80&pool=1)
clipboard.js ? Copy to clipboard without FlashFlashレスでクリップボードにテキストをコピーできるようにする「clipboard.js」対応ブ...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F0f6da93e77ca3eec5eb412a4ebe53574.png&w=80&h=80&pool=1)
Dropify ?Override your input files with style.カッコ悪いinput[type=file]をモダンにしてドラッグ&ドロップ対応にする「Dropify」次の...(続きを読む)
2015年10月09日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F7e65855d7bc56f1758c27a294800719a.png&w=80&h=80&pool=1)
Paradeiserタブバー風のレスポンシブメニューを実装できる「Paradeiser」スマホサイトでのメニューはハンバーガーメニュ...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F03c098fd37947c593a1352f4c977cd72.png&w=80&h=80&pool=1)
MT - folderselect.jsWindowsフォルダ風の階層的にファイルを辿れるUIを実装できる「folderselect.js」フォルダUIの再現度が高く、...(続きを読む)
2015年10月08日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F1966edd718331e43f67a54db7dcde70d.png&w=80&h=80&pool=1)
Center.jsエレメントをボックスの中心に配置できる「Center.js」。縦横の中心にdata-center等の属性を要素に付与することで...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F9013922230ff4b0c586faa3c1aeefe66.png&w=80&h=80&pool=1)
Styling & Customizing File Inputs the Smart Way | Codropsinput[type=file]をいい感じにスタイリングするチュートリアル次のようなフ...(続きを読む)
2015年10月07日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F4f8d671b1a91311f902b87be959b100c.png&w=80&h=80&pool=1)
Lines.jsSVGを使って動的に背景に斜線をいれてクールにする「Lines.js」。毎回同じ画像ではなく、動的にSVGで描画して、シ...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F83587bd5f2e65159be19c9088fc69c78.png&w=80&h=80&pool=1)
Elastic Progress | CodropsSVG、CSSでアプリっぽいコミカルなローディングアニメーション実装「Elastic Progress」ただ、回転させ...(続きを読む)
2015年10月06日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F340c458f438182bbadc423c7cd59ca61.png&w=80&h=80&pool=1)
Responsive Sidebar Navigation in CSS and jQuery | CodyHouseCSS、jQueryでレスポンシブな高品質サイドバーナビゲーションを作成するデ...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Ff6fa7eb371bf0e153176e638df78a079.png&w=80&h=80&pool=1)
marexandre/jquery.textarea-highlighter.js GitHubtextarea内テキストをカラフルにハイライトさせられる「jquery.textarea-highlighter.js」入...(続きを読む)
2015年10月05日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Fd9d9a35649f7d634e1046c2ed37f872d.png&w=80&h=80&pool=1)
We Love SVG - Google Fonts for icons | Icons8アイコン探しの手間を最小化できる「We Love SVG」豊富なアイコンセットがWEB上で多数...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F47be71eeb2df23aee75abe68f5692f37.png&w=80&h=80&pool=1)
GetmeUK/ContentTools GitHubHTMLコンテンツ全体のWYSIWYG編集を可能にするツール「ContentTools」。ページ上の左上のペンのアイコ...(続きを読む)
2015年10月02日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F517768476f74cc62a29cc65a518619ca.png&w=80&h=80&pool=1)
html5tooltips.js - Tooltips with smooth 3D animation3D等クールなアニメーション効果付きで表示できるツールチップ実装「html5tooltips...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F129dd8afa4c105c5d1326063c44d6820.png&w=80&h=80&pool=1)
MT - schedulerjs人員のスケジュールを並べてタイムライン表示できる「schedulerjs」次のような、横スライド型のタイムチャ...(続きを読む)
2015年10月01日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Fd4c1fa53b9ee35418b22eebbe3de4819.png&w=80&h=80&pool=1)
The HTML 5 Mega Cheat Sheet - Make A Website HubHTML5での追加・廃止タグ・ブラウザサポート等が一目で分かる「The HTML 5 Mega Cheat Shee...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F0dc91a75ad6ed329d33fceea6027aeb1.png&w=80&h=80&pool=1)
mizansyed/wdImageStax GitHub demo写真をテーブル上に重ねて置いたようなUIを作ることができる「wdImageStax」。次のような感...(続きを読む)
« 2015年09月 | メイン | 2015年11月 »
過去の記事
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 」
- 無料で使えるいい感じの日本語フォント「しっぽり太ゴシック」
- 過去のエントリ