https://b.hatena.ne.jp/kanimaster/HTML/ HTMLに関するkanimasterのはてなブックマーク (64) http://deep.matrix.jp/2014/10/30/fxxk-the-viralmedia/ blockquote は必須の要件ではないな。「」でも良いし、引用始め～引用終わりでもかまわない。 kanimaster 2014-10-31T03:53:15Z 著作権 HTML 172 <blockquote cite="http://deep.matrix.jp/2014/10/30/fxxk-the-viralmedia/" title="各種まとめサイト、バイラルメディアによる記事の無断引用について - DEEP案内編集部"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fdeep.matrix.jp%2F2014%2F10%2F30%2Ffxxk-the-viralmedia%2F" alt="" /> <a href="http://deep.matrix.jp/2014/10/30/fxxk-the-viralmedia/">各種まとめサイト、バイラルメディアによる記事の無断引用について - DEEP案内編集部</a></cite><p><a href="http://deep.matrix.jp/2014/10/30/fxxk-the-viralmedia/"><img src="" alt="各種まとめサイト、バイラルメディアによる記事の無断引用について - DEEP案内編集部" title="各種まとめサイト、バイラルメディアによる記事の無断引用について - DEEP案内編集部" class="entry-image" /></a></p><p>近年「NAVERまとめ」を代表とするまとめサイト（キュレーションサイトとも）や「バイラルメディア」と呼ばれる形態のサイトが台頭しており、当サイトの記事中の文章や写真を無断引用される例が相次いでいるので、正直面倒でしょうがないんですが、こうしたサイトの利用に際して当DEEP案内編集部としてもきちんとした線引...</p><p><a href="https://b.hatena.ne.jp/entry/deep.matrix.jp/2014/10/30/fxxk-the-viralmedia/"><img src="https://b.hatena.ne.jp/entry/image/http://deep.matrix.jp/2014/10/30/fxxk-the-viralmedia/" alt="はてなブックマーク - 各種まとめサイト、バイラルメディアによる記事の無断引用について - DEEP案内編集部" title="はてなブックマーク - 各種まとめサイト、バイラルメディアによる記事の無断引用について - DEEP案内編集部" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/deep.matrix.jp/2014/10/30/fxxk-the-viralmedia/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://commte.net//archives/3403 kanimaster 2014-04-05T12:03:29Z HTML css webデザイン まとめ 1428 <blockquote cite="https://commte.net//archives/3403" title="ひとりでWeb制作できた！「知識０から学ぶ」すごいスライドやサイト２７"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcommte.net%2F%2Farchives%2F3403" alt="" /> <a href="https://commte.net//archives/3403">ひとりでWeb制作できた！「知識０から学ぶ」すごいスライドやサイト２７</a></cite><p><a href="https://commte.net//archives/3403"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/c49a6e962ade184d6f2fa9a3adeb7c47d5eb29e9/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcommte.net%2Fwp-content%2Fuploads%2Fai_Webdesign1.jpg" alt="ひとりでWeb制作できた！「知識０から学ぶ」すごいスライドやサイト２７" title="ひとりでWeb制作できた！「知識０から学ぶ」すごいスライドやサイト２７" class="entry-image" /></a></p><p>作成：2013/07/22 更新：2014/11/01 Web制作 &gt; 先日、お客さんのところへ提案にいったところ、「サイトを自分でも作りたいので定期的に講習会を開いて欲しい。Wordしか分からない。」と言われました。とはいっても、自分である程度、継続して勉強しておかないと、受講する人は2回目以降の受講内容を理解出来ないし、教え...</p><p><a href="https://b.hatena.ne.jp/entry/s/commte.net//archives/3403"><img src="https://b.hatena.ne.jp/entry/image/https://commte.net//archives/3403" alt="はてなブックマーク - ひとりでWeb制作できた！「知識０から学ぶ」すごいスライドやサイト２７" title="はてなブックマーク - ひとりでWeb制作できた！「知識０から学ぶ」すごいスライドやサイト２７" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/commte.net//archives/3403"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://anond.hatelabo.jp/20130712163358 IE3.0くらい。 kanimaster 2013-07-15T06:16:22Z HTML IE7 37 <blockquote cite="https://anond.hatelabo.jp/20130712163358" title="はじめてホームページ作ったよ！"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fanond.hatelabo.jp%2F20130712163358" alt="" /> <a href="https://anond.hatelabo.jp/20130712163358">はじめてホームページ作ったよ！</a></cite><p><a href="https://anond.hatelabo.jp/20130712163358"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/2ec6a459bb9b383ee013c4fa73ad41a2bd0d9813/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fanond.hatelabo.jp%2Fimages%2Fog-image-1500.gif" alt="はじめてホームページ作ったよ！" title="はじめてホームページ作ったよ！" class="entry-image" /></a></p><p>アクセスしてね。 URLは file:¥¥¥C:¥Users¥kurokishi¥Documents¥HomePages</p><p><a href="https://b.hatena.ne.jp/entry/s/anond.hatelabo.jp/20130712163358"><img src="https://b.hatena.ne.jp/entry/image/https://anond.hatelabo.jp/20130712163358" alt="はてなブックマーク - はじめてホームページ作ったよ！" title="はてなブックマーク - はじめてホームページ作ったよ！" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/anond.hatelabo.jp/20130712163358"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://www.webbibo.com/blog/htmlcss/indent.html kanimaster 2013-04-26T03:07:40Z css HTML 23 <blockquote cite="http://www.webbibo.com/blog/htmlcss/indent.html" title="CSSで1行目の見出し項目をぶら下げインデントする｜web bibo"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwww.webbibo.com%2Fblog%2Fhtmlcss%2Findent.html" alt="" /> <a href="http://www.webbibo.com/blog/htmlcss/indent.html">CSSで1行目の見出し項目をぶら下げインデントする｜web bibo</a></cite><p><a href="http://www.webbibo.com/blog/htmlcss/indent.html"><img src="" alt="CSSで1行目の見出し項目をぶら下げインデントする｜web bibo" title="CSSで1行目の見出し項目をぶら下げインデントする｜web bibo" class="entry-image" /></a></p><p>注意書きや箇条書きなど段落の1行目に見出し項目がある文章で、項目を目立たせるために、2行目以降を字下げすることがあります。これを簡単に実現する方法です。 注意書きとか箇条書きなど、非常に使う場面が多いと思うのでので、かなり役立つテクニックです。ていうか、このテクニック皆さん知ってますよね。。。一応、...</p><p><a href="https://b.hatena.ne.jp/entry/www.webbibo.com/blog/htmlcss/indent.html"><img src="https://b.hatena.ne.jp/entry/image/http://www.webbibo.com/blog/htmlcss/indent.html" alt="はてなブックマーク - CSSで1行目の見出し項目をぶら下げインデントする｜web bibo" title="はてなブックマーク - CSSで1行目の見出し項目をぶら下げインデントする｜web bibo" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/www.webbibo.com/blog/htmlcss/indent.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.ideaxidea.com/archives/2013/01/notepad_html.html kanimaster 2013-01-30T11:19:58Z ブラウザ HTML 471 <blockquote cite="https://www.ideaxidea.com/archives/2013/01/notepad_html.html" title="Example Domain"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.ideaxidea.com%2Farchives%2F2013%2F01%2Fnotepad_html.html" alt="" /> <a href="https://www.ideaxidea.com/archives/2013/01/notepad_html.html">Example Domain</a></cite><p><a href="https://www.ideaxidea.com/archives/2013/01/notepad_html.html"><img src="" alt="Example Domain" title="Example Domain" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/s/www.ideaxidea.com/archives/2013/01/notepad_html.html"><img src="https://b.hatena.ne.jp/entry/image/https://www.ideaxidea.com/archives/2013/01/notepad_html.html" alt="はてなブックマーク - Example Domain" title="はてなブックマーク - Example Domain" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.ideaxidea.com/archives/2013/01/notepad_html.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.lifehacker.jp/article/100830_youtube_html5/ kanimaster 2012-06-12T15:44:09Z YouTube HTML tips ブラウザ 183 <blockquote cite="https://www.lifehacker.jp/article/100830_youtube_html5/" title="YouTube動画のURLに「&amp;html5=True」をつけるとHTML5プレーヤーで再生できる | ライフハッカー・ジャパン"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.lifehacker.jp%2Farticle%2F100830_youtube_html5%2F" alt="" /> <a href="https://www.lifehacker.jp/article/100830_youtube_html5/">YouTube動画のURLに「&amp;html5=True」をつけるとHTML5プレーヤーで再生できる | ライフハッカー・ジャパン</a></cite><p><a href="https://www.lifehacker.jp/article/100830_youtube_html5/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/979db92f3d5e0b11facea9925b683918600ac6fe/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwww.lifehacker.jp%2Fimages%2Fogp.png" alt="YouTube動画のURLに「&amp;html5=True」をつけるとHTML5プレーヤーで再生できる | ライフハッカー・ジャパン" title="YouTube動画のURLに「&amp;html5=True」をつけるとHTML5プレーヤーで再生できる | ライフハッカー・ジャパン" class="entry-image" /></a></p><p>YouTubeの動画プレーヤーには、FlashのものとHTML5の、2種類があります。 以前までは、Flashプレーヤーだけでしたが、最近になり、HTML5プレーヤーが登場しました。iPhoneのSafariで、YouTube（PC版）を開くと、HTML5プレーヤーが起動しますね。HTML5プレーヤーなら、Flashが搭載していない機種でも、動画の再生が可能で...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.lifehacker.jp/article/100830_youtube_html5/"><img src="https://b.hatena.ne.jp/entry/image/https://www.lifehacker.jp/article/100830_youtube_html5/" alt="はてなブックマーク - YouTube動画のURLに「&amp;html5=True」をつけるとHTML5プレーヤーで再生できる | ライフハッカー・ジャパン" title="はてなブックマーク - YouTube動画のURLに「&amp;html5=True」をつけるとHTML5プレーヤーで再生できる | ライフハッカー・ジャパン" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.lifehacker.jp/article/100830_youtube_html5/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://www.gourmet-traveling-life.com/okayama/ 何かを受信しました。 kanimaster 2012-05-23T14:37:44Z HTML 電波 6 <blockquote cite="http://www.gourmet-traveling-life.com/okayama/" title="岡山県の温泉宿～口コミ人気の温泉宿"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwww.gourmet-traveling-life.com%2Fokayama%2F" alt="" /> <a href="http://www.gourmet-traveling-life.com/okayama/">岡山県の温泉宿～口コミ人気の温泉宿</a></cite><p><a href="http://www.gourmet-traveling-life.com/okayama/"><img src="" alt="岡山県の温泉宿～口コミ人気の温泉宿" title="岡山県の温泉宿～口コミ人気の温泉宿" class="entry-image" /></a></p><p>他のサイトに飽きたとき、岡山県の旅行ガイドについての記事をご利用ください。温泉宿についての記事はこだわりの情報をこだわりのあるあなたにお送りします。この記事には体験談やお得な情報満載！お見逃しのないようにしてください。中には「ここの記事で得た情報で閃き、思い切って事業をはじめてみることにしました...</p><p><a href="https://b.hatena.ne.jp/entry/www.gourmet-traveling-life.com/okayama/"><img src="https://b.hatena.ne.jp/entry/image/http://www.gourmet-traveling-life.com/okayama/" alt="はてなブックマーク - 岡山県の温泉宿～口コミ人気の温泉宿" title="はてなブックマーク - 岡山県の温泉宿～口コミ人気の温泉宿" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/www.gourmet-traveling-life.com/okayama/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://www.drawastickman.com/index.htm?o=66-69-32-67-82-69-65-84-73-86-69s69-86-69-82-89-32-68-65-89 kanimaster 2012-01-11T15:44:49Z webデザイン HTML 54 <blockquote cite="http://www.drawastickman.com/index.htm?o=66-69-32-67-82-69-65-84-73-86-69s69-86-69-82-89-32-68-65-89" title="Draw a Stickman"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwww.drawastickman.com%2Findex.htm%3Fo%3D66-69-32-67-82-69-65-84-73-86-69s69-86-69-82-89-32-68-65-89" alt="" /> <a href="http://www.drawastickman.com/index.htm?o=66-69-32-67-82-69-65-84-73-86-69s69-86-69-82-89-32-68-65-89">Draw a Stickman</a></cite><p><a href="http://www.drawastickman.com/index.htm?o=66-69-32-67-82-69-65-84-73-86-69s69-86-69-82-89-32-68-65-89"><img src="" alt="Draw a Stickman" title="Draw a Stickman" class="entry-image" /></a></p><p>Use your favorite screen capture tool to capture an image of your drawings from this website. Then send the image to share@drawastickman.com. We will showcase the most creative drawings in our upcoming stickman gallery.</p><p><a href="https://b.hatena.ne.jp/entry/www.drawastickman.com/index.htm?o=66-69-32-67-82-69-65-84-73-86-69s69-86-69-82-89-32-68-65-89"><img src="https://b.hatena.ne.jp/entry/image/http://www.drawastickman.com/index.htm?o=66-69-32-67-82-69-65-84-73-86-69s69-86-69-82-89-32-68-65-89" alt="はてなブックマーク - Draw a Stickman" title="はてなブックマーク - Draw a Stickman" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/www.drawastickman.com/index.htm?o=66-69-32-67-82-69-65-84-73-86-69s69-86-69-82-89-32-68-65-89"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://www.css-lecture.com/log/javascript/011.html kanimaster 2011-07-04T05:13:10Z HTML JavaScript css 287 <blockquote cite="http://www.css-lecture.com/log/javascript/011.html" title="LightBoxの使い方とカスタマイズ方法 | CSS Lecture"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwww.css-lecture.com%2Flog%2Fjavascript%2F011.html" alt="" /> <a href="http://www.css-lecture.com/log/javascript/011.html">LightBoxの使い方とカスタマイズ方法 | CSS Lecture</a></cite><p><a href="http://www.css-lecture.com/log/javascript/011.html"><img src="" alt="LightBoxの使い方とカスタマイズ方法 | CSS Lecture" title="LightBoxの使い方とカスタマイズ方法 | CSS Lecture" class="entry-image" /></a></p><p>BOS138 - Bandar Game Gacor Asia Mode Spin BarBar Ala Big BOS BOS138 adalah bandar permainan digital yang menjadi destinasi Utama meraih maxwin dengan mudah di seluruh asia tenggara. Dapatkan bocoran spin barbar agar ikut kecipratan hoki dari para big bos!</p><p><a href="https://b.hatena.ne.jp/entry/www.css-lecture.com/log/javascript/011.html"><img src="https://b.hatena.ne.jp/entry/image/http://www.css-lecture.com/log/javascript/011.html" alt="はてなブックマーク - LightBoxの使い方とカスタマイズ方法 | CSS Lecture" title="はてなブックマーク - LightBoxの使い方とカスタマイズ方法 | CSS Lecture" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/www.css-lecture.com/log/javascript/011.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://www.chamanet.com/lightbox/ kanimaster 2011-07-04T05:06:56Z HTML JavaScript css 63 <blockquote cite="http://www.chamanet.com/lightbox/" title="chamanet.com"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwww.chamanet.com%2Flightbox%2F" alt="" /> <a href="http://www.chamanet.com/lightbox/">chamanet.com</a></cite><p><a href="http://www.chamanet.com/lightbox/"><img src="" alt="chamanet.com" title="chamanet.com" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/www.chamanet.com/lightbox/"><img src="https://b.hatena.ne.jp/entry/image/http://www.chamanet.com/lightbox/" alt="はてなブックマーク - chamanet.com" title="はてなブックマーク - chamanet.com" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/www.chamanet.com/lightbox/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://styleme.jp/tool/xls2html/ kanimaster 2011-05-12T03:20:55Z webサービス HTML webデザイン tool 757 <blockquote cite="http://styleme.jp/tool/xls2html/" title="エクセルシートをHTMLテーブルに変換しちゃう君 (ββ)"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fstyleme.jp%2Ftool%2Fxls2html%2F" alt="" /> <a href="http://styleme.jp/tool/xls2html/">エクセルシートをHTMLテーブルに変換しちゃう君 (ββ)</a></cite><p><a href="http://styleme.jp/tool/xls2html/"><img src="" alt="エクセルシートをHTMLテーブルに変換しちゃう君 (ββ)" title="エクセルシートをHTMLテーブルに変換しちゃう君 (ββ)" class="entry-image" /></a></p><p>STEP1. エクセルとかからCSV (TSV)をコピーしてを貼り付け STEP2. オプションを選択して変換 細かい設定 列目までをTHEADとする。(0でTHEADなし) TBODYの行目までをTHとする。 TBODY THに深度を埋め込んだクラス名を追加する。(1〜) クラス名： &quot; + n&quot; ひとつめのTHに深度クラスを追加しない。(lv1を追加しない) n列ごと...</p><p><a href="https://b.hatena.ne.jp/entry/styleme.jp/tool/xls2html/"><img src="https://b.hatena.ne.jp/entry/image/http://styleme.jp/tool/xls2html/" alt="はてなブックマーク - エクセルシートをHTMLテーブルに変換しちゃう君 (ββ)" title="はてなブックマーク - エクセルシートをHTMLテーブルに変換しちゃう君 (ββ)" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/styleme.jp/tool/xls2html/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://amachang.hatenablog.com/entry/20110117/1295233078 kanimaster 2011-01-17T05:09:43Z SNS HTML 2557 <blockquote cite="https://amachang.hatenablog.com/entry/20110117/1295233078" title="フェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か - IT戦記"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Famachang.hatenablog.com%2Fentry%2F20110117%2F1295233078" alt="" /> <a href="https://amachang.hatenablog.com/entry/20110117/1295233078">フェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か - IT戦記</a></cite><p><a href="https://amachang.hatenablog.com/entry/20110117/1295233078"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/b28a19dea4e285ffec91d846fa9e668204e37bf7/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2Fc6a940989a46385d65907d8b95f2eef0946d9b90%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fa%252Famachang%252F20110109%252F20110109030350.jpg" alt="フェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か - IT戦記" title="フェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か - IT戦記" class="entry-image" /></a></p><p>みなさん、こんにちは お元気ですか？僕は元気です。 さて 最近よく、「いいね！」ボタンや「ミクシィチェック」ボタンによって、ウェブページを紹介し合う文化が少しずつ定着してきたなーと思います。 そんな中で、今後重要になってくるんじゃないかと思われる OGP （Open Graph Protocol）と言われる仕様があります。...</p><p><a href="https://b.hatena.ne.jp/entry/s/amachang.hatenablog.com/entry/20110117/1295233078"><img src="https://b.hatena.ne.jp/entry/image/https://amachang.hatenablog.com/entry/20110117/1295233078" alt="はてなブックマーク - フェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か - IT戦記" title="はてなブックマーク - フェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か - IT戦記" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/amachang.hatenablog.com/entry/20110117/1295233078"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://kachibito.net/web-design/original-facebook-fanpage-tips.html kanimaster 2011-01-14T21:23:45Z Facebook webデザイン HTML css 284 <blockquote cite="https://kachibito.net/web-design/original-facebook-fanpage-tips.html" title="Facebookの「ファンページ」にオリジナルデザインのコンテンツを加える方法 - かちびと.net"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fkachibito.net%2Fweb-design%2Foriginal-facebook-fanpage-tips.html" alt="" /> <a href="https://kachibito.net/web-design/original-facebook-fanpage-tips.html">Facebookの「ファンページ」にオリジナルデザインのコンテンツを加える方法 - かちびと.net</a></cite><p><a href="https://kachibito.net/web-design/original-facebook-fanpage-tips.html"><img src="" alt="Facebookの「ファンページ」にオリジナルデザインのコンテンツを加える方法 - かちびと.net" title="Facebookの「ファンページ」にオリジナルデザインのコンテンツを加える方法 - かちびと.net" class="entry-image" /></a></p><p>この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 Like!ボタンが思いのほか日本でも良く 見かけるようになって、Facebookも 多少は普及し始めたかな？という印象 なので、Facebookの機能の一つで、 欧米でブランディング等にも使われて ...</p><p><a href="https://b.hatena.ne.jp/entry/s/kachibito.net/web-design/original-facebook-fanpage-tips.html"><img src="https://b.hatena.ne.jp/entry/image/https://kachibito.net/web-design/original-facebook-fanpage-tips.html" alt="はてなブックマーク - Facebookの「ファンページ」にオリジナルデザインのコンテンツを加える方法 - かちびと.net" title="はてなブックマーク - Facebookの「ファンページ」にオリジナルデザインのコンテンツを加える方法 - かちびと.net" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/kachibito.net/web-design/original-facebook-fanpage-tips.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://amachang.hatenablog.com/entry/20110108/1294523433 難しくてよくわからなかった。 kanimaster 2011-01-09T04:56:41Z はてな Facebook HTML 341 <blockquote cite="https://amachang.hatenablog.com/entry/20110108/1294523433" title="はてなダイアリーにいいねボタンを置く方法 - IT戦記"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Famachang.hatenablog.com%2Fentry%2F20110108%2F1294523433" alt="" /> <a href="https://amachang.hatenablog.com/entry/20110108/1294523433">はてなダイアリーにいいねボタンを置く方法 - IT戦記</a></cite><p><a href="https://amachang.hatenablog.com/entry/20110108/1294523433"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/b28a19dea4e285ffec91d846fa9e668204e37bf7/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2Fc6a940989a46385d65907d8b95f2eef0946d9b90%2Fbackend%3Dimagemagick%3Bversion%3D1%3Bwidth%3D1300%2Fhttps%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fa%252Famachang%252F20110109%252F20110109030350.jpg" alt="はてなダイアリーにいいねボタンを置く方法 - IT戦記" title="はてなダイアリーにいいねボタンを置く方法 - IT戦記" class="entry-image" /></a></p><p>たっち！ みなさん、こんにちは お元気ですか、僕はアイスのあとラーメンを食べて気持ち悪い状態ですが元気です。 さてさて 最近は、フェイスブックやミクシィやツイッターなどの SNS で面白いと思ったモノを紹介し合う文化が定着してきているような気がします。 そんな中で、ウェブページを紹介するために使われるため...</p><p><a href="https://b.hatena.ne.jp/entry/s/amachang.hatenablog.com/entry/20110108/1294523433"><img src="https://b.hatena.ne.jp/entry/image/https://amachang.hatenablog.com/entry/20110108/1294523433" alt="はてなブックマーク - はてなダイアリーにいいねボタンを置く方法 - IT戦記" title="はてなブックマーク - はてなダイアリーにいいねボタンを置く方法 - IT戦記" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/amachang.hatenablog.com/entry/20110108/1294523433"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://pastak.hatenablog.com/entry/20101212/1292139075 元ページのソース開いたら目がしんだ kanimaster 2010-12-13T08:16:41Z HTML 447 <blockquote cite="https://pastak.hatenablog.com/entry/20101212/1292139075" title="divタグが多用されている経済産業省のページのdivタグを可視化してみた - Pastalablog in はてな"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fpastak.hatenablog.com%2Fentry%2F20101212%2F1292139075" alt="" /> <a href="https://pastak.hatenablog.com/entry/20101212/1292139075">divタグが多用されている経済産業省のページのdivタグを可視化してみた - Pastalablog in はてな</a></cite><p><a href="https://pastak.hatenablog.com/entry/20101212/1292139075"><img src="" alt="divタグが多用されている経済産業省のページのdivタグを可視化してみた - Pastalablog in はてな" title="divタグが多用されている経済産業省のページのdivタグを可視化してみた - Pastalablog in はてな" class="entry-image" /></a></p><p>はてなブックマークとかで盛り上がってたのを見て、せっかくなので、divにborderかけてみたらすごいことになった。 話題なのはこのページ 経済産業省 会見・スピーチ 大臣記者会見 ページ自体は古め*1 divの数は下のコードで数えたらページ全体で309個あった。 検証方法 firebugにjQuery検証機能を付けるFireQueryという...</p><p><a href="https://b.hatena.ne.jp/entry/s/pastak.hatenablog.com/entry/20101212/1292139075"><img src="https://b.hatena.ne.jp/entry/image/https://pastak.hatenablog.com/entry/20101212/1292139075" alt="はてなブックマーク - divタグが多用されている経済産業省のページのdivタグを可視化してみた - Pastalablog in はてな" title="はてなブックマーク - divタグが多用されている経済産業省のページのdivタグを可視化してみた - Pastalablog in はてな" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/pastak.hatenablog.com/entry/20101212/1292139075"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://www.w-frontier.com/software/ezhtml.html kanimaster 2010-11-20T05:59:00Z HTML webデザイン software 429 <blockquote cite="http://www.w-frontier.com/software/ezhtml.html" title="ez-HTML"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwww.w-frontier.com%2Fsoftware%2Fezhtml.html" alt="" /> <a href="http://www.w-frontier.com/software/ezhtml.html">ez-HTML</a></cite><p><a href="http://www.w-frontier.com/software/ezhtml.html"><img src="" alt="ez-HTML" title="ez-HTML" class="entry-image" /></a></p><p>充実したカスタマイズ、正確な入力支援、XHTML形式出力も記述ができる高機能・次世代HTMLエディタ。 開発開始からの累計ダウンロード数が100万本を突破しました（2022月4月5日）。 最新版(ver 7.71)をダウンロード！ (2.20MB) 2005年度 VECTORベストオンラインソフトウェア賞を受賞、 2007年度 Greva!プラチナ賞を受賞し...</p><p><a href="https://b.hatena.ne.jp/entry/www.w-frontier.com/software/ezhtml.html"><img src="https://b.hatena.ne.jp/entry/image/http://www.w-frontier.com/software/ezhtml.html" alt="はてなブックマーク - ez-HTML" title="はてなブックマーク - ez-HTML" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/www.w-frontier.com/software/ezhtml.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://design.kayac.com/topics/2010/10/meta-facebook.php kanimaster 2010-10-27T10:18:12Z Facebook HTML 419 <blockquote cite="http://design.kayac.com/topics/2010/10/meta-facebook.php" title="metaタグを追加してFacebookに対応する方法とハマりやすいポイント"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fdesign.kayac.com%2Ftopics%2F2010%2F10%2Fmeta-facebook.php" alt="" /> <a href="http://design.kayac.com/topics/2010/10/meta-facebook.php">metaタグを追加してFacebookに対応する方法とハマりやすいポイント</a></cite><p><a href="http://design.kayac.com/topics/2010/10/meta-facebook.php"><img src="" alt="metaタグを追加してFacebookに対応する方法とハマりやすいポイント" title="metaタグを追加してFacebookに対応する方法とハマりやすいポイント" class="entry-image" /></a></p><p>Facebook使ってますか？ こんにちわ、ME課の渕上です。 ミーハーなぼくはもうすっかりFacebook中毒です。 Facebookといえば、「いいね！」や「シェア」といった仕組みで、面白いものを友達に共有できる仕組みが特徴的です。 この仕組をうまく使えば、プロモーションやキャンペーンに有効活用できそうですね。 今回は、い...</p><p><a href="https://b.hatena.ne.jp/entry/design.kayac.com/topics/2010/10/meta-facebook.php"><img src="https://b.hatena.ne.jp/entry/image/http://design.kayac.com/topics/2010/10/meta-facebook.php" alt="はてなブックマーク - metaタグを追加してFacebookに対応する方法とハマりやすいポイント" title="はてなブックマーク - metaタグを追加してFacebookに対応する方法とハマりやすいポイント" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/design.kayac.com/topics/2010/10/meta-facebook.php"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://mamipeko.hatenablog.com/entry/20101014/p1 kanimaster 2010-10-14T10:45:53Z はてな HTML 132 <blockquote cite="https://mamipeko.hatenablog.com/entry/20101014/p1" title="『はてなダイアリー』って絶対変だ -"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fmamipeko.hatenablog.com%2Fentry%2F20101014%2Fp1" alt="" /> <a href="https://mamipeko.hatenablog.com/entry/20101014/p1">『はてなダイアリー』って絶対変だ -</a></cite><p><a href="https://mamipeko.hatenablog.com/entry/20101014/p1"><img src="" alt="『はてなダイアリー』って絶対変だ -" title="『はてなダイアリー』って絶対変だ -" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/s/mamipeko.hatenablog.com/entry/20101014/p1"><img src="https://b.hatena.ne.jp/entry/image/https://mamipeko.hatenablog.com/entry/20101014/p1" alt="はてなブックマーク - 『はてなダイアリー』って絶対変だ -" title="はてなブックマーク - 『はてなダイアリー』って絶対変だ -" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/mamipeko.hatenablog.com/entry/20101014/p1"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://anond.hatelabo.jp/20100827202157 kanimaster 2010-08-27T16:59:43Z はてな css HTML 136 <blockquote cite="https://anond.hatelabo.jp/20100827202157" title="はてな匿名ダイアリーの標準スタイルシートでデコるバッドノウハウ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fanond.hatelabo.jp%2F20100827202157" alt="" /> <a href="https://anond.hatelabo.jp/20100827202157">はてな匿名ダイアリーの標準スタイルシートでデコるバッドノウハウ</a></cite><p><a href="https://anond.hatelabo.jp/20100827202157"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/2ec6a459bb9b383ee013c4fa73ad41a2bd0d9813/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fanond.hatelabo.jp%2Fimages%2Fog-image-1500.gif" alt="はてな匿名ダイアリーの標準スタイルシートでデコるバッドノウハウ" title="はてな匿名ダイアリーの標準スタイルシートでデコるバッドノウハウ" class="entry-image" /></a></p><p>pタグやdivタグのclass要素を指定できるのでHTMLでそのまま記述する。 いつくかはてなダイアリーでの使用可能なはてな記法は無効になっており、例えばキーワードリンク無効記法が使えないためフォントカラーが キーワードリンクの黒に潰されちゃうかんじ。 以下サンプル。アルファベットはクラス名(自動アンカーついてい...</p><p><a href="https://b.hatena.ne.jp/entry/s/anond.hatelabo.jp/20100827202157"><img src="https://b.hatena.ne.jp/entry/image/https://anond.hatelabo.jp/20100827202157" alt="はてなブックマーク - はてな匿名ダイアリーの標準スタイルシートでデコるバッドノウハウ" title="はてなブックマーク - はてな匿名ダイアリーの標準スタイルシートでデコるバッドノウハウ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/anond.hatelabo.jp/20100827202157"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://toshiiy.blog22.fc2.com/blog-entry-95.html kanimaster 2010-06-15T03:43:26Z HTML css webデザイン 1180 <blockquote cite="http://toshiiy.blog22.fc2.com/blog-entry-95.html" title="見出しデザインの参考にしたい CSSで作るhタグのサンプル集 | 日刊ウェブログ式"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Ftoshiiy.blog22.fc2.com%2Fblog-entry-95.html" alt="" /> <a href="http://toshiiy.blog22.fc2.com/blog-entry-95.html">見出しデザインの参考にしたい CSSで作るhタグのサンプル集 | 日刊ウェブログ式</a></cite><p><a href="http://toshiiy.blog22.fc2.com/blog-entry-95.html"><img src="" alt="見出しデザインの参考にしたい CSSで作るhタグのサンプル集 | 日刊ウェブログ式" title="見出しデザインの参考にしたい CSSで作るhタグのサンプル集 | 日刊ウェブログ式" class="entry-image" /></a></p><p>ブログの記事タイトルやサイドバーのタイトルなどで使えるオーソドックスな見出し（hタグ）のデザインサンプル集です。見出しにはCSS3や画像を使っていないのでシンプルですが、一応よく使うので、メモとしてエントリーしておきました。 ※追記6/24 HTMLのマークアップをpからh3に置き換えました。 見出し(Headline)のサ...</p><p><a href="https://b.hatena.ne.jp/entry/toshiiy.blog22.fc2.com/blog-entry-95.html"><img src="https://b.hatena.ne.jp/entry/image/http://toshiiy.blog22.fc2.com/blog-entry-95.html" alt="はてなブックマーク - 見出しデザインの参考にしたい CSSで作るhタグのサンプル集 | 日刊ウェブログ式" title="はてなブックマーク - 見出しデザインの参考にしたい CSSで作るhタグのサンプル集 | 日刊ウェブログ式" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/toshiiy.blog22.fc2.com/blog-entry-95.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote>