https://b.hatena.ne.jp/kulurel/JavaScript/ JavaScriptに関するkulurelのはてなブックマーク (20) https://techbookfest.org/product/6209306726760448 kulurel 2020-03-14T10:29:28Z javascript 41 <blockquote cite="https://techbookfest.org/product/6209306726760448" title="JavaScript環境構築の設定をひとつずつ丁寧に -そのプラグインってどうして必要なの！？-：はしご屋さん"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Ftechbookfest.org%2Fproduct%2F6209306726760448" alt="" /> <a href="https://techbookfest.org/product/6209306726760448">JavaScript環境構築の設定をひとつずつ丁寧に -そのプラグインってどうして必要なの！？-：はしご屋さん</a></cite><p><a href="https://techbookfest.org/product/6209306726760448"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/31fcf9b557f84f5ab2288006b9b73ff98c7ab94e/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Ftechbookfest.org%2Fapi%2Fproduct%2Fogp%2Fimage%2F6209306726760448" alt="JavaScript環境構築の設定をひとつずつ丁寧に -そのプラグインってどうして必要なの！？-：はしご屋さん" title="JavaScript環境構築の設定をひとつずつ丁寧に -そのプラグインってどうして必要なの！？-：はしご屋さん" class="entry-image" /></a></p><p>この本はWebフロントエンド開発の環境構築を1つ1つ丁寧にみていく本です。 特に設定が足りない状態で動かすとどうなるのか、なぜその設定が必要なのかについて踏み込んでいきます。 環境構築の難しさは設定をどれか1つでも間違えると動かないことにあります。 そのため環境構築をする上では、自分がした1つ1つの設定が何...</p><p><a href="https://b.hatena.ne.jp/entry/s/techbookfest.org/product/6209306726760448"><img src="https://b.hatena.ne.jp/entry/image/https://techbookfest.org/product/6209306726760448" alt="はてなブックマーク - JavaScript環境構築の設定をひとつずつ丁寧に -そのプラグインってどうして必要なの！？-：はしご屋さん" title="はてなブックマーク - JavaScript環境構築の設定をひとつずつ丁寧に -そのプラグインってどうして必要なの！？-：はしご屋さん" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/techbookfest.org/product/6209306726760448"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://www.tohoho-web.com/ex/bootstrap.html kulurel 2015-09-11T04:18:22Z web制作 HTML javascript webプログラミング CSS 1136 <blockquote cite="http://www.tohoho-web.com/ex/bootstrap.html" title="とほほのBootstrap 3入門 - とほほのWWW入門"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwww.tohoho-web.com%2Fex%2Fbootstrap.html" alt="" /> <a href="http://www.tohoho-web.com/ex/bootstrap.html">とほほのBootstrap 3入門 - とほほのWWW入門</a></cite><p><a href="http://www.tohoho-web.com/ex/bootstrap.html"><img src="" alt="とほほのBootstrap 3入門 - とほほのWWW入門" title="とほほのBootstrap 3入門 - とほほのWWW入門" class="entry-image" /></a></p><p>とほほのBootstrap 3入門 はじめに このページは 「Bootstrap 3」について説明しています。Bootstrap 4 については、「Bootstrap 4入門」を参照してください。 Bootstrap とは Bootstrap は、スマートフォンなどのモバイル端末にも対応し、レスポンシブデザインを採用した HTML, CSS, JavaScript フレームワークです。 T...</p><p><a href="https://b.hatena.ne.jp/entry/www.tohoho-web.com/ex/bootstrap.html"><img src="https://b.hatena.ne.jp/entry/image/http://www.tohoho-web.com/ex/bootstrap.html" alt="はてなブックマーク - とほほのBootstrap 3入門 - とほほのWWW入門" title="はてなブックマーク - とほほのBootstrap 3入門 - とほほのWWW入門" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/www.tohoho-web.com/ex/bootstrap.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://www.catch.jp/wiki/?Processing.js%B4%F0%C1%C3%BA%C7%C2%AE%C6%FE%CC%E7 kulurel 2015-07-29T16:07:18Z javascript HTML5 programming webプログラミング 39 <blockquote cite="http://www.catch.jp/wiki/?Processing.js%B4%F0%C1%C3%BA%C7%C2%AE%C6%FE%CC%E7" title="デジタルをわかりやすく - catch.jp blog"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwww.catch.jp%2Fwiki%2F%3FProcessing.js%25B4%25F0%25C1%25C3%25BA%25C7%25C2%25AE%25C6%25FE%25CC%25E7" alt="" /> <a href="http://www.catch.jp/wiki/?Processing.js%B4%F0%C1%C3%BA%C7%C2%AE%C6%FE%CC%E7">デジタルをわかりやすく - catch.jp blog</a></cite><p><a href="http://www.catch.jp/wiki/?Processing.js%B4%F0%C1%C3%BA%C7%C2%AE%C6%FE%CC%E7"><img src="" alt="デジタルをわかりやすく - catch.jp blog" title="デジタルをわかりやすく - catch.jp blog" class="entry-image" /></a></p><p>フリーランスのテクニカルライター 可知 豊の個人ブログです。 IT・ビジネス・プログラミング学習などをテーマに、多くのメディアで記事を書いています。 このほかに、Webコンテンツや簡単なプログラムの作成、Webシステムやプログラミングのトレーニング支援、企業メディアの企画・制作・運営にたずさわってきました。 ...</p><p><a href="https://b.hatena.ne.jp/entry/www.catch.jp/wiki/?Processing.js%B4%F0%C1%C3%BA%C7%C2%AE%C6%FE%CC%E7"><img src="https://b.hatena.ne.jp/entry/image/http://www.catch.jp/wiki/?Processing.js%B4%F0%C1%C3%BA%C7%C2%AE%C6%FE%CC%E7" alt="はてなブックマーク - デジタルをわかりやすく - catch.jp blog" title="はてなブックマーク - デジタルをわかりやすく - catch.jp blog" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/www.catch.jp/wiki/?Processing.js%B4%F0%C1%C3%BA%C7%C2%AE%C6%FE%CC%E7"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://jordaneldredge.com/projects/winamp2-js/ USBメモリーに入った音楽ファイルを再生させるプレーヤーとして使えないことはない… kulurel 2014-11-24T11:11:48Z JavaScript html5 これは便利 44 <blockquote cite="http://jordaneldredge.com/projects/winamp2-js/" title="Webamp • Winamp in your browser"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fjordaneldredge.com%2Fprojects%2Fwinamp2-js%2F" alt="" /> <a href="http://jordaneldredge.com/projects/winamp2-js/">Webamp • Winamp in your browser</a></cite><p><a href="http://jordaneldredge.com/projects/winamp2-js/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/1feee0f26eb11931a5724dff9f9cbfe151ce2bea/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwebamp.org%2Fimages%2Fpreview-42304ea56f49c60e3d2c6c97d1bdddeb.png" alt="Webamp • Winamp in your browser" title="Webamp • Winamp in your browser" class="entry-image" /></a></p><p>Your browser does not support the features we need. Try using the most recent version of Chrome, Firefox, Safari or Edge.</p><p><a href="https://b.hatena.ne.jp/entry/jordaneldredge.com/projects/winamp2-js/"><img src="https://b.hatena.ne.jp/entry/image/http://jordaneldredge.com/projects/winamp2-js/" alt="はてなブックマーク - Webamp • Winamp in your browser" title="はてなブックマーク - Webamp • Winamp in your browser" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/jordaneldredge.com/projects/winamp2-js/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://orange-factory.com/tool/kanjicheck.html kulurel 2014-08-01T10:53:34Z javascript character japanese これは便利 webサービス 38 <blockquote cite="http://orange-factory.com/tool/kanjicheck.html" title="小学校で習う漢字 チェックツール - オレンジ工房"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Forange-factory.com%2Ftool%2Fkanjicheck.html" alt="" /> <a href="http://orange-factory.com/tool/kanjicheck.html">小学校で習う漢字 チェックツール - オレンジ工房</a></cite><p><a href="http://orange-factory.com/tool/kanjicheck.html"><img src="" alt="小学校で習う漢字 チェックツール - オレンジ工房" title="小学校で習う漢字 チェックツール - オレンジ工房" class="entry-image" /></a></p><p>結果 このように「強調」されているのが、習っていない漢字です。 学年を複数選択した場合は、学年ごとに色分けされます。 自己責任でご利用ください。 小学校で習う漢字のデータは、文部科学省の下記資料を参照しました： http://www.mext.go.jp/a_menu/shotou/new-cs/1387014.htm トップ &gt; 教育 &gt; 小学校、中学校、高...</p><p><a href="https://b.hatena.ne.jp/entry/orange-factory.com/tool/kanjicheck.html"><img src="https://b.hatena.ne.jp/entry/image/http://orange-factory.com/tool/kanjicheck.html" alt="はてなブックマーク - 小学校で習う漢字 チェックツール - オレンジ工房" title="はてなブックマーク - 小学校で習う漢字 チェックツール - オレンジ工房" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/orange-factory.com/tool/kanjicheck.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://tech.bayashi.jp/archives/entry/techweb/2007/001798.html コメントアウトの書き方まとめ kulurel 2013-08-30T05:31:15Z programming JavaScript php html 113 <blockquote cite="http://tech.bayashi.jp/archives/entry/techweb/2007/001798.html" title="bayashi.jp"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Ftech.bayashi.jp%2Farchives%2Fentry%2Ftechweb%2F2007%2F001798.html" alt="" /> <a href="http://tech.bayashi.jp/archives/entry/techweb/2007/001798.html">bayashi.jp</a></cite><p><a href="http://tech.bayashi.jp/archives/entry/techweb/2007/001798.html"><img src="" alt="bayashi.jp" title="bayashi.jp" class="entry-image" /></a></p><p>We’re getting things ready Loading your experience… This won’t take long.</p><p><a href="https://b.hatena.ne.jp/entry/tech.bayashi.jp/archives/entry/techweb/2007/001798.html"><img src="https://b.hatena.ne.jp/entry/image/http://tech.bayashi.jp/archives/entry/techweb/2007/001798.html" alt="はてなブックマーク - bayashi.jp" title="はてなブックマーク - bayashi.jp" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/tech.bayashi.jp/archives/entry/techweb/2007/001798.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.appbank.net/2011/08/06/iphone-news/284648.php kulurel 2013-04-19T03:25:28Z Bookmarklet iPhone ipad JavaScript これは便利 864 <blockquote cite="https://www.appbank.net/2011/08/06/iphone-news/284648.php" title="ブラウザ「Safari」の使い方。Safariを格段に強化する「ブックマークレット」編。 | AppBank"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.appbank.net%2F2011%2F08%2F06%2Fiphone-news%2F284648.php" alt="" /> <a href="https://www.appbank.net/2011/08/06/iphone-news/284648.php">ブラウザ「Safari」の使い方。Safariを格段に強化する「ブックマークレット」編。 | AppBank</a></cite><p><a href="https://www.appbank.net/2011/08/06/iphone-news/284648.php"><img src="" alt="ブラウザ「Safari」の使い方。Safariを格段に強化する「ブックマークレット」編。 | AppBank" title="ブラウザ「Safari」の使い方。Safariを格段に強化する「ブックマークレット」編。 | AppBank" class="entry-image" /></a></p><p>皆さま「ブックマークレット」って知っていますか。ブックマークレットとは、「Safariをもっと便利に使うための機能拡張」のことです。ブックマークレットを使えば、こんなことができるようになります。 ページの最下部への移動 読んでいるページをInstapaper（アプリ）やEvernote（アプリ）に保存する サイトのソース表...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.appbank.net/2011/08/06/iphone-news/284648.php"><img src="https://b.hatena.ne.jp/entry/image/https://www.appbank.net/2011/08/06/iphone-news/284648.php" alt="はてなブックマーク - ブラウザ「Safari」の使い方。Safariを格段に強化する「ブックマークレット」編。 | AppBank" title="はてなブックマーク - ブラウザ「Safari」の使い方。Safariを格段に強化する「ブックマークレット」編。 | AppBank" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.appbank.net/2011/08/06/iphone-news/284648.php"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://techwave.jp/archives/51731027.html kulurel 2012-02-21T15:22:26Z javascript HTML5 programming 1186 <blockquote cite="https://techwave.jp/archives/51731027.html" title="絶対買うんだよ→初心者でも3時間もあればプログラミングできる「enchant.js」のバイブル本発売 【増田(@maskin)真樹】 : TechWave"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Ftechwave.jp%2Farchives%2F51731027.html" alt="" /> <a href="https://techwave.jp/archives/51731027.html">絶対買うんだよ→初心者でも3時間もあればプログラミングできる「enchant.js」のバイブル本発売 【増田(@maskin)真樹】 : TechWave</a></cite><p><a href="https://techwave.jp/archives/51731027.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/dc55164dfc8b86e237ca8f490247a7df06a2559b/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Ftechwave.jp%2Fimages_inbox%2F2016%2F05%2Fac8b2daf-s.jpg" alt="絶対買うんだよ→初心者でも3時間もあればプログラミングできる「enchant.js」のバイブル本発売 【増田(@maskin)真樹】 : TechWave" title="絶対買うんだよ→初心者でも3時間もあればプログラミングできる「enchant.js」のバイブル本発売 【増田(@maskin)真樹】 : TechWave" class="entry-image" /></a></p><p>[読了時間:2分] 「アプリやウェブサイトがどんな風にプログラムされているか知りたい」「プログラミングしてみたい」そう思う人がジワジワ増えている。TechWaveでは、そんな初心者の夢を実現するのに最適といえるUEI(ユビキタスエンターテインメント)の「enchant.js」に注目してきたが、そのバイブルとも言える教科書本...</p><p><a href="https://b.hatena.ne.jp/entry/s/techwave.jp/archives/51731027.html"><img src="https://b.hatena.ne.jp/entry/image/https://techwave.jp/archives/51731027.html" alt="はてなブックマーク - 絶対買うんだよ→初心者でも3時間もあればプログラミングできる「enchant.js」のバイブル本発売 【増田(@maskin)真樹】 : TechWave" title="はてなブックマーク - 絶対買うんだよ→初心者でも3時間もあればプログラミングできる「enchant.js」のバイブル本発売 【増田(@maskin)真樹】 : TechWave" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/techwave.jp/archives/51731027.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://d.hatena.ne.jp/tsumiyama/20110605/p1 kulurel 2011-06-06T11:04:28Z Safari iPad javascript ブックマークレット iPhone 760 <blockquote cite="http://d.hatena.ne.jp/tsumiyama/20110605/p1" title="「俺の邪悪なメモ」跡地"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fd.hatena.ne.jp%2Ftsumiyama%2F20110605%2Fp1" alt="" /> <a href="http://d.hatena.ne.jp/tsumiyama/20110605/p1">「俺の邪悪なメモ」跡地</a></cite><p><a href="http://d.hatena.ne.jp/tsumiyama/20110605/p1"><img src="" alt="「俺の邪悪なメモ」跡地" title="「俺の邪悪なメモ」跡地" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/d.hatena.ne.jp/tsumiyama/20110605/p1"><img src="https://b.hatena.ne.jp/entry/image/http://d.hatena.ne.jp/tsumiyama/20110605/p1" alt="はてなブックマーク - 「俺の邪悪なメモ」跡地" title="はてなブックマーク - 「俺の邪悪なメモ」跡地" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/d.hatena.ne.jp/tsumiyama/20110605/p1"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://efcl.info/2011/0527/res2764/ kulurel 2011-05-28T15:25:45Z webプログラミング javascript まとめ programming 1233 <blockquote cite="https://efcl.info/2011/0527/res2764/" title="JavaScriptのいろいろなコーディングルールをまとめてみた"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fefcl.info%2F2011%2F0527%2Fres2764%2F" alt="" /> <a href="https://efcl.info/2011/0527/res2764/">JavaScriptのいろいろなコーディングルールをまとめてみた</a></cite><p><a href="https://efcl.info/2011/0527/res2764/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/1629f4323226f1cdaf7194c4547f9150d62b4d5f/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fefcl.info%2Fpublic%2Ffavicon.png" alt="JavaScriptのいろいろなコーディングルールをまとめてみた" title="JavaScriptのいろいろなコーディングルールをまとめてみた" class="entry-image" /></a></p><p>JavaScriptの書き方はJavaScript自体がある程度自由なためいろいろな書き方ができますが、一貫性を持って書いた方がバグなども発生しにくくなるため、コーディングルールを定めておくのはよいことだと思います(特に複数人の開発の場合) 有名な企業やライブラリはコーディングルールも公開している事が多いので適当にまと...</p><p><a href="https://b.hatena.ne.jp/entry/s/efcl.info/2011/0527/res2764/"><img src="https://b.hatena.ne.jp/entry/image/https://efcl.info/2011/0527/res2764/" alt="はてなブックマーク - JavaScriptのいろいろなコーディングルールをまとめてみた" title="はてなブックマーク - JavaScriptのいろいろなコーディングルールをまとめてみた" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/efcl.info/2011/0527/res2764/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://techwave.jp/archives/51665607.html kulurel 2011-05-22T04:59:31Z HTML5 web制作 webデザイン Mac javascript Flash HTML software 732 <blockquote cite="https://techwave.jp/archives/51665607.html" title="もうFLASH不要かも? HTML5アニメ作成ソフト｢Hype｣登場 iOSにも対応! 【増田(@maskin)真樹】 | TechWave（テックウェーブ）"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Ftechwave.jp%2Farchives%2F51665607.html" alt="" /> <a href="https://techwave.jp/archives/51665607.html">もうFLASH不要かも? HTML5アニメ作成ソフト｢Hype｣登場 iOSにも対応! 【増田(@maskin)真樹】 | TechWave（テックウェーブ）</a></cite><p><a href="https://techwave.jp/archives/51665607.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/aa43f3c90e1cc2f0ff5419a7cdda9843be71a08b/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Ftechwave.jp%2Fimages_inbox%2F2016%2F05%2F902e5c20-s.jpg" alt="もうFLASH不要かも? HTML5アニメ作成ソフト｢Hype｣登場 iOSにも対応! 【増田(@maskin)真樹】 | TechWave（テックウェーブ）" title="もうFLASH不要かも? HTML5アニメ作成ソフト｢Hype｣登場 iOSにも対応! 【増田(@maskin)真樹】 | TechWave（テックウェーブ）" class="entry-image" /></a></p><p>[読了時間:1分] ウェブコンテンツに魅力的な動きを付与できるFLASH。しかし、Adobe社の公式オーサリングツールは高額で、デザイナーじゃないと手が届きにくかった。その対抗馬として注目を浴びている次期ウェブ標準仕様のHTML5をベースに、手軽にアニメやスライドを作成できるツール「Hype」が米時間の5月20日にお目見え...</p><p><a href="https://b.hatena.ne.jp/entry/s/techwave.jp/archives/51665607.html"><img src="https://b.hatena.ne.jp/entry/image/https://techwave.jp/archives/51665607.html" alt="はてなブックマーク - もうFLASH不要かも? HTML5アニメ作成ソフト｢Hype｣登場 iOSにも対応! 【増田(@maskin)真樹】 | TechWave（テックウェーブ）" title="はてなブックマーク - もうFLASH不要かも? HTML5アニメ作成ソフト｢Hype｣登場 iOSにも対応! 【増田(@maskin)真樹】 | TechWave（テックウェーブ）" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/techwave.jp/archives/51665607.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://e0166.blog.fc2.com/blog-entry-870.html kulurel 2011-04-05T05:33:42Z web制作 webデザイン まとめ javascript design はじまりの応援 3606 <blockquote cite="https://e0166.blog.fc2.com/blog-entry-870.html" title="Web制作をこれから始める人の為のスキル・HTML・CSS・ブラウザ・写真素材入手の基礎情報*ホームページを作る人のネタ帳"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fe0166.blog.fc2.com%2Fblog-entry-870.html" alt="" /> <a href="https://e0166.blog.fc2.com/blog-entry-870.html">Web制作をこれから始める人の為のスキル・HTML・CSS・ブラウザ・写真素材入手の基礎情報*ホームページを作る人のネタ帳</a></cite><p><a href="https://e0166.blog.fc2.com/blog-entry-870.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/ee7c18c9a5191f22331e18b680d7e545ca28d651/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fblog-imgs-31.fc2.com%2Fe%2F0%2F1%2Fe0166%2F201103250057.jpg" alt="Web制作をこれから始める人の為のスキル・HTML・CSS・ブラウザ・写真素材入手の基礎情報*ホームページを作る人のネタ帳" title="Web制作をこれから始める人の為のスキル・HTML・CSS・ブラウザ・写真素材入手の基礎情報*ホームページを作る人のネタ帳" class="entry-image" /></a></p><p>Yamadaです。 かれこれWeb屋暦が14年くらいになるんですが、こうしてWebに携わっていると、3ヶ月周期で情報の入れ替えをしていかないと、正直追いつかないと感じます。そんな激流のようなWeb業界にこれから飛び込もうと言う新卒の方や、中途の方に送るバイブルとなればと思います。 というわけで改めて春ですし、これか...</p><p><a href="https://b.hatena.ne.jp/entry/s/e0166.blog.fc2.com/blog-entry-870.html"><img src="https://b.hatena.ne.jp/entry/image/https://e0166.blog.fc2.com/blog-entry-870.html" alt="はてなブックマーク - Web制作をこれから始める人の為のスキル・HTML・CSS・ブラウザ・写真素材入手の基礎情報*ホームページを作る人のネタ帳" title="はてなブックマーク - Web制作をこれから始める人の為のスキル・HTML・CSS・ブラウザ・写真素材入手の基礎情報*ホームページを作る人のネタ帳" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/e0166.blog.fc2.com/blog-entry-870.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.webcreatorbox.com/blog/jquery-tips20 kulurel 2011-01-25T07:58:13Z javascript CSS まとめ web制作 webデザイン 2866 <blockquote cite="https://www.webcreatorbox.com/blog/jquery-tips20" title="少しのコードで実装可能な20のjQuery小技集"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.webcreatorbox.com%2Fblog%2Fjquery-tips20" alt="" /> <a href="https://www.webcreatorbox.com/blog/jquery-tips20">少しのコードで実装可能な20のjQuery小技集</a></cite><p><a href="https://www.webcreatorbox.com/blog/jquery-tips20"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/23e55f7bbff2d08a766e3054333d2c8a4a9b0837/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fimages.microcms-assets.io%2Fassets%2F2d1b8c905c1d447eb649028ca07253a8%2F95e10bc85406472b83994c03e31ceeb7%2Fthumb_jquery.gif" alt="少しのコードで実装可能な20のjQuery小技集" title="少しのコードで実装可能な20のjQuery小技集" class="entry-image" /></a></p><p>少しのコードで実装可能な20のjQuery小技集素敵な動きを手軽に実装できるJavaScriptライブラリ「jQuery」。jQueryには多くのプラグインが揃っていますが、今回はプラグインなしで実装できるjQueryの小技を紹介します！「jQueryってなんだ？」という人もコピペで実装できますよ！サンプルも用意したのでぜひご覧ください...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.webcreatorbox.com/blog/jquery-tips20"><img src="https://b.hatena.ne.jp/entry/image/https://www.webcreatorbox.com/blog/jquery-tips20" alt="はてなブックマーク - 少しのコードで実装可能な20のjQuery小技集" title="はてなブックマーク - 少しのコードで実装可能な20のjQuery小技集" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.webcreatorbox.com/blog/jquery-tips20"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://ito-naika.net/ 実は１つのページの中にすべてが収まっているという発想。「○○をこのメニューの下に移動します。」 kulurel 2010-10-06T12:46:09Z design Webデザイン JavaScript 可変 これはすごい 692 <blockquote cite="https://ito-naika.net/" title="伊藤内科医院"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fito-naika.net%2F" alt="" /> <a href="https://ito-naika.net/">伊藤内科医院</a></cite><p><a href="https://ito-naika.net/"><img src="" alt="伊藤内科医院" title="伊藤内科医院" class="entry-image" /></a></p><p>大分市大石町4丁目1組の2 / 097-543-1100 月・火・金: 8:30～11:45 / 13:30～16:45 水: 8:30～11:45 / 13:30～14：45 木・土: 8:30～11:45 / 午後休診 休診日: 日曜・祭日・木曜午後・土曜午後</p><p><a href="https://b.hatena.ne.jp/entry/s/ito-naika.net/"><img src="https://b.hatena.ne.jp/entry/image/https://ito-naika.net/" alt="はてなブックマーク - 伊藤内科医院" title="はてなブックマーク - 伊藤内科医院" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/ito-naika.net/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://m-clinic.net/ kulurel 2010-10-06T12:41:23Z webデザイン web制作 JavaScript Ajax これはすごい 256 <blockquote cite="https://m-clinic.net/" title="胃袋ダイエットとは？ | 松本クリニック"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fm-clinic.net%2F" alt="" /> <a href="https://m-clinic.net/">胃袋ダイエットとは？ | 松本クリニック</a></cite><p><a href="https://m-clinic.net/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/45a1429a55ac80b3a04e51c7f182065006a84fe0/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fm-clinic.net%2Fcommon%2Fupload_data%2Fm-clinicnet%2Fimage%2F20200801201149.jpg" alt="胃袋ダイエットとは？ | 松本クリニック" title="胃袋ダイエットとは？ | 松本クリニック" class="entry-image" /></a></p><p>松本クリニック院長松本浩彦は地域のかかりつけ医として、芦屋で暮らしていらっしゃる方の健康に貢献できるよう尽くしております。総合診療科として患者様を迎え入れており、疾患や年齢などに関係なくどんな患者様も診察いたします。診察の結果、より高度な専門医療が必要と判断した場合は専門医療機関を紹介いたします...</p><p><a href="https://b.hatena.ne.jp/entry/s/m-clinic.net/"><img src="https://b.hatena.ne.jp/entry/image/https://m-clinic.net/" alt="はてなブックマーク - 胃袋ダイエットとは？ | 松本クリニック" title="はてなブックマーク - 胃袋ダイエットとは？ | 松本クリニック" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/m-clinic.net/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://iswebmag.hp.infoseek.co.jp/ IE&ネスケ時代のページだけど　基本はまとまっている kulurel 2010-10-01T12:23:39Z web制作 資料 勉強 javascript tips はじまりの応援 47 <blockquote cite="http://iswebmag.hp.infoseek.co.jp/" title="Infoseek[インフォシーク] - 楽天が運営するポータルサイト"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fiswebmag.hp.infoseek.co.jp%2F" alt="" /> <a href="http://iswebmag.hp.infoseek.co.jp/">Infoseek[インフォシーク] - 楽天が運営するポータルサイト</a></cite><p><a href="http://iswebmag.hp.infoseek.co.jp/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/85c66dec274865a47a0220133a45d72b61ff34b9/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fimage.infoseek.rakuten.co.jp%2Fcontent%2Ftop-ajax%2Fmobile%2Flogo.png" alt="Infoseek[インフォシーク] - 楽天が運営するポータルサイト" title="Infoseek[インフォシーク] - 楽天が運営するポータルサイト" class="entry-image" /></a></p><p>人気再燃！ポケモンGOをより楽しむウェアラブルデバイス4選 街中で『ポケモンGO』を遊ぶにしても、スマートフォンを出したりしまったりしながら歩くのはなかなか難し…</p><p><a href="https://b.hatena.ne.jp/entry/iswebmag.hp.infoseek.co.jp/"><img src="https://b.hatena.ne.jp/entry/image/http://iswebmag.hp.infoseek.co.jp/" alt="はてなブックマーク - Infoseek[インフォシーク] - 楽天が運営するポータルサイト" title="はてなブックマーク - Infoseek[インフォシーク] - 楽天が運営するポータルサイト" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/iswebmag.hp.infoseek.co.jp/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://atmarkit.itmedia.co.jp/ait/articles/1006/17/news086.html kulurel 2010-06-18T09:19:58Z プラグイン javascript Webデザイン Web制作 まとめ 585 <blockquote cite="https://atmarkit.itmedia.co.jp/ait/articles/1006/17/news086.html" title="あなたのWebを入力しやすくするjQueryプラグイン10選"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fatmarkit.itmedia.co.jp%2Fait%2Farticles%2F1006%2F17%2Fnews086.html" alt="" /> <a href="https://atmarkit.itmedia.co.jp/ait/articles/1006/17/news086.html">あなたのWebを入力しやすくするjQueryプラグイン10選</a></cite><p><a href="https://atmarkit.itmedia.co.jp/ait/articles/1006/17/news086.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/3c829a5ce0c498e4b58e7614e68b4466d349be81/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fimage.itmedia.co.jp%2Fait%2Farticles%2F1006%2F17%2F01.jpg" alt="あなたのWebを入力しやすくするjQueryプラグイン10選" title="あなたのWebを入力しやすくするjQueryプラグイン10選" class="entry-image" /></a></p><p>あなたのWebを入力しやすくするjQueryプラグイン10選：CSSの書き方も分かるjQueryプラグイン実践活用法（終）（1/5 ページ） jQueryと、そのプラグインの使い方を、UI効果（エフェクト）のテーマごとに紹介する連載。jQuery/JavaScript/HTMLコードだけではなく、CSSの書き方も解説することで、より実践的にjQueryプラグ...</p><p><a href="https://b.hatena.ne.jp/entry/s/atmarkit.itmedia.co.jp/ait/articles/1006/17/news086.html"><img src="https://b.hatena.ne.jp/entry/image/https://atmarkit.itmedia.co.jp/ait/articles/1006/17/news086.html" alt="はてなブックマーク - あなたのWebを入力しやすくするjQueryプラグイン10選" title="はてなブックマーク - あなたのWebを入力しやすくするjQueryプラグイン10選" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/atmarkit.itmedia.co.jp/ait/articles/1006/17/news086.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://journal.mycom.co.jp/articles/2010/05/28/html-id-class-naming-rule/index.html kulurel 2010-05-28T18:08:16Z JavaScript CSS web制作 webデザイン HTML 476 <blockquote cite="http://journal.mycom.co.jp/articles/2010/05/28/html-id-class-naming-rule/index.html" title="【レビュー】HTMLのidとclassでいい名前をつけるテクニック | エンタープライズ | マイコミジャーナル"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fjournal.mycom.co.jp%2Farticles%2F2010%2F05%2F28%2Fhtml-id-class-naming-rule%2Findex.html" alt="" /> <a href="http://journal.mycom.co.jp/articles/2010/05/28/html-id-class-naming-rule/index.html">【レビュー】HTMLのidとclassでいい名前をつけるテクニック | エンタープライズ | マイコミジャーナル</a></cite><p><a href="http://journal.mycom.co.jp/articles/2010/05/28/html-id-class-naming-rule/index.html"><img src="" alt="【レビュー】HTMLのidとclassでいい名前をつけるテクニック | エンタープライズ | マイコミジャーナル" title="【レビュー】HTMLのidとclassでいい名前をつけるテクニック | エンタープライズ | マイコミジャーナル" class="entry-image" /></a></p><p>SitePoint: New Articles, Fresh Thinking for Web Developers and Designers HTMLを書く際に悩むことは多々あるが、中でも悩ましいことのひとつにidやclassで指定する「名前」がある。idやclass属性はCSSやJavaScriptで対象となる要素を特定するために使われる。わかりやすく一貫性がある名前をつけることは、Webプログ...</p><p><a href="https://b.hatena.ne.jp/entry/journal.mycom.co.jp/articles/2010/05/28/html-id-class-naming-rule/index.html"><img src="https://b.hatena.ne.jp/entry/image/http://journal.mycom.co.jp/articles/2010/05/28/html-id-class-naming-rule/index.html" alt="はてなブックマーク - 【レビュー】HTMLのidとclassでいい名前をつけるテクニック | エンタープライズ | マイコミジャーナル" title="はてなブックマーク - 【レビュー】HTMLのidとclassでいい名前をつけるテクニック | エンタープライズ | マイコミジャーナル" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/journal.mycom.co.jp/articles/2010/05/28/html-id-class-naming-rule/index.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://miko.art/labs/sketchpad-1.0/ お絵かき出来るよ。HTML+CSS+JavaScriptだから大丈夫。 kulurel 2010-02-25T02:42:07Z Webサービス javascript お絵かき これはすごい これは便利 tool 669 <blockquote cite="https://miko.art/labs/sketchpad-1.0/" title="Sketchpad"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fmiko.art%2Flabs%2Fsketchpad-1.0%2F" alt="" /> <a href="https://miko.art/labs/sketchpad-1.0/">Sketchpad</a></cite><p><a href="https://miko.art/labs/sketchpad-1.0/"><img src="" alt="Sketchpad" title="Sketchpad" class="entry-image" /></a></p><p>Sketchpad is an online drawing application -- written in</p><p><a href="https://b.hatena.ne.jp/entry/s/miko.art/labs/sketchpad-1.0/"><img src="https://b.hatena.ne.jp/entry/image/https://miko.art/labs/sketchpad-1.0/" alt="はてなブックマーク - Sketchpad" title="はてなブックマーク - Sketchpad" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/miko.art/labs/sketchpad-1.0/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://www.designwalker.com/2009/03/form-design-2.html kulurel 2009-06-05T08:59:36Z web制作 webデザイン design CSS JavaScript チュートリアル 879 <blockquote cite="http://www.designwalker.com/2009/03/form-design-2.html" title="http://www.designwalker.com/2009/03/form-design-2.html"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwww.designwalker.com%2F2009%2F03%2Fform-design-2.html" alt="" /> <a href="http://www.designwalker.com/2009/03/form-design-2.html">http://www.designwalker.com/2009/03/form-design-2.html</a></cite><p><a href="http://www.designwalker.com/2009/03/form-design-2.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/4eb2bbadb52dc603c7ea3be5a904fa6ef1e96eb0/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwww.designwalker.com%2Fwp-content%2Fuploads%2F2017%2F12%2F01-11.gif" alt="http://www.designwalker.com/2009/03/form-design-2.html" title="http://www.designwalker.com/2009/03/form-design-2.html" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/www.designwalker.com/2009/03/form-design-2.html"><img src="https://b.hatena.ne.jp/entry/image/http://www.designwalker.com/2009/03/form-design-2.html" alt="はてなブックマーク - http://www.designwalker.com/2009/03/form-design-2.html" title="はてなブックマーク - http://www.designwalker.com/2009/03/form-design-2.html" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/www.designwalker.com/2009/03/form-design-2.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote>