https://b.hatena.ne.jp/lesser28/javascript/ javascriptに関するlesser28のはてなブックマーク (137) https://qiita.com/ashketcham/items/06e50b3f7f6238d9b51b lesser28 2022-05-25T02:49:32Z あとで読む *スクリプト javascript <blockquote cite="https://qiita.com/ashketcham/items/06e50b3f7f6238d9b51b" title="console.log(); しか使えなかった自分へ。。。 - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Fashketcham%2Fitems%2F06e50b3f7f6238d9b51b" alt="" /> <a href="https://qiita.com/ashketcham/items/06e50b3f7f6238d9b51b">console.log(); しか使えなかった自分へ。。。 - Qiita</a></cite><p><a href="https://qiita.com/ashketcham/items/06e50b3f7f6238d9b51b"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/ffc25befba186c6919f40db3d86b40ba912f9a2a/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%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnMzLWFwLW5vcnRoZWFzdC0xLmFtYXpvbmF3cy5jb20lMkZxaWl0YS1pbWFnZS1zdG9yZSUyRjAlMkY2NTM5NTYlMkYzZGI1NWRiYjM2MDQxYmNiYjI2ZWJiYTk5ZmJiOGUxMzlkNWRmNDVhJTJGeF9sYXJnZS5wbmclM0YxNjAwMzMzMDk2P2l4bGliPXJiLTQuMC4wJmFyPTElM0ExJmZpdD1jcm9wJm1hc2s9ZWxsaXBzZSZiZz1GRkZGRkYmZm09cG5nMzImcz1mM2QwMWM3Njk0MjA1NjA3MDFmMjZiZDA2YTU3YWQ3MQ%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D7606dc53f6410d79ff53d7ec5b3b4542%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9Y29uc29sZS5sb2clMjglMjklM0IlMjAlRTMlODElOTclRTMlODElOEIlRTQlQkQlQkYlRTMlODElODglRTMlODElQUElRTMlODElOEIlRTMlODElQTMlRTMlODElOUYlRTglODclQUElRTUlODglODYlRTMlODElQjglRTMlODAlODIlRTMlODAlODIlRTMlODAlODImdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtcGFkPTAmcz1kOGYxZjRkNjNhZjc5ODJlYWY4NGE0ZDVhODZiMzUxYQ%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBhc2hrZXRjaGFtJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9NWQ3ZDczMTNkYzQyMTIwZDM3ZTU2YTA1MThjZGZkNDA%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D2643ba4875ca568c06bffd9ace9c641e" alt="console.log(); しか使えなかった自分へ。。。 - Qiita" title="console.log(); しか使えなかった自分へ。。。 - 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/ashketcham/items/06e50b3f7f6238d9b51b"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/ashketcham/items/06e50b3f7f6238d9b51b" alt="はてなブックマーク - console.log(); しか使えなかった自分へ。。。 - Qiita" title="はてなブックマーク - console.log(); しか使えなかった自分へ。。。 - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/ashketcham/items/06e50b3f7f6238d9b51b"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 726 https://qiita.com/sakymark/items/710f0b9a632c375fbc31 lesser28 2022-02-13T04:18:20Z javascript <blockquote cite="https://qiita.com/sakymark/items/710f0b9a632c375fbc31" title="連番の数字の配列を作成（es2015 ver) - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Fsakymark%2Fitems%2F710f0b9a632c375fbc31" alt="" /> <a href="https://qiita.com/sakymark/items/710f0b9a632c375fbc31">連番の数字の配列を作成（es2015 ver) - Qiita</a></cite><p><a href="https://qiita.com/sakymark/items/710f0b9a632c375fbc31"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/8ca48f9d09604a93134eb29d7a738c067a5e25cf/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%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGNjY1MjElMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2OTcyMzQ_aXhsaWI9cmItNC4wLjAmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPThlYmE0OTU4OTI3YTgxYjUyODU1ZjNlMTc4MmU1YzE0%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D1da876c969cf2a0fbe5fde8766eb61cf%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JUU5JTgwJUEzJUU3JTk1JUFBJUUzJTgxJUFFJUU2JTk1JUIwJUU1JUFEJTk3JUUzJTgxJUFFJUU5JTg1JThEJUU1JTg4JTk3JUUzJTgyJTkyJUU0JUJEJTlDJUU2JTg4JTkwJUVGJUJDJTg4ZXMyMDE1JTIwdmVyJTI5JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9ZjhhYjY3YzRkZjY2Zjg4ZTVjM2FjNGEwYzBiNjMyOGU%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBzYWt5bWFyayZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1wYWQ9MCZzPWZhZDVkY2IzMDU1MzlkOTg2YmQ3ZmIyZTRhOWIwZTFj%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D1ad5d18561a1d048a607618c1dc08e9a" alt="連番の数字の配列を作成（es2015 ver) - Qiita" title="連番の数字の配列を作成（es2015 ver) - 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/sakymark/items/710f0b9a632c375fbc31"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/sakymark/items/710f0b9a632c375fbc31" alt="はてなブックマーク - 連番の数字の配列を作成（es2015 ver) - Qiita" title="はてなブックマーク - 連番の数字の配列を作成（es2015 ver) - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/sakymark/items/710f0b9a632c375fbc31"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 9 https://qiita.com/suin/items/1b39ce57dd660f12f34b lesser28 2022-02-13T04:12:42Z javascript <blockquote cite="https://qiita.com/suin/items/1b39ce57dd660f12f34b" title="JavaScriptで[ 0, 1, 2, 3, 4 ]のような連番の配列を生成する方法 - Qiita"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fqiita.com%2Fsuin%2Fitems%2F1b39ce57dd660f12f34b" alt="" /> <a href="https://qiita.com/suin/items/1b39ce57dd660f12f34b">JavaScriptで[ 0, 1, 2, 3, 4 ]のような連番の配列を生成する方法 - Qiita</a></cite><p><a href="https://qiita.com/suin/items/1b39ce57dd660f12f34b"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/487636df9d81d9d6c9b44b3ea6ca1d6a028e35e8/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9SmF2YVNjcmlwdCVFMyU4MSVBNyU1QiUyMDAlMkMlMjAxJTJDJTIwMiUyQyUyMDMlMkMlMjA0JTIwJTVEJUUzJTgxJUFFJUUzJTgyJTg4JUUzJTgxJTg2JUUzJTgxJUFBJUU5JTgwJUEzJUU3JTk1JUFBJUUzJTgxJUFFJUU5JTg1JThEJUU1JTg4JTk3JUUzJTgyJTkyJUU3JTk0JTlGJUU2JTg4JTkwJUUzJTgxJTk5JUUzJTgyJThCJUU2JTk2JUI5JUU2JUIzJTk1JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz0xOTIwNmVmYzY5MWRiYjQxNDVjMjk2MjdhZWU0YTFhYw%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBzdWluJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz0zNDNhMWU3NTVkZjIxMTBmNzgyZTg0ZjViMzMyNDZmZQ%26blend-x%3D142%26blend-y%3D436%26blend-mode%3Dnormal%26txt64%3DaW4gQ3JhZnRzbWFuIFNvZnR3YXJl%26txt-width%3D770%26txt-clip%3Dend%252Cellipsis%26txt-color%3D%25231E2121%26txt-font%3DHiragino%2520Sans%2520W6%26txt-size%3D36%26txt-x%3D156%26txt-y%3D536%26s%3D8d54da51ed503b7e1bc22f464ad46a43" alt="JavaScriptで[ 0, 1, 2, 3, 4 ]のような連番の配列を生成する方法 - Qiita" title="JavaScriptで[ 0, 1, 2, 3, 4 ]のような連番の配列を生成する方法 - 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/suin/items/1b39ce57dd660f12f34b"><img src="https://b.hatena.ne.jp/entry/image/https://qiita.com/suin/items/1b39ce57dd660f12f34b" alt="はてなブックマーク - JavaScriptで[ 0, 1, 2, 3, 4 ]のような連番の配列を生成する方法 - Qiita" title="はてなブックマーク - JavaScriptで[ 0, 1, 2, 3, 4 ]のような連番の配列を生成する方法 - Qiita" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/qiita.com/suin/items/1b39ce57dd660f12f34b"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 6 https://livejs.com/ lesser28 2017-04-18T07:09:15Z #Web制作 *スクリプト 【あとで試す】 javascript <blockquote cite="https://livejs.com/" title="Live.js - One script closer to Designing in the Browser"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Flivejs.com%2F" alt="" /> <a href="https://livejs.com/">Live.js - One script closer to Designing in the Browser</a></cite><p><a href="https://livejs.com/"><img src="" alt="Live.js - One script closer to Designing in the Browser" title="Live.js - One script closer to Designing in the Browser" class="entry-image" /></a></p><p>one script closer to designing in the browser Say goodbye to Alt-Tab. Live.js makes sure you&#39;re always looking at the latest version of the page you&#39;re working on, whether you&#39;re writing HTML, CSS or Javascript. download live.js version 4 license Or use the bookmarklet! Drag the following link to...</p><p><a href="https://b.hatena.ne.jp/entry/s/livejs.com/"><img src="https://b.hatena.ne.jp/entry/image/https://livejs.com/" alt="はてなブックマーク - Live.js - One script closer to Designing in the Browser" title="はてなブックマーク - Live.js - One script closer to Designing in the Browser" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/livejs.com/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 13 https://teratail.com/questions/22011 lesser28 2016-04-21T06:37:23Z #Web制作 *スクリプト *知識・情報 jQuery javascript <blockquote cite="https://teratail.com/questions/22011" title="特定の子要素が存在しない場合、親要素を非表示にしたい | teratail"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fteratail.com%2Fquestions%2F22011" alt="" /> <a href="https://teratail.com/questions/22011">特定の子要素が存在しない場合、親要素を非表示にしたい | teratail</a></cite><p><a href="https://teratail.com/questions/22011"><img src="" alt="特定の子要素が存在しない場合、親要素を非表示にしたい | teratail" title="特定の子要素が存在しない場合、親要素を非表示にしたい | teratail" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/s/teratail.com/questions/22011"><img src="https://b.hatena.ne.jp/entry/image/https://teratail.com/questions/22011" alt="はてなブックマーク - 特定の子要素が存在しない場合、親要素を非表示にしたい | teratail" title="はてなブックマーク - 特定の子要素が存在しない場合、親要素を非表示にしたい | teratail" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/teratail.com/questions/22011"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 1 http://doop-web.com/blog/archives/1182 lesser28 2016-03-14T02:21:33Z #Web制作 *スクリプト PHP キャッシュ *知識・情報 javascript <blockquote cite="http://doop-web.com/blog/archives/1182" title="キャッシュを有効にしつつ、cssやjsファイルの変更を確実に反映させる | doop"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fdoop-web.com%2Fblog%2Farchives%2F1182" alt="" /> <a href="http://doop-web.com/blog/archives/1182">キャッシュを有効にしつつ、cssやjsファイルの変更を確実に反映させる | doop</a></cite><p><a href="http://doop-web.com/blog/archives/1182"><img src="" alt="キャッシュを有効にしつつ、cssやjsファイルの変更を確実に反映させる | doop" title="キャッシュを有効にしつつ、cssやjsファイルの変更を確実に反映させる | doop" class="entry-image" /></a></p><p>Webサイトを開発させる上で、キャッシュのせいでcssやJavascriptがうまく反映されないと言う事はよくある話。 私が作っているサイトでも、サイトのレスポンス向上のためにキャッシュを利用しているが、 修正がうまく反映されず、「あれ？」と思う事がしばしば。 特に、開発環境では頻繁にファイルを更新するため、.htacc...</p><p><a href="https://b.hatena.ne.jp/entry/doop-web.com/blog/archives/1182"><img src="https://b.hatena.ne.jp/entry/image/http://doop-web.com/blog/archives/1182" alt="はてなブックマーク - キャッシュを有効にしつつ、cssやjsファイルの変更を確実に反映させる | doop" title="はてなブックマーク - キャッシュを有効にしつつ、cssやjsファイルの変更を確実に反映させる | doop" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/doop-web.com/blog/archives/1182"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 45 http://webmemo50.hatenablog.com/entry/2015/12/08/234416 lesser28 2016-02-04T03:51:07Z #Web制作 *スクリプト jQuery javascript <blockquote cite="http://webmemo50.hatenablog.com/entry/2015/12/08/234416" title="ウィンドウ幅によってslideToggleの動作を変更したい - webmemo"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwebmemo50.hatenablog.com%2Fentry%2F2015%2F12%2F08%2F234416" alt="" /> <a href="http://webmemo50.hatenablog.com/entry/2015/12/08/234416">ウィンドウ幅によってslideToggleの動作を変更したい - webmemo</a></cite><p><a href="http://webmemo50.hatenablog.com/entry/2015/12/08/234416"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/1f0f09dd6c56fefa67a9176b95ce40e2a9652cd9/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fblog.st-hatena.com%2Fimages%2Ftheme%2Fog-image-1500.png" alt="ウィンドウ幅によってslideToggleの動作を変更したい - webmemo" title="ウィンドウ幅によってslideToggleの動作を変更したい - webmemo" class="entry-image" /></a></p><p>2015 - 12 - 08 ウィンドウ幅によってslideToggleの動作を変更したい jQuery 今回実行したい処理はこちら。 開閉は アコーディオン で行う スマホ 幅のときは開閉を行う タブレット 幅以上のときは開閉させない、表示のまま 開閉は アコーディオン で行う 使用するのはslideToggle。 とても簡単な記述で アコーディオン ...</p><p><a href="https://b.hatena.ne.jp/entry/webmemo50.hatenablog.com/entry/2015/12/08/234416"><img src="https://b.hatena.ne.jp/entry/image/http://webmemo50.hatenablog.com/entry/2015/12/08/234416" alt="はてなブックマーク - ウィンドウ幅によってslideToggleの動作を変更したい - webmemo" title="はてなブックマーク - ウィンドウ幅によってslideToggleの動作を変更したい - webmemo" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/webmemo50.hatenablog.com/entry/2015/12/08/234416"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 7 http://katoshun.com/blog/switch-screen.html lesser28 2015-07-28T07:31:45Z 【あとで見る・読む】 #Web制作 *デザイン レスポンシブ jQuery javascript スマートフォン <blockquote cite="http://katoshun.com/blog/switch-screen.html" title="レスポンシブWebデザインのサイトにPCとスマートフォンの表示切り替えボタンをつけてみた | A40"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fkatoshun.com%2Fblog%2Fswitch-screen.html" alt="" /> <a href="http://katoshun.com/blog/switch-screen.html">レスポンシブWebデザインのサイトにPCとスマートフォンの表示切り替えボタンをつけてみた | A40</a></cite><p><a href="http://katoshun.com/blog/switch-screen.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/e81fe7276180d083b8128778f79c3e1960808d5e/backend=imagemagick;height=90;version=1;width=120/http%3A%2F%2Fkatoshun.com%2Fblog%2Fwp-content%2Fuploads%2F2012122401-150x150.jpg" alt="レスポンシブWebデザインのサイトにPCとスマートフォンの表示切り替えボタンをつけてみた | A40" title="レスポンシブWebデザインのサイトにPCとスマートフォンの表示切り替えボタンをつけてみた | A40" class="entry-image" /></a></p><p>スマートフォンサイトには、よくPCの表示とスマートフォンの表示を切り替えるボタンがついています。 通常はPC用のURLとスマートフォン用のURLにリンクさせているのですが、レスポンシブWebデザインはそもそもワンソースなので、そのままでは切り替えることはできません。 そこでレスポンシブWebデザインでも使える切り...</p><p><a href="https://b.hatena.ne.jp/entry/katoshun.com/blog/switch-screen.html"><img src="https://b.hatena.ne.jp/entry/image/http://katoshun.com/blog/switch-screen.html" alt="はてなブックマーク - レスポンシブWebデザインのサイトにPCとスマートフォンの表示切り替えボタンをつけてみた | A40" title="はてなブックマーク - レスポンシブWebデザインのサイトにPCとスマートフォンの表示切り替えボタンをつけてみた | A40" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/katoshun.com/blog/switch-screen.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 43 https://coliss.com/articles/build-websites/operation/javascript/100-jquery-plugins-2012-best.html lesser28 2012-12-17T06:27:46Z #Web制作 +まとめ *デザイン jQuery プラグイン javascript +チュートリアル <blockquote cite="https://coliss.com/articles/build-websites/operation/javascript/100-jquery-plugins-2012-best.html" title="[JS]jQueryのプラグイン100選 -2012年総集編"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fjavascript%2F100-jquery-plugins-2012-best.html" alt="" /> <a href="https://coliss.com/articles/build-websites/operation/javascript/100-jquery-plugins-2012-best.html">[JS]jQueryのプラグイン100選 -2012年総集編</a></cite><p><a href="https://coliss.com/articles/build-websites/operation/javascript/100-jquery-plugins-2012-best.html"><img src="" alt="[JS]jQueryのプラグイン100選 -2012年総集編" title="[JS]jQueryのプラグイン100選 -2012年総集編" class="entry-image" /></a></p><p>2012年に紹介したものを中心としたjQueryのプラグイン100+α選です。 今年目立ったのは、やはりレスポンシブ、そしてCSS3アニメーションでしょうか。 スライダーやギャラリー系もレスポンシブ・アニメーション対応、ナビゲーションやPinterst風のレイアウトなど、多くのプラグインにそれら二つの要素が組み合わさっていま...</p><p><a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/javascript/100-jquery-plugins-2012-best.html"><img src="https://b.hatena.ne.jp/entry/image/https://coliss.com/articles/build-websites/operation/javascript/100-jquery-plugins-2012-best.html" alt="はてなブックマーク - [JS]jQueryのプラグイン100選 -2012年総集編" title="はてなブックマーク - [JS]jQueryのプラグイン100選 -2012年総集編" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/javascript/100-jquery-plugins-2012-best.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 684 https://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-equalize.html lesser28 2012-09-12T05:59:01Z #Web制作 *スクリプト *デザイン jQuery プラグイン *知識・情報 javascript <blockquote cite="https://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-equalize.html" title="[JS]実装も超シンプル、高さや幅が異なるエレメントを揃えるシンプルなスクリプト -equalize.js"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fjavascript%2Fjquery-plugin-equalize.html" alt="" /> <a href="https://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-equalize.html">[JS]実装も超シンプル、高さや幅が異なるエレメントを揃えるシンプルなスクリプト -equalize.js</a></cite><p><a href="https://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-equalize.html"><img src="" alt="[JS]実装も超シンプル、高さや幅が異なるエレメントを揃えるシンプルなスクリプト -equalize.js" title="[JS]実装も超シンプル、高さや幅が異なるエレメントを揃えるシンプルなスクリプト -equalize.js" class="entry-image" /></a></p><p>エレメントの高さ（height）、幅（width）だけでなく、outerHeight, innerHeight, outerWidth, innerWidthのサイズを揃えるjQueryのプラグインを紹介します。 デモ：幅 equalize.jsの使い方 Step 1: 外部ファイル 「jquery.js」と当スクリプトを外部ファイルとして記述します。 &lt;script src=&quot;//ajax.googleapis.com/ajax...</p><p><a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/javascript/jquery-plugin-equalize.html"><img src="https://b.hatena.ne.jp/entry/image/https://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-equalize.html" alt="はてなブックマーク - [JS]実装も超シンプル、高さや幅が異なるエレメントを揃えるシンプルなスクリプト -equalize.js" title="はてなブックマーク - [JS]実装も超シンプル、高さや幅が異なるエレメントを揃えるシンプルなスクリプト -equalize.js" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/javascript/jquery-plugin-equalize.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 205 https://phpspot.org/blog/archives/2012/06/13kbquojs.html lesser28 2012-06-11T12:30:43Z 【あとで試す】 #Web制作 ライブラリ *スクリプト jQuery javascript iPhone スマートフォン <blockquote cite="https://phpspot.org/blog/archives/2012/06/13kbquojs.html" title="スマホのタッチイベントを一気に実装できる13KBの軽量ライブラリ「QUOjs」:phpspot開発日誌"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fphpspot.org%2Fblog%2Farchives%2F2012%2F06%2F13kbquojs.html" alt="" /> <a href="https://phpspot.org/blog/archives/2012/06/13kbquojs.html">スマホのタッチイベントを一気に実装できる13KBの軽量ライブラリ「QUOjs」:phpspot開発日誌</a></cite><p><a href="https://phpspot.org/blog/archives/2012/06/13kbquojs.html"><img src="" alt="スマホのタッチイベントを一気に実装できる13KBの軽量ライブラリ「QUOjs」:phpspot開発日誌" title="スマホのタッチイベントを一気に実装できる13KBの軽量ライブラリ「QUOjs」:phpspot開発日誌" class="entry-image" /></a></p><p>QUOjs - Micro JavaScript Library スマホのタッチイベントを一気に実装できる13KBの軽量ライブラリ「QUOjs」 タップ、ダブルタップ、ホールド、スワイプ、スワイプ上下左右、ドラッグといったイベントを実装するのに使えそう モバイルということで3G回線にも配慮した13KBは嬉しい。 今後はローテートやピンチイン・アウ...</p><p><a href="https://b.hatena.ne.jp/entry/s/phpspot.org/blog/archives/2012/06/13kbquojs.html"><img src="https://b.hatena.ne.jp/entry/image/https://phpspot.org/blog/archives/2012/06/13kbquojs.html" alt="はてなブックマーク - スマホのタッチイベントを一気に実装できる13KBの軽量ライブラリ「QUOjs」:phpspot開発日誌" title="はてなブックマーク - スマホのタッチイベントを一気に実装できる13KBの軽量ライブラリ「QUOjs」:phpspot開発日誌" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/phpspot.org/blog/archives/2012/06/13kbquojs.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 603 http://www.webopixel.net/javascript/350.html lesser28 2012-06-01T03:02:26Z #Web制作 jQuery javascript *スクリプト ライブラリ *デザイン <blockquote cite="http://www.webopixel.net/javascript/350.html" title="jQueryで奥行きのある背景スクロールを作ってみる"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwww.webopixel.net%2Fjavascript%2F350.html" alt="" /> <a href="http://www.webopixel.net/javascript/350.html">jQueryで奥行きのある背景スクロールを作ってみる</a></cite><p><a href="http://www.webopixel.net/javascript/350.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/d1b4241159b84048525fb76fecb95d8f25751a29/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwww.webopixel.net%2Fimg%2Fog.png" alt="jQueryで奥行きのある背景スクロールを作ってみる" title="jQueryで奥行きのある背景スクロールを作ってみる" class="entry-image" /></a></p><p>jQueryで奥行きのある背景スクロールを作ってみる 普通に背景画像を指定するだけだとスクロールに追従して画像も移動しますが、jQueryで背景位置を調節することでスクロールの速度をずらすことができます。 この記事ではこの機能を利用して、スクロールすると奥行きの感じられる動作を作ってみます。 投稿日2011年05月13...</p><p><a href="https://b.hatena.ne.jp/entry/www.webopixel.net/javascript/350.html"><img src="https://b.hatena.ne.jp/entry/image/http://www.webopixel.net/javascript/350.html" alt="はてなブックマーク - jQueryで奥行きのある背景スクロールを作ってみる" title="はてなブックマーク - jQueryで奥行きのある背景スクロールを作ってみる" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/www.webopixel.net/javascript/350.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 140 https://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-grrrid-js.html lesser28 2012-05-21T01:58:36Z #Web制作 *スクリプト *デザイン jQuery javascript プラグイン <blockquote cite="https://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-grrrid-js.html" title="[JS]異なる高さのdiv要素を揃えるだけでなく、均等割付やグリッドに揃えることもできるスクリプト -jQuery.grrrid.js"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fjavascript%2Fjquery-plugin-grrrid-js.html" alt="" /> <a href="https://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-grrrid-js.html">[JS]異なる高さのdiv要素を揃えるだけでなく、均等割付やグリッドに揃えることもできるスクリプト -jQuery.grrrid.js</a></cite><p><a href="https://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-grrrid-js.html"><img src="" alt="[JS]異なる高さのdiv要素を揃えるだけでなく、均等割付やグリッドに揃えることもできるスクリプト -jQuery.grrrid.js" title="[JS]異なる高さのdiv要素を揃えるだけでなく、均等割付やグリッドに揃えることもできるスクリプト -jQuery.grrrid.js" class="entry-image" /></a></p><p>[JS]異なる高さのdiv要素を揃えるだけでなく、均等割付やグリッドに揃えることもできるスクリプト -jQuery.grrrid.js</p><p><a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/javascript/jquery-plugin-grrrid-js.html"><img src="https://b.hatena.ne.jp/entry/image/https://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-grrrid-js.html" alt="はてなブックマーク - [JS]異なる高さのdiv要素を揃えるだけでなく、均等割付やグリッドに揃えることもできるスクリプト -jQuery.grrrid.js" title="はてなブックマーク - [JS]異なる高さのdiv要素を揃えるだけでなく、均等割付やグリッドに揃えることもできるスクリプト -jQuery.grrrid.js" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/javascript/jquery-plugin-grrrid-js.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 476 https://orangain.hatenablog.com/entry/20100324/1269444160 lesser28 2012-05-04T15:43:31Z #Web制作 *スクリプト javascript IE6 png jQuery ロールオーバー <blockquote cite="https://orangain.hatenablog.com/entry/20100324/1269444160" title="DD_belatedPNGを使ってる場合でもスマートロールオーバーが動くようにする - orangain flavor"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Forangain.hatenablog.com%2Fentry%2F20100324%2F1269444160" alt="" /> <a href="https://orangain.hatenablog.com/entry/20100324/1269444160">DD_belatedPNGを使ってる場合でもスマートロールオーバーが動くようにする - orangain flavor</a></cite><p><a href="https://orangain.hatenablog.com/entry/20100324/1269444160"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/07717b8ac6ae4b35392352e5ad449f7f427618f0/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fogimage.blog.st-hatena.com%2F6435988827676199992%2F6435988827676474910%2F1365590825" alt="DD_belatedPNGを使ってる場合でもスマートロールオーバーが動くようにする - orangain flavor" title="DD_belatedPNGを使ってる場合でもスマートロールオーバーが動くようにする - orangain flavor" class="entry-image" /></a></p><p>はじめに DD_belatedPNGを利用すると、IE6でPNGファイルを透過させることが出来ます。 DD_belatedPNGはITキヲスク | IE6で透過pngを表示させるオススメscript、「DD_belatedPNG.js」で解説されているように、簡単にそして高速に透過PNGを表示できるという特徴があります。 しかし、ITキヲスク | IE6用透過png対応策、DD_...</p><p><a href="https://b.hatena.ne.jp/entry/s/orangain.hatenablog.com/entry/20100324/1269444160"><img src="https://b.hatena.ne.jp/entry/image/https://orangain.hatenablog.com/entry/20100324/1269444160" alt="はてなブックマーク - DD_belatedPNGを使ってる場合でもスマートロールオーバーが動くようにする - orangain flavor" title="はてなブックマーク - DD_belatedPNGを使ってる場合でもスマートロールオーバーが動くようにする - orangain flavor" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/orangain.hatenablog.com/entry/20100324/1269444160"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 80 http://memocarilog.info/webdesign/1105 lesser28 2012-04-18T06:03:54Z #Web制作 IE6 Google map *知識・情報 javascript ライブラリ <blockquote cite="http://memocarilog.info/webdesign/1105" title="IE6でGooglemapsを使うときの注意点"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fmemocarilog.info%2Fwebdesign%2F1105" alt="" /> <a href="http://memocarilog.info/webdesign/1105">IE6でGooglemapsを使うときの注意点</a></cite><p><a href="http://memocarilog.info/webdesign/1105"><img src="" alt="IE6でGooglemapsを使うときの注意点" title="IE6でGooglemapsを使うときの注意点" class="entry-image" /></a></p><p>Google Maps API version2　を使ってGooglemapの表示をするようにしたのですが、 IE6でだけ地図が灰色になってしまって表示ができませんでした。 以前も同じ所でつまづいたのでメモです。 DD_belatedPNG.jsを使用していて、Googlemapの表示場所がDD_belatedPNG.jsの指定範囲内だとGooglemapの表示がされないようです。 &lt;...</p><p><a href="https://b.hatena.ne.jp/entry/memocarilog.info/webdesign/1105"><img src="https://b.hatena.ne.jp/entry/image/http://memocarilog.info/webdesign/1105" alt="はてなブックマーク - IE6でGooglemapsを使うときの注意点" title="はてなブックマーク - IE6でGooglemapsを使うときの注意点" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/memocarilog.info/webdesign/1105"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 4 https://blog.btmup.com/css/jquery-css-two-ways-to-change-font-size-switching.html lesser28 2012-04-13T01:41:25Z #Web制作 *知識・情報 css jQuery javascript font css切り替え <blockquote cite="https://blog.btmup.com/css/jquery-css-two-ways-to-change-font-size-switching.html" title="jQuery で CSS を切り替えて文字サイズを変更する 2 つの方法。"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fblog.btmup.com%2Fcss%2Fjquery-css-two-ways-to-change-font-size-switching.html" alt="" /> <a href="https://blog.btmup.com/css/jquery-css-two-ways-to-change-font-size-switching.html">jQuery で CSS を切り替えて文字サイズを変更する 2 つの方法。</a></cite><p><a href="https://blog.btmup.com/css/jquery-css-two-ways-to-change-font-size-switching.html"><img src="" alt="jQuery で CSS を切り替えて文字サイズを変更する 2 つの方法。" title="jQuery で CSS を切り替えて文字サイズを変更する 2 つの方法。" class="entry-image" /></a></p><p>Web 制作のことを中心に、ちょっとした Tips などを掲載しています。「自分用メモ」が基本スタンス。 btmup Blog 最近、文字サイズの切り替えボタンを設置しているサイトも多くなってきましたね。 自治体や病院など公共性の高いサイトを中心に、導入が進んでいるようです。 僕自身も医療系のサイトに関わることが多いの...</p><p><a href="https://b.hatena.ne.jp/entry/s/blog.btmup.com/css/jquery-css-two-ways-to-change-font-size-switching.html"><img src="https://b.hatena.ne.jp/entry/image/https://blog.btmup.com/css/jquery-css-two-ways-to-change-font-size-switching.html" alt="はてなブックマーク - jQuery で CSS を切り替えて文字サイズを変更する 2 つの方法。" title="はてなブックマーク - jQuery で CSS を切り替えて文字サイズを変更する 2 つの方法。" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/blog.btmup.com/css/jquery-css-two-ways-to-change-font-size-switching.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 39 https://stocker.jp/diary/photoshop-jsx/ lesser28 2012-04-05T00:48:39Z #Web制作 *知識・情報 *ツール・アプリ *スクリプト Photoshop javascript *デザイン <blockquote cite="https://stocker.jp/diary/photoshop-jsx/" title="PhotoshopでのWeb制作効率を向上させる「JSX」とは"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fstocker.jp%2Fdiary%2Fphotoshop-jsx%2F" alt="" /> <a href="https://stocker.jp/diary/photoshop-jsx/">PhotoshopでのWeb制作効率を向上させる「JSX」とは</a></cite><p><a href="https://stocker.jp/diary/photoshop-jsx/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/121653e5ab988177ab22c6b442c7f9d52b55ed22/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fi0.wp.com%2Fstocker.jp%2Fdiary%2Fwp-content%2Fuploads%2Fjsx11-1.png%3Ffit%3D500%252C300%26ssl%3D1" alt="PhotoshopでのWeb制作効率を向上させる「JSX」とは" title="PhotoshopでのWeb制作効率を向上させる「JSX」とは" class="entry-image" /></a></p><p>ご存じの方もいらっしゃると思いますが、Adobe Photoshop は JavaScript で制御することができます。 Photoshop 用の JavaScript ファイルのことを「JSX」と呼びます。拡張子は .jsx です。 Photoshop を使ってWeb制作されている方は多いかと思いますが、Photoshop は本来写真加工用のソフトでありWebデザイン用のソフト...</p><p><a href="https://b.hatena.ne.jp/entry/s/stocker.jp/diary/photoshop-jsx/"><img src="https://b.hatena.ne.jp/entry/image/https://stocker.jp/diary/photoshop-jsx/" alt="はてなブックマーク - PhotoshopでのWeb制作効率を向上させる「JSX」とは" title="はてなブックマーク - PhotoshopでのWeb制作効率を向上させる「JSX」とは" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/stocker.jp/diary/photoshop-jsx/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 716 https://github.com/afarkas/html5shiv lesser28 2012-03-14T06:16:26Z #Web制作 html5 javascript API <blockquote cite="https://github.com/afarkas/html5shiv" title="html5shiv - Project Hosting on Google Code"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fgithub.com%2Fafarkas%2Fhtml5shiv" alt="" /> <a href="https://github.com/afarkas/html5shiv">html5shiv - Project Hosting on Google Code</a></cite><p><a href="https://github.com/afarkas/html5shiv"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/7ed5726c24fee50dcf7ae16404d7e3e520e7c387/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fopengraph.githubassets.com%2F4a878643d0cf9deb656c15d1c871e7f379fdd3f9c1344e12315b30e0d99d1fc0%2FaFarkas%2Fhtml5shiv" alt="html5shiv - Project Hosting on Google Code" title="html5shiv - Project Hosting on Google Code" class="entry-image" /></a></p><p>You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert</p><p><a href="https://b.hatena.ne.jp/entry/s/github.com/afarkas/html5shiv"><img src="https://b.hatena.ne.jp/entry/image/https://github.com/afarkas/html5shiv" alt="はてなブックマーク - html5shiv - Project Hosting on Google Code" title="はてなブックマーク - html5shiv - Project Hosting on Google Code" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/github.com/afarkas/html5shiv"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 146 https://black-flag.net/jquery/20110512-3039.html lesser28 2012-02-24T09:08:41Z #Web制作 *デザイン jQuery javascript ライブラリ 写真・画像 <blockquote cite="https://black-flag.net/jquery/20110512-3039.html" title="jQueryでシンプルなサムネイル付き画像ビューアーを作成する方法｜BLACKFLAG"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fblack-flag.net%2Fjquery%2F20110512-3039.html" alt="" /> <a href="https://black-flag.net/jquery/20110512-3039.html">jQueryでシンプルなサムネイル付き画像ビューアーを作成する方法｜BLACKFLAG</a></cite><p><a href="https://black-flag.net/jquery/20110512-3039.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/f345a758135d35f7d7f192d272d176c8302882ec/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fblack-flag.net%2Fcommon%2Fimg%2Fogp_jquery.png" alt="jQueryでシンプルなサムネイル付き画像ビューアーを作成する方法｜BLACKFLAG" title="jQueryでシンプルなサムネイル付き画像ビューアーを作成する方法｜BLACKFLAG" class="entry-image" /></a></p><p>jQueryでの画像ビューアー用プラグインはたくさん公開されていますが、 単純にサムネイルを並べて、クリックしたらメインビジュアルが切り替わる シンプルなスライドショー的ビューアーを作ってみたので紹介してみます。 まずは動作のサンプルから。 サムネイル画像をクリックしてください。 jQuery SIMPLE IMAGE VIEWER...</p><p><a href="https://b.hatena.ne.jp/entry/s/black-flag.net/jquery/20110512-3039.html"><img src="https://b.hatena.ne.jp/entry/image/https://black-flag.net/jquery/20110512-3039.html" alt="はてなブックマーク - jQueryでシンプルなサムネイル付き画像ビューアーを作成する方法｜BLACKFLAG" title="はてなブックマーク - jQueryでシンプルなサムネイル付き画像ビューアーを作成する方法｜BLACKFLAG" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/black-flag.net/jquery/20110512-3039.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 37 https://www.koikikukan.com/archives/2012/02/06-015555.php lesser28 2012-02-06T06:39:20Z 【あとで見る・読む】 #Web制作 jQuery javascript *スクリプト プラグイン ライブラリ <blockquote cite="https://www.koikikukan.com/archives/2012/02/06-015555.php" title="TwitterやFacebookのように一番下までスクロールしたら自動的にコンテンツを表示する「jQuery.Bottomプラグイン」"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.koikikukan.com%2Farchives%2F2012%2F02%2F06-015555.php" alt="" /> <a href="https://www.koikikukan.com/archives/2012/02/06-015555.php">TwitterやFacebookのように一番下までスクロールしたら自動的にコンテンツを表示する「jQuery.Bottomプラグイン」</a></cite><p><a href="https://www.koikikukan.com/archives/2012/02/06-015555.php"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/244647731959fb7136de9be279e3c05ad4f20c13/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwww.koikikukan.com%2Fimages%2F2012%2F02%2F20120206_jquery_3.png" alt="TwitterやFacebookのように一番下までスクロールしたら自動的にコンテンツを表示する「jQuery.Bottomプラグイン」" title="TwitterやFacebookのように一番下までスクロールしたら自動的にコンテンツを表示する「jQuery.Bottomプラグイン」" class="entry-image" /></a></p><p>TwitterのタイムラインやFacebookのニュースフィードように、ページの一番下までスクロールしたらコンテンツを自動的に表示する「jQuery.Bottomプラグイン」を紹介します。 １．サンプル jQuery.Bottomプラグインにはデモページが用意されていますが、いまいちなのでサンプルページを作りました。 jQuery.Bottomプラグイ...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.koikikukan.com/archives/2012/02/06-015555.php"><img src="https://b.hatena.ne.jp/entry/image/https://www.koikikukan.com/archives/2012/02/06-015555.php" alt="はてなブックマーク - TwitterやFacebookのように一番下までスクロールしたら自動的にコンテンツを表示する「jQuery.Bottomプラグイン」" title="はてなブックマーク - TwitterやFacebookのように一番下までスクロールしたら自動的にコンテンツを表示する「jQuery.Bottomプラグイン」" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.koikikukan.com/archives/2012/02/06-015555.php"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 834