« 2015年03月 | メイン | 2015年05月 »
2015年04月30日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F87f4057e9a289efd6c567bb040fb54cb.png&w=80&h=80&pool=1)
Interactive Drag and Drop Coloring Concept | Codrops画面要素のカラーリングをドラッグ&ドロップで行うコンセプトUI。画面左サイ...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Fef592bec75ff155498cc326895694b4c.png&w=80&h=80&pool=1)
CircularLoader.js | Easy jQuery Pluginsフラットデザインがいい感じの円形ローダー実装jQueryプラグイン「CircularLoader.js」次のよ...(続きを読む)
2015年04月28日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F7fef7aa68e77cd84cf8b9772a4d52cb2.png&w=80&h=80&pool=1)
Jquery.exlink by YupItsZac外部サイトへの移動やファイルを開く際に警告を簡単に出せる「Jquery.exlink」他のサイトに移動する...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F2babbd07545ed956d868da33df0b4060.png&w=80&h=80&pool=1)
Dragscroll demo大きな写真をドラッグ&ドロップでスクロールできるようにする「Dragscroll」タッチ端末で行うような動作を...(続きを読む)
2015年04月27日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Fcbf222b0f5708820ed916377938067e8.png&w=80&h=80&pool=1)
Markdownify by tibastralMarkdown記法そのままでWYSIWYGできるエディタ実装jQueryプラグイン「Markdownify」次のようにmarkdownをそのま...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F524652733be5aa282ac0801a026c6377.png&w=80&h=80&pool=1)
Flat Apple Devices MockupApple製品のフラットで美しい端末モックアップセット。UIがフラットに移行しているなか、スクリー...(続きを読む)
2015年04月24日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Fc8bb1960bbf416e5ab2152681d1aea0e.png&w=80&h=80&pool=1)
jQuery Prompt21より高機能なJavascriptのPromtを実装できる「jQuery Prompt21」。標準のpromptは1行を入力するのみという味気ない...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Fe33501da5fb3d4473eafeb451600e3ef.png&w=80&h=80&pool=1)
ViewerJS HomePDF、ODTのドキュメントをSlideshare風にサイト内に埋め込める「ViewerJS」。次のようなビューアをサイト内に埋め...(続きを読む)
2015年04月23日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Faecaea69e6bb7eff47fcf9f417e71951.png&w=80&h=80&pool=1)
Nex - Api Documentationオシャレなフルスクリーンスライダーが作れるjQueryプラグイン「Nex」フルスクリーンにすることで大...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F2dd018f631d65674fb49b12ea90efb0c.png&w=80&h=80&pool=1)
jQuery responsive mousehover zoom画像のズーム&360度回転でプロダクト等をWEB上で可能な限り分かりやすくできるjQueryプラグイ...(続きを読む)
2015年04月22日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F7753873825b8bb597251d261c9848765.png&w=80&h=80&pool=1)
autoresize-textarea - A jQuery (optional) plugin can automatically resize the textarea's heighttextareaを入力値によってリサイズできるシン...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F67c297f992387b3bb73d291e2ea62c90.png&w=80&h=80&pool=1)
Embed.js | Plugin to convert text into image-based emoticons,supports automatic embedding for media URLサイト内テキストの絵文字、動画、PDF、ソ...(続きを読む)
2015年04月21日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Fb40e181f1b7f5cdb8d5d7ae7b5f18ea4.png&w=80&h=80&pool=1)
Jquery image player | UIPlayGround画像を並べて動画プレイヤーで動画っぽく表示できる「Jquery image player」。画像を並べるとい...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F626e4b59ff16519e71a27f4cf0452e9a.png&w=80&h=80&pool=1)
beep.jsWebAudioを使ったブラウザベースのシンセサイザー実装「beep.js」ブラウザ上で演奏できるUIが作れます。iOSでも試し...(続きを読む)
2015年04月20日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F4a19c992858d558096cc027e16aea279.png&w=80&h=80&pool=1)
menuFlip ? jQuery Plugin for Flipping Navigationホバーするとフリップするナビゲーションメニューが実装できる「menuFlip」カーソ...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Fc343190cc198052bafd4103e58c6b412.png&w=80&h=80&pool=1)
3D Bold Navigation in CSS and jQuery | CodyHouseCSS&jQueryで作るパネル型の3Dナビゲーション作成サンプル。ページの右端等で表示...(続きを読む)
2015年04月17日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F3292256c1511ad572939779e0f4d65e8.png&w=80&h=80&pool=1)
SquireHTML5ベースのWYSIWYGエディタ「Squire」フラットでシンプルなデザインのWYSIWYGが実装できます。スマホでも動作。関連...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F72287b7a99f3b078e766aa7629e86313.png&w=80&h=80&pool=1)
AgeCheck.jsJSモーダルで年齢チェックができるようにする「AgeCheck.js」年齢確認するまで他の操作を行えないように出来ま...(続きを読む)
2015年04月16日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F70999157984ed2461b0713f11f1de7b2.png&w=80&h=80&pool=1)
Cachet HQ - The open source status page system自鯖で自分のステータスをタイムライン表示できるOSS「Cachet HQ」Twitter、Facebookのよう...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F18f7dcd725279a1cfda31d46d24aa996.png&w=80&h=80&pool=1)
jakerella/jquerySimplePassMeter GitHubパスワードの安全性チェックをサクッと実装できる「jquerySimplePassMeter」最近は多くのサイ...(続きを読む)
2015年04月15日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F6b57d9483b55d89347dd388c5f75b462.png&w=80&h=80&pool=1)
Free stock videos ? Pexels Videos商用利用無料の動画配布サイト「Pexels Videos」。ブロックの背景等に設定するとオシャレ感があ...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F260b2e970b5cd0ee2d5b7257655d66e2.png&w=80&h=80&pool=1)
ivoviz/feedback GitHub画面のスクリーンキャプチャと共に運営に問題を簡単送信できるようにする「feedback」。単なる不具合...(続きを読む)
2015年04月14日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F39323388bd691754024f66dfeae541d2.png&w=80&h=80&pool=1)
rainyday.js画像に雨の日のエフェクトをつけられる「rainyday.js」普通の画像をCanvasで曇らせて水滴を付けてアニメーション...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F92c7035a3bd0957bdcb7287a0f93873e.png&w=80&h=80&pool=1)
waitMeCSSで14種のローディングアニメーションが実現できる「waitMe」。次のようにフォーム送信時等にアニメーションを14...(続きを読む)
2015年04月13日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Fe4c47266fee6fa98d0f32e32cb6677e1.png&w=80&h=80&pool=1)
Motion Blur Effect with SVG | CodropsスライドショーにSVGでモーションブラーをかけてかっこ良くするデモ。Flashなどではよく使...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F0f0326d70bcf4a276cbb5c2a5f05134f.png&w=80&h=80&pool=1)
Grav - A Modern Flat-File CMS | GravモダンなUIでかっこいいサイトが作れるDB不要のCMS「Grav」設置が簡単で高速動作。markdownでコ...(続きを読む)
2015年04月10日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F600024509eb3c8f60bec41bf6362fd1b.png&w=80&h=80&pool=1)
Spectrum jQuery Plugin背景色をなめらかに変更できるjQueryプラグイン「Spectrum」微妙に変換する背景色の遷移が面白い表現を...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F6b46051962405e59de7be88d8eb1131d.png&w=80&h=80&pool=1)
Space.js ? HTML-driven narrative 3D-scrollingスクロールに応じて奥行きのある3Dアニメーション表現ができる「Space.js」スクロール...(続きを読む)
2015年04月09日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F3a4315d3e209c163687ac0efafb510ea.png&w=80&h=80&pool=1)
Animated-megadrop by djsmithmeメニューが多い場合のMegaメニューのドロップダウン実装「Animated-megadrop」選択肢が多くても大丈...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F37202d39a2ddeeefce562f0874666c47.png&w=80&h=80&pool=1)
Responsive Facebook Style Timeline Design With Twitter BootstrapFacebookスタイルのレスポンシブなタイムラインをBootstrapで実現するチュ...(続きを読む)
2015年04月08日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F25d0fe83e1e590cb7e2da511c69d961b.png&w=80&h=80&pool=1)
CSS Fixed Background Effect | CodyHouse背景とオブジェクトを連動させて面白いページエフェクトのサンプル。画面をスクロール...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F9e1b7a0d13b7e813c92b5c9a4183789d.png&w=80&h=80&pool=1)
Gerardo Larios - Web Developer and DesignerアニメーションするPOPなデザインのプログレスバー実装jQueryプラグイン「jQMeter」次の...(続きを読む)
2015年04月07日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Feb128955a3bd85f84c44df56fb23fce2.png&w=80&h=80&pool=1)
jquery.confirm確認ダイアログ(window.confirm)の実装をクロスブラウザで統一できる「jquery.confirm」次のようなChromeぽいモー...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F29c779b4495500405009255acb1c9ad0.png&w=80&h=80&pool=1)
Gerardo Larios - Web Developer and DesignerFacebookのアルバム画像をサイトに埋め込む際に便利な「fbPhotoStream」jQueryプラグイン形式...(続きを読む)
2015年04月06日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F7397312cde8cb882d51aa6bbe841c880.png&w=80&h=80&pool=1)
svg.connectable.jsSVGなオブジェクトを線で接続できる「svg.connectable.js」要素を接続するだけでなくドラッグ&ドロップで動...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2Fcda11244fecc8ddf7cbbece1c26c86b3.png&w=80&h=80&pool=1)
Prism Effect Slider with Canvas | Codropsプリズムによって画像を屈折させつつ美しくスライドさせるスライダー実装。Canvasを使...(続きを読む)
2015年04月03日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F806538e5fe6b9289f6d59d0897b060e2.png&w=80&h=80&pool=1)
jQueryTween - Lightest Tweening Engine for jQuery軽量&多機能なアニメーションエンジン「jQueryTween」ハードウェアアクセラレーシ...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F681adfc481e875aaf29b536643715075.png&w=80&h=80&pool=1)
pgraci/itunes-search GitHubiTunes検索+試聴機能を自前サーバで実現できるOSS「iTunes Search」BootstrapベースでかっこいいiTunes検索...(続きを読む)
2015年04月02日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F6d28d39c7f16f41eaf93bb6d50c10323.png&w=80&h=80&pool=1)
Dom-Animator.jsdomインスペクタ内でASCIIテキストアニメーションするシュールなJS「Dom-Animator.js」開発者には受けるかもしれ...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F2fab9e84b71d3b865cf7c362cdc082d9.png&w=80&h=80&pool=1)
Product Preview Slider in CSS and jQuery | CodyHouse製品プレビュー用のクールなスライダー実装デモ&サンプルECサイトなどで...(続きを読む)
2015年04月01日
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F4a3cbba3d3a6ea9e5e13cb56c48c2dc1.png&w=80&h=80&pool=1)
Eco-Scroll.jsGoogleマップ風に画像を複数ならべてギャラリー風にできる「Eco-Scroll.js」。Googleマップは複数の画像をしきつ...(続きを読む)
![](/blog/iproxy/?src=http%3A%2F%2Fphpspot.net%2Fphp%2Fwebimager%2Fadmin3%2Fdata%2F6be7abeee8f1d6507c178fe1c6d28c8c.png&w=80&h=80&pool=1)
dejanstojanovic/Facebook-Album-Browser GitHubFacebookのアルバムを自サイトにカッコよく組み込める「Facebook-Album-Browser」。FacebookにUP...(続きを読む)
« 2015年03月 | メイン | 2015年05月 »
過去の記事
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 」
- 無料で使えるいい感じの日本語フォント「しっぽり太ゴシック」
- 過去のエントリ