https://b.hatena.ne.jp/System/%20jQuery/ jQueryに関するSystemのはてなブックマーク (16) http://ke-tai.org/blog/2011/04/18/jquery-qrcode/ System 2013-05-01T04:38:44Z jquery QRコード jQuery Canvas HTML5 javascript 34 <blockquote cite="http://ke-tai.org/blog/2011/04/18/jquery-qrcode/" title="ke-tai.org &gt; Blog Archive &gt; JavaScriptを使ってQRコードを作れる「jQuery.qrcode」"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fke-tai.org%2Fblog%2F2011%2F04%2F18%2Fjquery-qrcode%2F" alt="" /> <a href="http://ke-tai.org/blog/2011/04/18/jquery-qrcode/">ke-tai.org &gt; Blog Archive &gt; JavaScriptを使ってQRコードを作れる「jQuery.qrcode」</a></cite><p><a href="http://ke-tai.org/blog/2011/04/18/jquery-qrcode/"><img src="" alt="ke-tai.org &gt; Blog Archive &gt; JavaScriptを使ってQRコードを作れる「jQuery.qrcode」" title="ke-tai.org &gt; Blog Archive &gt; JavaScriptを使ってQRコードを作れる「jQuery.qrcode」" class="entry-image" /></a></p><p>JavaScriptを使ってQRコードを作れる「jQuery.qrcode」 Tweet 2011/4/18 月曜日 matsui Posted in ソフト紹介, 記事紹介・リンク | No Comments » もはやモバイルとは切っても切れない関係となっているQRコードですが、JavaScriptを使ってQRコードを作れるjQueryプラグイン「jQuery.qrcode」というものがあるようです。 ...</p><p><a href="https://b.hatena.ne.jp/entry/ke-tai.org/blog/2011/04/18/jquery-qrcode/"><img src="https://b.hatena.ne.jp/entry/image/http://ke-tai.org/blog/2011/04/18/jquery-qrcode/" alt="はてなブックマーク - ke-tai.org &gt; Blog Archive &gt; JavaScriptを使ってQRコードを作れる「jQuery.qrcode」" title="はてなブックマーク - ke-tai.org &gt; Blog Archive &gt; JavaScriptを使ってQRコードを作れる「jQuery.qrcode」" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/ke-tai.org/blog/2011/04/18/jquery-qrcode/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://w2ui.com/web/home System 2013-03-04T01:15:42Z ui jQuery JavaScript 119 <blockquote cite="http://w2ui.com/web/home" title="New JavaScript UI Library"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fw2ui.com%2Fweb%2Fhome" alt="" /> <a href="http://w2ui.com/web/home">New JavaScript UI Library</a></cite><p><a href="http://w2ui.com/web/home"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/021dff85b5e4fb9602ab9a06105135388e593f37/backend=imagemagick;height=90;version=1;width=120/http%3A%2F%2Fw2ui.com%2Fweb%2Fimg%2Fw2ui.png" alt="New JavaScript UI Library" title="New JavaScript UI Library" class="entry-image" /></a></p><p>I have been using it quite substantially for a number of different projects now and must say that I absolutely love the way it works. - Soteri Panagou I&#39;ve been using your grid on a couple of small projects and I&#39;ve got to say it&#39;s an awesome piece of work. It&#39;s very easy to configure and offers ...</p><p><a href="https://b.hatena.ne.jp/entry/w2ui.com/web/home"><img src="https://b.hatena.ne.jp/entry/image/http://w2ui.com/web/home" alt="はてなブックマーク - New JavaScript UI Library" title="はてなブックマーク - New JavaScript UI Library" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/w2ui.com/web/home"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://arnab-deka.com/posts/2013/02/hello-jquery-prettytextdiff/ System 2013-02-26T02:49:05Z diff jQuery 8 <blockquote cite="http://arnab-deka.com/posts/2013/02/hello-jquery-prettytextdiff/" title="Hello jQuery.PrettyTextDiff - Arnab&#39;s Universe"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Farnab-deka.com%2Fposts%2F2013%2F02%2Fhello-jquery-prettytextdiff%2F" alt="" /> <a href="http://arnab-deka.com/posts/2013/02/hello-jquery-prettytextdiff/">Hello jQuery.PrettyTextDiff - Arnab&#39;s Universe</a></cite><p><a href="http://arnab-deka.com/posts/2013/02/hello-jquery-prettytextdiff/"><img src="" alt="Hello jQuery.PrettyTextDiff - Arnab&#39;s Universe" title="Hello jQuery.PrettyTextDiff - Arnab&#39;s Universe" class="entry-image" /></a></p><p>For some work I did recently, I had to produce a visual diff of text. A visual diff makes it easy for the user to understand what exactly changed with a quick scan. There’s an excellent library from Google, called diff_match_patch that does a really good job of analyzing the text and producing th...</p><p><a href="https://b.hatena.ne.jp/entry/arnab-deka.com/posts/2013/02/hello-jquery-prettytextdiff/"><img src="https://b.hatena.ne.jp/entry/image/http://arnab-deka.com/posts/2013/02/hello-jquery-prettytextdiff/" alt="はてなブックマーク - Hello jQuery.PrettyTextDiff - Arnab&#39;s Universe" title="はてなブックマーク - Hello jQuery.PrettyTextDiff - Arnab&#39;s Universe" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/arnab-deka.com/posts/2013/02/hello-jquery-prettytextdiff/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://jsonviewer.ai/blog/2011/12/tutorial-html-templates-with-mustache-js/ System 2012-11-02T02:55:27Z html ui jQuery JavaScript 21 <blockquote cite="https://jsonviewer.ai/blog/2011/12/tutorial-html-templates-with-mustache-js/" title="HTML Templating Using Mustache.js - TUTORIAL"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fjsonviewer.ai%2Fblog%2F2011%2F12%2Ftutorial-html-templates-with-mustache-js%2F" alt="" /> <a href="https://jsonviewer.ai/blog/2011/12/tutorial-html-templates-with-mustache-js/">HTML Templating Using Mustache.js - TUTORIAL</a></cite><p><a href="https://jsonviewer.ai/blog/2011/12/tutorial-html-templates-with-mustache-js/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/752bec87f23e426e6c3998500df06a1b208d9de6/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fjsonviewer.ai%2Fwp-content%2Fuploads%2F2022%2F08%2Fmustache-js-logo.png" alt="HTML Templating Using Mustache.js - TUTORIAL" title="HTML Templating Using Mustache.js - TUTORIAL" class="entry-image" /></a></p><p>“Mustache.js is a Minimal and Logic-Less templating engine. That can be used not only for HTML Templates, but also for javascript, source code,  or any piece of text” Don’t worry if you don’t know what Templating is, or what Logic Less or HTML Templating means, as we’ll try to understand everythi...</p><p><a href="https://b.hatena.ne.jp/entry/s/jsonviewer.ai/blog/2011/12/tutorial-html-templates-with-mustache-js/"><img src="https://b.hatena.ne.jp/entry/image/https://jsonviewer.ai/blog/2011/12/tutorial-html-templates-with-mustache-js/" alt="はてなブックマーク - HTML Templating Using Mustache.js - TUTORIAL" title="はてなブックマーク - HTML Templating Using Mustache.js - TUTORIAL" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/jsonviewer.ai/blog/2011/12/tutorial-html-templates-with-mustache-js/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://addyosmani.github.com/jquery-ui-bootstrap/ System 2012-10-16T01:01:56Z Bootstrap jQuery ui 519 <blockquote cite="http://addyosmani.github.com/jquery-ui-bootstrap/" title="jQuery UI Bootstrap"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Faddyosmani.github.com%2Fjquery-ui-bootstrap%2F" alt="" /> <a href="http://addyosmani.github.com/jquery-ui-bootstrap/">jQuery UI Bootstrap</a></cite><p><a href="http://addyosmani.github.com/jquery-ui-bootstrap/"><img src="" alt="jQuery UI Bootstrap" title="jQuery UI Bootstrap" class="entry-image" /></a></p><p>A preview of the jQuery UI Bootstrap themejQuery UI Bootstrap A Bootstrap-themed kickstart for jQuery UI widgets (v0.1) Welcome! This is a live preview of new the jQuery UI Bootstrap theme - a project I started to bring the beauty of Twitter&#39;s Bootstrap to jQuery UI widgets. With this theme, not ...</p><p><a href="https://b.hatena.ne.jp/entry/addyosmani.github.com/jquery-ui-bootstrap/"><img src="https://b.hatena.ne.jp/entry/image/http://addyosmani.github.com/jquery-ui-bootstrap/" alt="はてなブックマーク - jQuery UI Bootstrap" title="はてなブックマーク - jQuery UI Bootstrap" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/addyosmani.github.com/jquery-ui-bootstrap/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://js.studio-kingdom.com/jquery/ System 2012-10-15T03:54:56Z tips 資料 jquery リファレンス jQuery 691 <blockquote cite="https://js.studio-kingdom.com/jquery/" title="jQuery 1.9 日本語リファレンス | js STUDIO"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fjs.studio-kingdom.com%2Fjquery%2F" alt="" /> <a href="https://js.studio-kingdom.com/jquery/">jQuery 1.9 日本語リファレンス | js STUDIO</a></cite><p><a href="https://js.studio-kingdom.com/jquery/"><img src="" alt="jQuery 1.9 日本語リファレンス | js STUDIO" title="jQuery 1.9 日本語リファレンス | js STUDIO" class="entry-image" /></a></p><p>このサイトについて jQueryの日本語リファレンスです。 jQueryの本家サイト(英文) の内容を翻訳して作成していますが、誤訳や誤記があると思いますのでその点についてはご了承ください。 もし、誤訳などの間違いを見つけましたら、 @tomof まで教えていただければ幸いです。 News 2013.03.13 ver1.9の内容に更新しました...</p><p><a href="https://b.hatena.ne.jp/entry/s/js.studio-kingdom.com/jquery/"><img src="https://b.hatena.ne.jp/entry/image/https://js.studio-kingdom.com/jquery/" alt="はてなブックマーク - jQuery 1.9 日本語リファレンス | js STUDIO" title="はてなブックマーク - jQuery 1.9 日本語リファレンス | js STUDIO" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/js.studio-kingdom.com/jquery/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://kachibito.net/web-design/form-usability-with-jquery.html System 2012-07-05T03:05:42Z フォーム jquery jQuery 414 <blockquote cite="https://kachibito.net/web-design/form-usability-with-jquery.html" title="チェックボックスやinput要素などのフォーム周りのユーザビリティを少しだけ向上できる地味に便利なjQueryコードいくつか - かちびと.net"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fkachibito.net%2Fweb-design%2Fform-usability-with-jquery.html" alt="" /> <a href="https://kachibito.net/web-design/form-usability-with-jquery.html">チェックボックスやinput要素などのフォーム周りのユーザビリティを少しだけ向上できる地味に便利なjQueryコードいくつか - かちびと.net</a></cite><p><a href="https://kachibito.net/web-design/form-usability-with-jquery.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/288f74e78e67a4db4aa64419cc5a18bba60a79e6/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fkachibito.net%2Fwp-content%2Fuploads%2F2012%2F07%2Fjq000.jpg" alt="チェックボックスやinput要素などのフォーム周りのユーザビリティを少しだけ向上できる地味に便利なjQueryコードいくつか - かちびと.net" title="チェックボックスやinput要素などのフォーム周りのユーザビリティを少しだけ向上できる地味に便利なjQueryコードいくつか - かちびと.net" class="entry-image" /></a></p><p>フォームで利用するjQueryのスニペット コードをいくつか。どれも既出だと思う のでおさらいという事で。とはいえ、所詮 はスニペットですので実際に導入する際 は動作をしっかりと検証する事を強く 推奨します。 フォーム周りのjQueryスニペットです。自分用のメモも兼ねて。 フォーム関係は色々面倒なので参考にならな...</p><p><a href="https://b.hatena.ne.jp/entry/s/kachibito.net/web-design/form-usability-with-jquery.html"><img src="https://b.hatena.ne.jp/entry/image/https://kachibito.net/web-design/form-usability-with-jquery.html" alt="はてなブックマーク - チェックボックスやinput要素などのフォーム周りのユーザビリティを少しだけ向上できる地味に便利なjQueryコードいくつか - かちびと.net" title="はてなブックマーク - チェックボックスやinput要素などのフォーム周りのユーザビリティを少しだけ向上できる地味に便利なjQueryコードいくつか - かちびと.net" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/kachibito.net/web-design/form-usability-with-jquery.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://phpspot.org/blog/archives/2012/06/phpdomjqueryphp.html System 2012-06-18T00:38:38Z スクレイピング jQuery PHP html 操作 414 <blockquote cite="https://phpspot.org/blog/archives/2012/06/phpdomjqueryphp.html" title="PHPでのスクレイピングやDOM操作をjQueryっぽく超簡単便利にできる「phpQuery」:phpspot開発日誌"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fphpspot.org%2Fblog%2Farchives%2F2012%2F06%2Fphpdomjqueryphp.html" alt="" /> <a href="https://phpspot.org/blog/archives/2012/06/phpdomjqueryphp.html">PHPでのスクレイピングやDOM操作をjQueryっぽく超簡単便利にできる「phpQuery」:phpspot開発日誌</a></cite><p><a href="https://phpspot.org/blog/archives/2012/06/phpdomjqueryphp.html"><img src="" alt="PHPでのスクレイピングやDOM操作をjQueryっぽく超簡単便利にできる「phpQuery」:phpspot開発日誌" title="PHPでのスクレイピングやDOM操作をjQueryっぽく超簡単便利にできる「phpQuery」:phpspot開発日誌" class="entry-image" /></a></p><p>phpmaster | Server-Side HTML Handling Using phpQuery PHPでのスクレイピングやDOM操作をjQueryっぽく超簡単便利にできる「phpQuery」。 紹介記事を読んで使ってみました。 phpQuery はjQueryのPHP版でDOMの操作をjQueryっぽくできるライブラリです。 HTMLのスクレイピングはもちろん、HTMLを追加したり要素に属性を追...</p><p><a href="https://b.hatena.ne.jp/entry/s/phpspot.org/blog/archives/2012/06/phpdomjqueryphp.html"><img src="https://b.hatena.ne.jp/entry/image/https://phpspot.org/blog/archives/2012/06/phpdomjqueryphp.html" alt="はてなブックマーク - PHPでのスクレイピングやDOM操作をjQueryっぽく超簡単便利にできる「phpQuery」:phpspot開発日誌" title="はてなブックマーク - PHPでのスクレイピングやDOM操作をjQueryっぽく超簡単便利にできる「phpQuery」:phpspot開発日誌" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/phpspot.org/blog/archives/2012/06/phpdomjqueryphp.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-sticky-sidebar.html System 2012-04-18T05:07:40Z jQuery スクロール ナビゲーション jQueryプラグイン 145 <blockquote cite="https://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-sticky-sidebar.html" title="[JS]使い勝手のよい、パネルをスクロールに追従させるスクリプト -Sticky Sidebar"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fjavascript%2Fjquery-plugin-sticky-sidebar.html" alt="" /> <a href="https://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-sticky-sidebar.html">[JS]使い勝手のよい、パネルをスクロールに追従させるスクリプト -Sticky Sidebar</a></cite><p><a href="https://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-sticky-sidebar.html"><img src="" alt="[JS]使い勝手のよい、パネルをスクロールに追従させるスクリプト -Sticky Sidebar" title="[JS]使い勝手のよい、パネルをスクロールに追従させるスクリプト -Sticky Sidebar" class="entry-image" /></a></p><p>Demo 2 赤枠のナビゲーションは左のカラム内の移動、黒枠のパネルは黒枠内のみ、右のバスケットはページ内全てです。 また、中央のテキスト「Remove」をクリックすると、一時的にそのパネルだけ追従をやめます。 Sticky Sidebarの使い方 オーソドックスなデモを例に実装方法を紹介します。 外部ファイル スクリプトを外...</p><p><a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/javascript/jquery-plugin-sticky-sidebar.html"><img src="https://b.hatena.ne.jp/entry/image/https://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-sticky-sidebar.html" alt="はてなブックマーク - [JS]使い勝手のよい、パネルをスクロールに追従させるスクリプト -Sticky Sidebar" title="はてなブックマーク - [JS]使い勝手のよい、パネルをスクロールに追従させるスクリプト -Sticky Sidebar" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/javascript/jquery-plugin-sticky-sidebar.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://codiqa.com/ System 2012-04-05T03:07:31Z jQuery jQuery Mobile ツール 106 <blockquote cite="https://codiqa.com/" title="Ionic: Enterprise App Platform"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcodiqa.com%2F" alt="" /> <a href="https://codiqa.com/">Ionic: Enterprise App Platform</a></cite><p><a href="https://codiqa.com/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/038303564f8815f6b4fddd4ea9da62e9285273a7/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fionic.io%2Fimg%2Fionic-io-og-img.png" alt="Ionic: Enterprise App Platform" title="Ionic: Enterprise App Platform" class="entry-image" /></a></p><p>Important Announcement: The Future of Ionic’s Commercial Products →</p><p><a href="https://b.hatena.ne.jp/entry/s/codiqa.com/"><img src="https://b.hatena.ne.jp/entry/image/https://codiqa.com/" alt="はてなブックマーク - Ionic: Enterprise App Platform" title="はてなブックマーク - Ionic: Enterprise App Platform" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/codiqa.com/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://www.steamdev.com/zclip/ System 2012-03-13T01:34:18Z jQuery クリップボード JavaScript 70 <blockquote cite="http://www.steamdev.com/zclip/" title="steamdev.com"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwww.steamdev.com%2Fzclip%2F" alt="" /> <a href="http://www.steamdev.com/zclip/">steamdev.com</a></cite><p><a href="http://www.steamdev.com/zclip/"><img src="" alt="steamdev.com" title="steamdev.com" class="entry-image" /></a></p><p>This domain may be for sale!</p><p><a href="https://b.hatena.ne.jp/entry/www.steamdev.com/zclip/"><img src="https://b.hatena.ne.jp/entry/image/http://www.steamdev.com/zclip/" alt="はてなブックマーク - steamdev.com" title="はてなブックマーク - steamdev.com" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/www.steamdev.com/zclip/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://robots.net/software-and-applications/browsers-and-extensions/how-to-enable-html5-in-chrome/ System 2012-02-06T09:33:04Z ブラウザ pc スマートフォン HTML5 Safari 6169 <blockquote cite="https://robots.net/software-and-applications/browsers-and-extensions/how-to-enable-html5-in-chrome/" title="Youtubeの動画を背景に"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Frobots.net%2Fsoftware-and-applications%2Fbrowsers-and-extensions%2Fhow-to-enable-html5-in-chrome%2F" alt="" /> <a href="https://robots.net/software-and-applications/browsers-and-extensions/how-to-enable-html5-in-chrome/">Youtubeの動画を背景に</a></cite><p><a href="https://robots.net/software-and-applications/browsers-and-extensions/how-to-enable-html5-in-chrome/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/916351ed7514fd99ef186809463b6a88ff977e4d/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Frobots.net%2Fwp-content%2Fuploads%2F2024%2F02%2Fhow-to-enable-html5-in-chrome-1707000155.jpg" alt="Youtubeの動画を背景に" title="Youtubeの動画を背景に" class="entry-image" /></a></p><p>Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 ...</p><p><a href="https://b.hatena.ne.jp/entry/s/robots.net/software-and-applications/browsers-and-extensions/how-to-enable-html5-in-chrome/"><img src="https://b.hatena.ne.jp/entry/image/https://robots.net/software-and-applications/browsers-and-extensions/how-to-enable-html5-in-chrome/" alt="はてなブックマーク - Youtubeの動画を背景に" title="はてなブックマーク - Youtubeの動画を背景に" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/robots.net/software-and-applications/browsers-and-extensions/how-to-enable-html5-in-chrome/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://phpspot.org/blog/archives/2011/10/iosbadger.html System 2011-10-18T03:52:27Z プラグイン jQuery 58 <blockquote cite="https://phpspot.org/blog/archives/2011/10/iosbadger.html" title="ブロック要素にいとも簡単にiOS風の通知件数を表示できる「Badger」:phpspot開発日誌"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fphpspot.org%2Fblog%2Farchives%2F2011%2F10%2Fiosbadger.html" alt="" /> <a href="https://phpspot.org/blog/archives/2011/10/iosbadger.html">ブロック要素にいとも簡単にiOS風の通知件数を表示できる「Badger」:phpspot開発日誌</a></cite><p><a href="https://phpspot.org/blog/archives/2011/10/iosbadger.html"><img src="" alt="ブロック要素にいとも簡単にiOS風の通知件数を表示できる「Badger」:phpspot開発日誌" title="ブロック要素にいとも簡単にiOS風の通知件数を表示できる「Badger」:phpspot開発日誌" class="entry-image" /></a></p><p>Badger - Super sexy iOS style badges for jQuery ブロック要素にいとも簡単にiOS風の通知件数を表示できる「Badger」 $(element).badger(22);みたいに実行すると次のようにブロック要素に通知件数が追加されるというもの。 ちょっとめんどくさそうな処理もたった１行で実行できるのは有難い限りです。 既存の数値にプ...</p><p><a href="https://b.hatena.ne.jp/entry/s/phpspot.org/blog/archives/2011/10/iosbadger.html"><img src="https://b.hatena.ne.jp/entry/image/https://phpspot.org/blog/archives/2011/10/iosbadger.html" alt="はてなブックマーク - ブロック要素にいとも簡単にiOS風の通知件数を表示できる「Badger」:phpspot開発日誌" title="はてなブックマーク - ブロック要素にいとも簡単にiOS風の通知件数を表示できる「Badger」:phpspot開発日誌" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/phpspot.org/blog/archives/2011/10/iosbadger.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://coliss.com/articles/build-websites/operation/work/front-end-development-framework-g5.html System 2011-05-18T03:53:44Z jQuery html フレームワーク CSS html5 397 <blockquote cite="https://coliss.com/articles/build-websites/operation/work/front-end-development-framework-g5.html" title="HTML5, CSS3, jQueryを使用したフロントエンド開発用のフレームワーク -G5 Framework"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fwork%2Ffront-end-development-framework-g5.html" alt="" /> <a href="https://coliss.com/articles/build-websites/operation/work/front-end-development-framework-g5.html">HTML5, CSS3, jQueryを使用したフロントエンド開発用のフレームワーク -G5 Framework</a></cite><p><a href="https://coliss.com/articles/build-websites/operation/work/front-end-development-framework-g5.html"><img src="" alt="HTML5, CSS3, jQueryを使用したフロントエンド開発用のフレームワーク -G5 Framework" title="HTML5, CSS3, jQueryを使用したフロントエンド開発用のフレームワーク -G5 Framework" class="entry-image" /></a></p><p>CSSのキャッシュ対策 クロスブラウザ対応の角丸、ボックスシャドウ、不透明 ショートハンドCSS、再利用可能なclass ページ下部に固定表示されるSticky Footer CSS（Reset関連） リセットはHTML5ベースのEric Meyer&#39;s Reset Reloaded フォントのノーマライゼーション Webkit系ブラウザのフォントのスムージング フォース...</p><p><a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/work/front-end-development-framework-g5.html"><img src="https://b.hatena.ne.jp/entry/image/https://coliss.com/articles/build-websites/operation/work/front-end-development-framework-g5.html" alt="はてなブックマーク - HTML5, CSS3, jQueryを使用したフロントエンド開発用のフレームワーク -G5 Framework" title="はてなブックマーク - HTML5, CSS3, jQueryを使用したフロントエンド開発用のフレームワーク -G5 Framework" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/work/front-end-development-framework-g5.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://kachibito.net/web-design/subway-map-visualization.html System 2011-05-10T07:46:42Z 路線図 jquery jQuery html5 canvas プラグイン 63 <blockquote cite="https://kachibito.net/web-design/subway-map-visualization.html" title="canvasを使って地下鉄の路線図のようなグラフィックを描けるjQueryプラグイン・Subway Map Visualization - かちびと.net"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fkachibito.net%2Fweb-design%2Fsubway-map-visualization.html" alt="" /> <a href="https://kachibito.net/web-design/subway-map-visualization.html">canvasを使って地下鉄の路線図のようなグラフィックを描けるjQueryプラグイン・Subway Map Visualization - かちびと.net</a></cite><p><a href="https://kachibito.net/web-design/subway-map-visualization.html"><img src="" alt="canvasを使って地下鉄の路線図のようなグラフィックを描けるjQueryプラグイン・Subway Map Visualization - かちびと.net" title="canvasを使って地下鉄の路線図のようなグラフィックを描けるjQueryプラグイン・Subway Map Visualization - かちびと.net" class="entry-image" /></a></p><p>面白かったのでご紹介。地下鉄路線図 のようなグラフィックを簡単に描ける、と いうユニークなjQueryプラグインのご紹介 です。なかなか珍しいですね・・・地下鉄 の路線図はインフォグラフィックでもよく 使用されていますね。 HTML5のcanvasを使って路線図のようなグラフィックを簡単なマークアップで描けます。駅に当...</p><p><a href="https://b.hatena.ne.jp/entry/s/kachibito.net/web-design/subway-map-visualization.html"><img src="https://b.hatena.ne.jp/entry/image/https://kachibito.net/web-design/subway-map-visualization.html" alt="はてなブックマーク - canvasを使って地下鉄の路線図のようなグラフィックを描けるjQueryプラグイン・Subway Map Visualization - かちびと.net" title="はてなブックマーク - canvasを使って地下鉄の路線図のようなグラフィックを描けるjQueryプラグイン・Subway Map Visualization - かちびと.net" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/kachibito.net/web-design/subway-map-visualization.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://webdrawer.net/javascript/subwaycanvas.html System 2011-05-09T09:36:16Z jquery プラグイン canvas 路線図 jQuery 25 <blockquote cite="https://webdrawer.net/javascript/subwaycanvas.html" title="canvasを使って地下鉄の路線図を描けるjQueryプラグインで東京の地下鉄の路線図を描いてみた"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwebdrawer.net%2Fjavascript%2Fsubwaycanvas.html" alt="" /> <a href="https://webdrawer.net/javascript/subwaycanvas.html">canvasを使って地下鉄の路線図を描けるjQueryプラグインで東京の地下鉄の路線図を描いてみた</a></cite><p><a href="https://webdrawer.net/javascript/subwaycanvas.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/633d0f653f29f1322e1a1b614e6454e99a6c36a2/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwebdrawer.net%2Fwp%2Fwp-content%2Fuploads%2F2020%2F10%2Fthm.jpg" alt="canvasを使って地下鉄の路線図を描けるjQueryプラグインで東京の地下鉄の路線図を描いてみた" title="canvasを使って地下鉄の路線図を描けるjQueryプラグインで東京の地下鉄の路線図を描いてみた" class="entry-image" /></a></p><p>デモ 手元にあったFirefoxとChromeで表示の確認をしています。 東京の地下鉄の路線図を描いてみた 結構ごっちゃごちゃになってしまいました。それだけ入り組んでるという事で・・・駅はそれぞれWikipediaの各駅にリンクしています。 紹介サイト こちらのサイトで詳しく紹介されています。 canvasを使って地下鉄の路線図...</p><p><a href="https://b.hatena.ne.jp/entry/s/webdrawer.net/javascript/subwaycanvas.html"><img src="https://b.hatena.ne.jp/entry/image/https://webdrawer.net/javascript/subwaycanvas.html" alt="はてなブックマーク - canvasを使って地下鉄の路線図を描けるjQueryプラグインで東京の地下鉄の路線図を描いてみた" title="はてなブックマーク - canvasを使って地下鉄の路線図を描けるjQueryプラグインで東京の地下鉄の路線図を描いてみた" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/webdrawer.net/javascript/subwaycanvas.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote>