https://b.hatena.ne.jp/uch/javascript/ javascriptに関するuchのはてなブックマーク (140) https://www.webprofessional.jp/anatomy-of-a-modern-javascript-application/ uch 2017-06-17T01:47:58Z javascript *web制作 <blockquote cite="https://www.webprofessional.jp/anatomy-of-a-modern-javascript-application/" title="ASCII.jp － Web Professional（ウェブ・プロフェッショナル）｜デザインからマーケティングまで、Webを仕事にする人の情報サイト"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.webprofessional.jp%2Fanatomy-of-a-modern-javascript-application%2F" alt="" /> <a href="https://www.webprofessional.jp/anatomy-of-a-modern-javascript-application/">ASCII.jp － Web Professional（ウェブ・プロフェッショナル）｜デザインからマーケティングまで、Webを仕事にする人の情報サイト</a></cite><p><a href="https://www.webprofessional.jp/anatomy-of-a-modern-javascript-application/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/40615189c75704c213829eda0fda97db56821f4d/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.webprofessional.jp%2Fwp-content%2Fuploads%2Fsites%2F2%2F2017%2F06%2F14221823%2F0614-2.jpg" alt="ASCII.jp － Web Professional（ウェブ・プロフェッショナル）｜デザインからマーケティングまで、Webを仕事にする人の情報サイト" title="ASCII.jp － Web Professional（ウェブ・プロフェッショナル）｜デザインからマーケティングまで、Webを仕事にする人の情報サイト" class="entry-image" /></a></p><p>WebPro KUSANAGI Security Editionが進化！ 新機能「SafeUpgrade」でダウンタイムゼロのnginxアップデートを実現 KUSANAGI Security Editionが新機能「KUSANAGI SafeUpgrade」を導入し、nginxのメジャーバージョンアップを無停⽌で実施可能にする。 0 0 WebPro 高速CMS基盤「KUSANAGI Security Edition」がMicrosoft Azu...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.webprofessional.jp/anatomy-of-a-modern-javascript-application/"><img src="https://b.hatena.ne.jp/entry/image/https://www.webprofessional.jp/anatomy-of-a-modern-javascript-application/" alt="はてなブックマーク - ASCII.jp － Web Professional（ウェブ・プロフェッショナル）｜デザインからマーケティングまで、Webを仕事にする人の情報サイト" title="はてなブックマーク - ASCII.jp － Web Professional（ウェブ・プロフェッショナル）｜デザインからマーケティングまで、Webを仕事にする人の情報サイト" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.webprofessional.jp/anatomy-of-a-modern-javascript-application/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 1112 https://www.webcreatorbox.com/tech/ie8-flexbox uch 2016-01-05T04:20:33Z *css IE Javascript CSS3 ライブラリ <blockquote cite="https://www.webcreatorbox.com/tech/ie8-flexbox" title="IE8・9にもFlexboxを対応させる、flexibility.jsがとっても便利！"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.webcreatorbox.com%2Ftech%2Fie8-flexbox" alt="" /> <a href="https://www.webcreatorbox.com/tech/ie8-flexbox">IE8・9にもFlexboxを対応させる、flexibility.jsがとっても便利！</a></cite><p><a href="https://www.webcreatorbox.com/tech/ie8-flexbox"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/6aa8a75110cb4686d70d7ff26474606b5702be87/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwww.webcreatorbox.com%2Fwp-content%2Fuploads%2F2016%2F01%2Fthumb_flexbox.jpg" alt="IE8・9にもFlexboxを対応させる、flexibility.jsがとっても便利！" title="IE8・9にもFlexboxを対応させる、flexibility.jsがとっても便利！" class="entry-image" /></a></p><p>2016年1月5日 CSS, JavaScript 昨年からいろんなサイトで続々と実装されてきているFlexbox。従来の方法とは違い、簡単にCSSでレイアウトを組めちゃう素敵技です。しかし、Internet Explorer8や9等の古いブラウザーには対応しておらず、Flexboxを使いたくても使えない…というWeb制作者さんも少なくないはず。そんな悩みを...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.webcreatorbox.com/tech/ie8-flexbox"><img src="https://b.hatena.ne.jp/entry/image/https://www.webcreatorbox.com/tech/ie8-flexbox" alt="はてなブックマーク - IE8・9にもFlexboxを対応させる、flexibility.jsがとっても便利！" title="はてなブックマーク - IE8・9にもFlexboxを対応させる、flexibility.jsがとっても便利！" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.webcreatorbox.com/tech/ie8-flexbox"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 209 http://un-tech.jp/tweenmax-started/ uch 2015-11-25T16:31:00Z javascript ライブラリ *web制作 <blockquote cite="http://un-tech.jp/tweenmax-started/" title="Googleも推奨！アニメーションライブラリTweenMaxの使い方　入門編 — un-Tech"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fun-tech.jp%2Ftweenmax-started%2F" alt="" /> <a href="http://un-tech.jp/tweenmax-started/">Googleも推奨！アニメーションライブラリTweenMaxの使い方　入門編 — un-Tech</a></cite><p><a href="http://un-tech.jp/tweenmax-started/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/2d30103cf027625b9db6b2d0bc116d463ff76dfc/backend=imagemagick;height=90;version=1;width=120/http%3A%2F%2Fun-tech.jp%2Fwp-content%2Fuploads%2F2015%2F11%2FfVSwTG05QIaE9FN7tLQ5_IMG_11221.jpg" alt="Googleも推奨！アニメーションライブラリTweenMaxの使い方　入門編 — un-Tech" title="Googleも推奨！アニメーションライブラリTweenMaxの使い方　入門編 — un-Tech" class="entry-image" /></a></p><p>ごきげんよう。フーミンです。 「JavaScriptでアニメーション作るならTweenMaxが最強だよ」と先輩から教わり早2年。いまだ現役最強（僕の中で）JavaScriptアニメーションライブラリTweenMaxの良さを広めるために、入門編・応用編の全2回に分けてご紹介しようと思います。 TweenMaxとは TweenMaxとは、GreenSock社が開発...</p><p><a href="https://b.hatena.ne.jp/entry/un-tech.jp/tweenmax-started/"><img src="https://b.hatena.ne.jp/entry/image/http://un-tech.jp/tweenmax-started/" alt="はてなブックマーク - Googleも推奨！アニメーションライブラリTweenMaxの使い方　入門編 — un-Tech" title="はてなブックマーク - Googleも推奨！アニメーションライブラリTweenMaxの使い方　入門編 — un-Tech" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/un-tech.jp/tweenmax-started/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 722 https://qiita.com/zaru/items/7bc2910b8ca4f47721c6 uch 2015-09-25T06:51:44Z safari *css javascript ios <blockquote cite="https://qiita.com/zaru/items/7bc2910b8ca4f47721c6" title="Webプログラマから見たiOS9 Safari9のCSS/JavaScriptなどの新機能解説 - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Fzaru%2Fitems%2F7bc2910b8ca4f47721c6" alt="" /> <a href="https://qiita.com/zaru/items/7bc2910b8ca4f47721c6">Webプログラマから見たiOS9 Safari9のCSS/JavaScriptなどの新機能解説 - Qiita</a></cite><p><a href="https://qiita.com/zaru/items/7bc2910b8ca4f47721c6"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/fef809c88d7973a18f2e08595d265b7b5a71efe1/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMjE1MiUyRnByb2ZpbGUtaW1hZ2VzJTJGMTUwMTY2MTcwMj9peGxpYj1yYi00LjAuMCZhcj0xJTNBMSZmaXQ9Y3JvcCZtYXNrPWVsbGlwc2UmZm09cG5nMzImcz00MGU0NGNhYzBlNDdhMjI3MWU3YjVjZmMzZTFhYTIwMg%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D8970c1e496a136824eac7414b733390c%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9V2ViJUUzJTgzJTk3JUUzJTgzJUFEJUUzJTgyJUIwJUUzJTgzJUE5JUUzJTgzJTlFJUUzJTgxJThCJUUzJTgyJTg5JUU4JUE2JThCJUUzJTgxJTlGaU9TOSUyMFNhZmFyaTklRTMlODElQUVDU1MlMkZKYXZhU2NyaXB0JUUzJTgxJUFBJUUzJTgxJUE5JUUzJTgxJUFFJUU2JTk2JUIwJUU2JUE5JTlGJUU4JTgzJUJEJUU4JUE3JUEzJUU4JUFBJUFDJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9OGIyYWEwMWFiZmI5NzU3ZWYxMmY0NDhmYzY1ZDQ5NjI%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDB6YXJ1JnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9YTJhZThmNGUyMWJjMTZhOTc4NmY1Y2JmYzU3MTA5YWE%26blend-x%3D242%26blend-y%3D454%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26txt64%3DaW4g5qCq5byP5Lya56S-44OZ44O844K344OD44Kv%26txt-x%3D242%26txt-y%3D539%26txt-width%3D838%26txt-clip%3Dend%252Cellipsis%26txt-color%3D%25231E2121%26txt-font%3DHiragino%2520Sans%2520W6%26txt-size%3D28%26s%3D2faf4f8a5894fbbc7b32416aa71882f8" alt="Webプログラマから見たiOS9 Safari9のCSS/JavaScriptなどの新機能解説 - Qiita" title="Webプログラマから見たiOS9 Safari9のCSS/JavaScriptなどの新機能解説 - Qiita" class="entry-image" /></a></p><p>iOS9がリリースされ、iPhone6sも発売され、iOS9 Safari9で使える新機能をWebプログラマ目線で使ってみたいものをいくつか試してみました。iOSはアップデートの進捗がわりと良いので、新機能でもモバイルサイトであれば積極的に使える…はず。デスクトップ版の方は…お察しください。 ぶっちゃけ今回はそこまで目玉機能はな...</p><p><a href="https://b.hatena.ne.jp/entry/s/qiita.com/zaru/items/7bc2910b8ca4f47721c6"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/zaru/items/7bc2910b8ca4f47721c6" alt="はてなブックマーク - Webプログラマから見たiOS9 Safari9のCSS/JavaScriptなどの新機能解説 - Qiita" title="はてなブックマーク - Webプログラマから見たiOS9 Safari9のCSS/JavaScriptなどの新機能解説 - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/zaru/items/7bc2910b8ca4f47721c6"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 324 https://coliss.com/articles/build-websites/operation/javascript/javascript-best-2015-july.html uch 2015-07-23T08:48:18Z *web制作 JavaScript <blockquote cite="https://coliss.com/articles/build-websites/operation/javascript/javascript-best-2015-july.html" title="[JS]最近のWebサイトで見かける気持ちいいアニメーション、便利な仕掛けや機能を実装するスクリプトのまとめ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fjavascript%2Fjavascript-best-2015-july.html" alt="" /> <a href="https://coliss.com/articles/build-websites/operation/javascript/javascript-best-2015-july.html">[JS]最近のWebサイトで見かける気持ちいいアニメーション、便利な仕掛けや機能を実装するスクリプトのまとめ</a></cite><p><a href="https://coliss.com/articles/build-websites/operation/javascript/javascript-best-2015-july.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/9d1926212b0b5387037fb5ca1723d52714c8d652/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201502%2F2015072304.png" alt="[JS]最近のWebサイトで見かける気持ちいいアニメーション、便利な仕掛けや機能を実装するスクリプトのまとめ" title="[JS]最近のWebサイトで見かける気持ちいいアニメーション、便利な仕掛けや機能を実装するスクリプトのまとめ" class="entry-image" /></a></p><p>最近のWebサイトで見かける気持ちいいインタラクションやエフェクト、面白い仕掛けのコンテンツや便利な機能を実装できるスクリプトやjQueryのプラグインを紹介します。</p><p><a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/javascript/javascript-best-2015-july.html"><img src="https://b.hatena.ne.jp/entry/image/https://coliss.com/articles/build-websites/operation/javascript/javascript-best-2015-july.html" alt="はてなブックマーク - [JS]最近のWebサイトで見かける気持ちいいアニメーション、便利な仕掛けや機能を実装するスクリプトのまとめ" title="はてなブックマーク - [JS]最近のWebサイトで見かける気持ちいいアニメーション、便利な仕掛けや機能を実装するスクリプトのまとめ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/javascript/javascript-best-2015-july.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 563 https://qiita.com/ukiuni@github/items/5f3d8620187905aea3d4 uch 2015-04-18T02:25:14Z javascript *Tips <blockquote cite="https://qiita.com/ukiuni@github/items/5f3d8620187905aea3d4" title="JavaScriptを読んでて「なにこれ！？」と思うけれど調べられない記法8選。 - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Fukiuni%40github%2Fitems%2F5f3d8620187905aea3d4" alt="" /> <a href="https://qiita.com/ukiuni@github/items/5f3d8620187905aea3d4">JavaScriptを読んでて「なにこれ！？」と思うけれど調べられない記法8選。 - Qiita</a></cite><p><a href="https://qiita.com/ukiuni@github/items/5f3d8620187905aea3d4"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/3cffc46bad0ccfc133060d252772d81bee67e690/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMjUxNzYlMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODQyNzU_aXhsaWI9cmItNC4wLjAmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTRiNGUyZjFiMGNkMTE5Y2UzZDU5OTM5MmI0NTdmNjRl%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D4156ee40025144d5b82cb1eb01499acb%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9SmF2YVNjcmlwdCVFMyU4MiU5MiVFOCVBQSVBRCVFMyU4MiU5MyVFMyU4MSVBNyVFMyU4MSVBNiVFMyU4MCU4QyVFMyU4MSVBQSVFMyU4MSVBQiVFMyU4MSU5MyVFMyU4MiU4QyVFRiVCQyU4MSVFRiVCQyU5RiVFMyU4MCU4RCVFMyU4MSVBOCVFNiU4MCU5RCVFMyU4MSU4NiVFMyU4MSU5MSVFMyU4MiU4QyVFMyU4MSVBOSVFOCVBQSVCRiVFMyU4MSVCOSVFMyU4MiU4OSVFMyU4MiU4QyVFMyU4MSVBQSVFMyU4MSU4NCVFOCVBOCU5OCVFNiVCMyU5NTglRTklODElQjglRTMlODAlODImdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtcGFkPTAmcz0yNTdiOTg3M2Y3ZTkxNjc4N2YwNzNiMzdmY2IyNTQ4ZA%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDB1a2l1bmklNDBnaXRodWImdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtcGFkPTAmcz02YWE0NzFhNWU5Yzk5ZjQ4NjE5NTkzMjg3YzFkNzA1NA%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3Da670ec3a22f85f8503288aee04f238ad" alt="JavaScriptを読んでて「なにこれ！？」と思うけれど調べられない記法8選。 - Qiita" title="JavaScriptを読んでて「なにこれ！？」と思うけれど調べられない記法8選。 - Qiita" class="entry-image" /></a></p><p>Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?</p><p><a href="https://b.hatena.ne.jp/entry/s/qiita.com/ukiuni@github/items/5f3d8620187905aea3d4"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/ukiuni@github/items/5f3d8620187905aea3d4" alt="はてなブックマーク - JavaScriptを読んでて「なにこれ！？」と思うけれど調べられない記法8選。 - Qiita" title="はてなブックマーク - JavaScriptを読んでて「なにこれ！？」と思うけれど調べられない記法8選。 - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/ukiuni@github/items/5f3d8620187905aea3d4"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 693 https://codyhouse.co/ uch 2015-02-21T11:29:55Z *Webデザイン *css javascript ライブラリ <blockquote cite="https://codyhouse.co/" title="CodyHouse | Web Design Nuggets"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcodyhouse.co%2F" alt="" /> <a href="https://codyhouse.co/">CodyHouse | Web Design Nuggets</a></cite><p><a href="https://codyhouse.co/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/e329a50a7bb6bb3b4dac390b63de6fd0ce43b40b/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcodyhouse.co%2Fassets%2Fimg%2Fopen-graph.jpg" alt="CodyHouse | Web Design Nuggets" title="CodyHouse | Web Design Nuggets" class="entry-image" /></a></p><p>Web design made simple 404 HTML, CSS, JS components compatible with any CSS framework Browse Components</p><p><a href="https://b.hatena.ne.jp/entry/s/codyhouse.co/"><img src="https://b.hatena.ne.jp/entry/image/https://codyhouse.co/" alt="はてなブックマーク - CodyHouse | Web Design Nuggets" title="はてなブックマーク - CodyHouse | Web Design Nuggets" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/codyhouse.co/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 97 http://level0.kayac.com/2015/02/kidukitips.php uch 2015-02-13T17:03:04Z *まとめ *Tips html *css *web制作 javascript <blockquote cite="http://level0.kayac.com/2015/02/kidukitips.php" title="検索じゃ学べない！ HTML/CSS/JavaScriptの気づきTipsまとめ31こ | _level0 - KAYAC Front Engineer Blog"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Flevel0.kayac.com%2F2015%2F02%2Fkidukitips.php" alt="" /> <a href="http://level0.kayac.com/2015/02/kidukitips.php">検索じゃ学べない！ HTML/CSS/JavaScriptの気づきTipsまとめ31こ | _level0 - KAYAC Front Engineer Blog</a></cite><p><a href="http://level0.kayac.com/2015/02/kidukitips.php"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/a0b559ccddc87c383b50cb590fcd5db3bc188ee4/backend=imagemagick;height=90;version=1;width=120/http%3A%2F%2Flevel0.kayac.com%2FkidukiTIps%2Fimage.png" alt="検索じゃ学べない！ HTML/CSS/JavaScriptの気づきTipsまとめ31こ | _level0 - KAYAC Front Engineer Blog" title="検索じゃ学べない！ HTML/CSS/JavaScriptの気づきTipsまとめ31こ | _level0 - KAYAC Front Engineer Blog" class="entry-image" /></a></p><p>HTMLファイ部のほんだです。 気づきTips！ Σ(・ロ・) カヤックの中でもHTML5のWebフロントエンド実装を担当する エンジニアを集めた部署「HTMLファイ部」では、 制作にあたってはまったことや、気づいたことをメモ的に蓄積・共有しています。 通常は、 1. 制作で何かわからないことがでた ▼ 2. Google等で検索して解決の...</p><p><a href="https://b.hatena.ne.jp/entry/level0.kayac.com/2015/02/kidukitips.php"><img src="https://b.hatena.ne.jp/entry/image/http://level0.kayac.com/2015/02/kidukitips.php" alt="はてなブックマーク - 検索じゃ学べない！ HTML/CSS/JavaScriptの気づきTipsまとめ31こ | _level0 - KAYAC Front Engineer Blog" title="はてなブックマーク - 検索じゃ学べない！ HTML/CSS/JavaScriptの気づきTipsまとめ31こ | _level0 - KAYAC Front Engineer Blog" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/level0.kayac.com/2015/02/kidukitips.php"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 839 https://hail2u.net/blog/webdesign/async-csses uch 2014-08-17T11:02:22Z *css javascript <blockquote cite="https://hail2u.net/blog/webdesign/async-csses" title="CSSの非同期読み込み"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fhail2u.net%2Fblog%2Fwebdesign%2Fasync-csses" alt="" /> <a href="https://hail2u.net/blog/webdesign/async-csses">CSSの非同期読み込み</a></cite><p><a href="https://hail2u.net/blog/webdesign/async-csses"><img src="" alt="CSSの非同期読み込み" title="CSSの非同期読み込み" class="entry-image" /></a></p><p>印刷向けCSSだけじゃなく、ウェブフォントのCSSも非同期で読み込むことにした。FOUTが起こるようになるので、気になったら戻すかも。 var csses = [ { href: &#39;/styles/print.min.css&#39;, media: &#39;print&#39;; }, { href: &#39;/fonts/megrim.css&#39;; }, { href: &#39;/fonts/source-code-pro.css&#39; }, { href: &#39;/fonts/source-sans-pro.cs...</p><p><a href="https://b.hatena.ne.jp/entry/s/hail2u.net/blog/webdesign/async-csses"><img src="https://b.hatena.ne.jp/entry/image/https://hail2u.net/blog/webdesign/async-csses" alt="はてなブックマーク - CSSの非同期読み込み" title="はてなブックマーク - CSSの非同期読み込み" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/hail2u.net/blog/webdesign/async-csses"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 11 https://coliss.com/articles/build-websites/operation/javascript/js-intense-images.html uch 2014-07-08T09:34:21Z javascript ライブラリ <blockquote cite="https://coliss.com/articles/build-websites/operation/javascript/js-intense-images.html" title="[JS]Lightboxの進化形！クリックでもタップでも快適動作の画像を拡大表示させる超軽量スクリプト -Intense Images"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fjavascript%2Fjs-intense-images.html" alt="" /> <a href="https://coliss.com/articles/build-websites/operation/javascript/js-intense-images.html">[JS]Lightboxの進化形！クリックでもタップでも快適動作の画像を拡大表示させる超軽量スクリプト -Intense Images</a></cite><p><a href="https://coliss.com/articles/build-websites/operation/javascript/js-intense-images.html"><img src="" alt="[JS]Lightboxの進化形！クリックでもタップでも快適動作の画像を拡大表示させる超軽量スクリプト -Intense Images" title="[JS]Lightboxの進化形！クリックでもタップでも快適動作の画像を拡大表示させる超軽量スクリプト -Intense Images" class="entry-image" /></a></p><p>サムネイル真ん中の風景写真は縦長 Intense Imagesの使い方 Step 1: 外部ファイル 当スクリプトを外部ファイルとして記述します。 ※jQueryなど他のスクリプトは必要ありません。 &lt;head&gt; ... &lt;script src=&#39;../intense.js&#39;&gt;&lt;/script&gt; &lt;/head&gt; Step 2: HTML 画像は2種類の配置方法があります。 img要素はサムネイルと拡大時...</p><p><a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/javascript/js-intense-images.html"><img src="https://b.hatena.ne.jp/entry/image/https://coliss.com/articles/build-websites/operation/javascript/js-intense-images.html" alt="はてなブックマーク - [JS]Lightboxの進化形！クリックでもタップでも快適動作の画像を拡大表示させる超軽量スクリプト -Intense Images" title="はてなブックマーク - [JS]Lightboxの進化形！クリックでもタップでも快適動作の画像を拡大表示させる超軽量スクリプト -Intense Images" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/javascript/js-intense-images.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 203 https://phpspot.org/blog/archives/2014/02/jsinstantclick.html uch 2014-02-22T15:59:21Z javascript ライブラリ <blockquote cite="https://phpspot.org/blog/archives/2014/02/jsinstantclick.html" title="リンク先を先読みしてページの速度をあげるJSライブラリ「InstantClick」:phpspot開発日誌"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fphpspot.org%2Fblog%2Farchives%2F2014%2F02%2Fjsinstantclick.html" alt="" /> <a href="https://phpspot.org/blog/archives/2014/02/jsinstantclick.html">リンク先を先読みしてページの速度をあげるJSライブラリ「InstantClick」:phpspot開発日誌</a></cite><p><a href="https://phpspot.org/blog/archives/2014/02/jsinstantclick.html"><img src="" alt="リンク先を先読みしてページの速度をあげるJSライブラリ「InstantClick」:phpspot開発日誌" title="リンク先を先読みしてページの速度をあげるJSライブラリ「InstantClick」:phpspot開発日誌" class="entry-image" /></a></p><p>InstantClick ? JS lib to make your website instant リンク先を先読みしてページの速度をあげるJSライブラリ「InstantClick」 リンクにマウスホバーした時点でAJAXでリンク先を先読みします。ホバーした時点でクリックしそうである、ということでロードに行き、実際にクリックした際にページの表示速度が早くなるとい...</p><p><a href="https://b.hatena.ne.jp/entry/s/phpspot.org/blog/archives/2014/02/jsinstantclick.html"><img src="https://b.hatena.ne.jp/entry/image/https://phpspot.org/blog/archives/2014/02/jsinstantclick.html" alt="はてなブックマーク - リンク先を先読みしてページの速度をあげるJSライブラリ「InstantClick」:phpspot開発日誌" title="はてなブックマーク - リンク先を先読みしてページの速度をあげるJSライブラリ「InstantClick」:phpspot開発日誌" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/phpspot.org/blog/archives/2014/02/jsinstantclick.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 15 https://phpspot.org/blog/archives/2014/02/slinkyjs.html uch 2014-02-22T15:45:28Z JavaScript ライブラリ <blockquote cite="https://phpspot.org/blog/archives/2014/02/slinkyjs.html" title="スクロールにより積み重なるナビゲーションヘッダーを作れる「Slinky.js」:phpspot開発日誌"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fphpspot.org%2Fblog%2Farchives%2F2014%2F02%2Fslinkyjs.html" alt="" /> <a href="https://phpspot.org/blog/archives/2014/02/slinkyjs.html">スクロールにより積み重なるナビゲーションヘッダーを作れる「Slinky.js」:phpspot開発日誌</a></cite><p><a href="https://phpspot.org/blog/archives/2014/02/slinkyjs.html"><img src="" alt="スクロールにより積み重なるナビゲーションヘッダーを作れる「Slinky.js」:phpspot開発日誌" title="スクロールにより積み重なるナビゲーションヘッダーを作れる「Slinky.js」:phpspot開発日誌" class="entry-image" /></a></p><p>Slinky.js スクロールにより積み重なるナビゲーションヘッダーを作れる「Slinky.js」 説明が難しいのですが、動作はデモを見てみて下さい。 今どこを見ているのかが分かりやすくちょっと新しいナビゲーションが実装できます 関連エントリ ドットによるナビゲーションのクールなサンプル集 スクロール後、ナビゲーション...</p><p><a href="https://b.hatena.ne.jp/entry/s/phpspot.org/blog/archives/2014/02/slinkyjs.html"><img src="https://b.hatena.ne.jp/entry/image/https://phpspot.org/blog/archives/2014/02/slinkyjs.html" alt="はてなブックマーク - スクロールにより積み重なるナビゲーションヘッダーを作れる「Slinky.js」:phpspot開発日誌" title="はてなブックマーク - スクロールにより積み重なるナビゲーションヘッダーを作れる「Slinky.js」:phpspot開発日誌" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/phpspot.org/blog/archives/2014/02/slinkyjs.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 11 https://www.ideaxidea.com/archives/2014/01/fit_js.html uch 2014-01-22T06:43:00Z javascript ライブラリ <blockquote cite="https://www.ideaxidea.com/archives/2014/01/fit_js.html" title="Example Domain"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.ideaxidea.com%2Farchives%2F2014%2F01%2Ffit_js.html" alt="" /> <a href="https://www.ideaxidea.com/archives/2014/01/fit_js.html">Example Domain</a></cite><p><a href="https://www.ideaxidea.com/archives/2014/01/fit_js.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/a157ebf03dfd1bda282b506c469d01ff6a257f48/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fideaxidea.com%2F_astro%2Fogp-default.Be8GnIif.png" alt="Example Domain" title="Example Domain" class="entry-image" /></a></p><p>【アプリ開発日誌】 行動観察調査がやっぱり大事... アプリ申請前にユーザーテストを実施したら辛辣なフィードバックの嵐。行動観察調査の大切さを痛感した一週間の開発日誌。cmuxやCodexなど気になるツールの話題も。 今日 【macOS/iOS】 メニューバーに常駐する3ページ限定のメモアプリ、『IDEA*PAD』をリリースしまし...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.ideaxidea.com/archives/2014/01/fit_js.html"><img src="https://b.hatena.ne.jp/entry/image/https://www.ideaxidea.com/archives/2014/01/fit_js.html" alt="はてなブックマーク - Example Domain" title="はてなブックマーク - Example Domain" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.ideaxidea.com/archives/2014/01/fit_js.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 54 https://phpspot.org/blog/archives/2013/11/jsfileapi.html uch 2013-11-13T05:28:03Z *PHP javascript ライブラリ <blockquote cite="https://phpspot.org/blog/archives/2013/11/jsfileapi.html" title="ファイルのアップ、切り取り、リサイズ、ウェブカム利用、フィルタ等ができる超多機能JSライブラリ「FileAPI」:phpspot開発日誌"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fphpspot.org%2Fblog%2Farchives%2F2013%2F11%2Fjsfileapi.html" alt="" /> <a href="https://phpspot.org/blog/archives/2013/11/jsfileapi.html">ファイルのアップ、切り取り、リサイズ、ウェブカム利用、フィルタ等ができる超多機能JSライブラリ「FileAPI」:phpspot開発日誌</a></cite><p><a href="https://phpspot.org/blog/archives/2013/11/jsfileapi.html"><img src="" alt="ファイルのアップ、切り取り、リサイズ、ウェブカム利用、フィルタ等ができる超多機能JSライブラリ「FileAPI」:phpspot開発日誌" title="ファイルのアップ、切り取り、リサイズ、ウェブカム利用、フィルタ等ができる超多機能JSライブラリ「FileAPI」:phpspot開発日誌" class="entry-image" /></a></p><p>ファイルのアップ、切り取り、リサイズ、ウェブカム利用、フィルタ等ができる超多機能JSライブラリ「FileAPI」 2013年11月13日- FileAPI ? a set of javascript tools for working with files. ファイルのアップ、切り取り、リサイズ、ウェブカム利用、フィルタ等ができる超多機能JSライブラリ「FileAPI」。 ファイルの...</p><p><a href="https://b.hatena.ne.jp/entry/s/phpspot.org/blog/archives/2013/11/jsfileapi.html"><img src="https://b.hatena.ne.jp/entry/image/https://phpspot.org/blog/archives/2013/11/jsfileapi.html" alt="はてなブックマーク - ファイルのアップ、切り取り、リサイズ、ウェブカム利用、フィルタ等ができる超多機能JSライブラリ「FileAPI」:phpspot開発日誌" title="はてなブックマーク - ファイルのアップ、切り取り、リサイズ、ウェブカム利用、フィルタ等ができる超多機能JSライブラリ「FileAPI」:phpspot開発日誌" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/phpspot.org/blog/archives/2013/11/jsfileapi.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 29 https://utage.headwaters.co.jp/blog/archives/1165 uch 2013-10-18T01:41:15Z pjax ajax javascript <blockquote cite="https://utage.headwaters.co.jp/blog/archives/1165" title="pjaxできれいなURL＋非同期画面遷移！ | ヘッドウォータースのブログ TechNote"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Futage.headwaters.co.jp%2Fblog%2Farchives%2F1165" alt="" /> <a href="https://utage.headwaters.co.jp/blog/archives/1165">pjaxできれいなURL＋非同期画面遷移！ | ヘッドウォータースのブログ TechNote</a></cite><p><a href="https://utage.headwaters.co.jp/blog/archives/1165"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/124a5af1215c7457a53cd03893ec4bb910cc21b8/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Futage.headwaters.co.jp%2Fblog%2Fwp-content%2Fuploads%2F2013%2F10%2Fpjax-thumbnail.png" alt="pjaxできれいなURL＋非同期画面遷移！ | ヘッドウォータースのブログ TechNote" title="pjaxできれいなURL＋非同期画面遷移！ | ヘッドウォータースのブログ TechNote" class="entry-image" /></a></p><p>こんにちは。荒井です。 Facebookもtwitterもgoogleも画面遷移のときには、非同期で次のページを読み込むような作りになってますね！ これは、ajaxで次のページを読み込むのと同時に「History API」というHTML5の機能を使って、URLを更新することで実現してます。 毎回全部読み直さないから通常の画面遷移よりも早いし、...</p><p><a href="https://b.hatena.ne.jp/entry/s/utage.headwaters.co.jp/blog/archives/1165"><img src="https://b.hatena.ne.jp/entry/image/https://utage.headwaters.co.jp/blog/archives/1165" alt="はてなブックマーク - pjaxできれいなURL＋非同期画面遷移！ | ヘッドウォータースのブログ TechNote" title="はてなブックマーク - pjaxできれいなURL＋非同期画面遷移！ | ヘッドウォータースのブログ TechNote" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/utage.headwaters.co.jp/blog/archives/1165"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 380 http://blog.mach3.jp/2013/07/js-libraries-for-date.html uch 2013-07-27T08:00:21Z javascript ライブラリ <blockquote cite="http://blog.mach3.jp/2013/07/js-libraries-for-date.html" title="日付を便利に操作するためのJavaScriptライブラリ色々 - Mach3.laBlog"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fblog.mach3.jp%2F2013%2F07%2Fjs-libraries-for-date.html" alt="" /> <a href="http://blog.mach3.jp/2013/07/js-libraries-for-date.html">日付を便利に操作するためのJavaScriptライブラリ色々 - Mach3.laBlog</a></cite><p><a href="http://blog.mach3.jp/2013/07/js-libraries-for-date.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/94563d5daff932ed9cc3eb16c66c669905765dc4/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Flh5.googleusercontent.com%2F-ZfOlO8juvhA%2FUfF2iaSilgI%2FAAAAAAAACJA%2F15V3PFD4xMs%2Fs400%2F20130726-00.png" alt="日付を便利に操作するためのJavaScriptライブラリ色々 - Mach3.laBlog" title="日付を便利に操作するためのJavaScriptライブラリ色々 - Mach3.laBlog" class="entry-image" /></a></p><p>この記事は賞味期限切れです。（更新から1年が経過しています） JavaScriptには日付を扱う為の “Date” オブジェクトがありますが、正直なところこれはあまり親切ではありません。 そこで、JavaScriptの日付周りで楽をするためのライブラリのメモをここに。 XDate XDate – A Modern JavaScript Date Library Dateをもっと...</p><p><a href="https://b.hatena.ne.jp/entry/blog.mach3.jp/2013/07/js-libraries-for-date.html"><img src="https://b.hatena.ne.jp/entry/image/http://blog.mach3.jp/2013/07/js-libraries-for-date.html" alt="はてなブックマーク - 日付を便利に操作するためのJavaScriptライブラリ色々 - Mach3.laBlog" title="はてなブックマーク - 日付を便利に操作するためのJavaScriptライブラリ色々 - Mach3.laBlog" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/blog.mach3.jp/2013/07/js-libraries-for-date.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 218 http://startapp.jp/2013/07/21/how-to-create-flat-chart.html シンプルできれい。 uch 2013-07-22T08:25:21Z *CSS javascript *Webデザイン UI <blockquote cite="http://startapp.jp/2013/07/21/how-to-create-flat-chart.html" title="startapp.jp"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fstartapp.jp%2F2013%2F07%2F21%2Fhow-to-create-flat-chart.html" alt="" /> <a href="http://startapp.jp/2013/07/21/how-to-create-flat-chart.html">startapp.jp</a></cite><p><a href="http://startapp.jp/2013/07/21/how-to-create-flat-chart.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/ff4e53c62a8daa475e063461630fc1438cbecdeb/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fbossgoo.sakura.ne.jp%2Fwp-content%2Fuploads%2F2024%2F09%2Fpapakatsu-app.jpg" alt="startapp.jp" title="startapp.jp" class="entry-image" /></a></p><p>This domain may be for sale!</p><p><a href="https://b.hatena.ne.jp/entry/startapp.jp/2013/07/21/how-to-create-flat-chart.html"><img src="https://b.hatena.ne.jp/entry/image/http://startapp.jp/2013/07/21/how-to-create-flat-chart.html" alt="はてなブックマーク - startapp.jp" title="はてなブックマーク - startapp.jp" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/startapp.jp/2013/07/21/how-to-create-flat-chart.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 517 https://hail2u.net/blog/coding/adaptive-adsense uch 2013-06-28T01:08:31Z Google Adsense javascript <blockquote cite="https://hail2u.net/blog/coding/adaptive-adsense" title="AdSenseの広告切り替え"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fhail2u.net%2Fblog%2Fcoding%2Fadaptive-adsense" alt="" /> <a href="https://hail2u.net/blog/coding/adaptive-adsense">AdSenseの広告切り替え</a></cite><p><a href="https://hail2u.net/blog/coding/adaptive-adsense"><img src="" alt="AdSenseの広告切り替え" title="AdSenseの広告切り替え" class="entry-image" /></a></p><p>Google AdSenseが公式にいくつかのケースに限って広告コードの改変を許可したので、後に手を入れることも考えて効率的なコードを考えている最中のメモ。 切り替えるそれぞれの広告スロット番号(や幅、高さの設定)はAdSenseで取得できるコードからコピペするようにしないと、コードの間違いなどミスを起こしそう。本当は...</p><p><a href="https://b.hatena.ne.jp/entry/s/hail2u.net/blog/coding/adaptive-adsense"><img src="https://b.hatena.ne.jp/entry/image/https://hail2u.net/blog/coding/adaptive-adsense" alt="はてなブックマーク - AdSenseの広告切り替え" title="はてなブックマーク - AdSenseの広告切り替え" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/hail2u.net/blog/coding/adaptive-adsense"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 1 https://qiita.com/ukitaka/items/64e4589e37944bf032d9 uch 2013-06-08T20:57:32Z *CSS javascript web制作 CSS3 スマートフォン <blockquote cite="https://qiita.com/ukitaka/items/64e4589e37944bf032d9" title="Googleから学ぶ ヌルヌルサクサクなスライドメニュー - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Fukitaka%2Fitems%2F64e4589e37944bf032d9" alt="" /> <a href="https://qiita.com/ukitaka/items/64e4589e37944bf032d9">Googleから学ぶ ヌルヌルサクサクなスライドメニュー - Qiita</a></cite><p><a href="https://qiita.com/ukitaka/items/64e4589e37944bf032d9"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/847ca3a50af4cbb662856200a1e65fcdc2dcd48e/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMTQ4NDYlMkZwcm9maWxlLWltYWdlcyUyRjE0NzQxMDAwNDg_aXhsaWI9cmItNC4wLjAmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPTEwNGUxMThjOTRkMjBiODNhZjAzNzI1NmU4ZjdlMmUy%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253Dcac95fc1ce33f9663d80bab7a863e35d%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9R29vZ2xlJUUzJTgxJThCJUUzJTgyJTg5JUU1JUFEJUE2JUUzJTgxJUI2JTIwJUUzJTgzJThDJUUzJTgzJUFCJUUzJTgzJThDJUUzJTgzJUFCJUUzJTgyJUI1JUUzJTgyJUFGJUUzJTgyJUI1JUUzJTgyJUFGJUUzJTgxJUFBJUUzJTgyJUI5JUUzJTgzJUE5JUUzJTgyJUE0JUUzJTgzJTg5JUUzJTgzJUExJUUzJTgzJThCJUUzJTgzJUE1JUUzJTgzJUJDJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9ZjM3MzE2ZTg4YzMzZDlhYTdiNzNkZDcwMTFkYzkxZjU%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDB1a2l0YWthJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9ZDU4NmE2ZGYwNmU0ZmQxZWUxODBhYTgxZDdlNmE0Mjc%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3Dd342bf5e110f950154f91853bd071278" alt="Googleから学ぶ ヌルヌルサクサクなスライドメニュー - Qiita" title="Googleから学ぶ ヌルヌルサクサクなスライドメニュー - Qiita" class="entry-image" /></a></p><p>スマフォwebページのスライドメニュー アプリでは当たり前のように実装されているスライドメニューですが、webページではなかなか使い心地のよいスライドメニューが実装されているのは見かけません。 スマートフォンのブラウザではjavascriptでのアニメーションはどうしてもガタガタになってしまうし、ちらつきやスクロ...</p><p><a href="https://b.hatena.ne.jp/entry/s/qiita.com/ukitaka/items/64e4589e37944bf032d9"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/ukitaka/items/64e4589e37944bf032d9" alt="はてなブックマーク - Googleから学ぶ ヌルヌルサクサクなスライドメニュー - Qiita" title="はてなブックマーク - Googleから学ぶ ヌルヌルサクサクなスライドメニュー - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/ukitaka/items/64e4589e37944bf032d9"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 621 https://moroya.hatenablog.jp/entry/2013/06/03/225935 uch 2013-06-05T01:45:57Z javascript Bookmarklet amazon <blockquote cite="https://moroya.hatenablog.jp/entry/2013/06/03/225935" title="いままでいくらAmazonで買い物したか合計するブックマークレット書いた - モロ屋"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fmoroya.hatenablog.jp%2Fentry%2F2013%2F06%2F03%2F225935" alt="" /> <a href="https://moroya.hatenablog.jp/entry/2013/06/03/225935">いままでいくらAmazonで買い物したか合計するブックマークレット書いた - モロ屋</a></cite><p><a href="https://moroya.hatenablog.jp/entry/2013/06/03/225935"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/fb0a6132fe1011d045203dd0afd54a6a156225bd/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2Ff4e70e62c6fd826def60cec129f55c8f72e78f84%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttp%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fm%252Fmolov2%252F20130603%252F20130603230102.png" alt="いままでいくらAmazonで買い物したか合計するブックマークレット書いた - モロ屋" title="いままでいくらAmazonで買い物したか合計するブックマークレット書いた - モロ屋" class="entry-image" /></a></p><p>2015/03/02: 現在動作しなくなっているようなので、こちら等を参照してください。 Amazonで使ってきた金額合計してみろ おにゃんこ速報 5：以下、名無しにかわりましてVIPがお送りします：2012/06/16(土) 13:28:46.48 ID:8IYD9aJN0 どうやって合計するの 6：以下、名無しにかわりましてVIPがお送りします：2012/06/16(土...</p><p><a href="https://b.hatena.ne.jp/entry/s/moroya.hatenablog.jp/entry/2013/06/03/225935"><img src="https://b.hatena.ne.jp/entry/image/https://moroya.hatenablog.jp/entry/2013/06/03/225935" alt="はてなブックマーク - いままでいくらAmazonで買い物したか合計するブックマークレット書いた - モロ屋" title="はてなブックマーク - いままでいくらAmazonで買い物したか合計するブックマークレット書いた - モロ屋" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/moroya.hatenablog.jp/entry/2013/06/03/225935"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 521