https://b.hatena.ne.jp/ch416/CSS/ CSSに関するch416のはてなブックマーク (102) http://www.askthecssguy.com/examples/crazyegg/example10.html ch416 2007-09-04T11:27:09Z CSS 3 <blockquote cite="http://www.askthecssguy.com/examples/crazyegg/example10.html" title="カラムを強調して表現する"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwww.askthecssguy.com%2Fexamples%2Fcrazyegg%2Fexample10.html" alt="" /> <a href="http://www.askthecssguy.com/examples/crazyegg/example10.html">カラムを強調して表現する</a></cite><p><a href="http://www.askthecssguy.com/examples/crazyegg/example10.html"><img src="" alt="カラムを強調して表現する" title="カラムを強調して表現する" class="entry-image" /></a></p><p>A form is shown when needed, and hidden when the form is cancelled. The form container is set inline to display:none, which is ok, because if someone has javascript off, the &quot;choose&quot; button in the table has a real destination in its href attribute.</p><p><a href="https://b.hatena.ne.jp/entry/www.askthecssguy.com/examples/crazyegg/example10.html"><img src="https://b.hatena.ne.jp/entry/image/http://www.askthecssguy.com/examples/crazyegg/example10.html" alt="はてなブックマーク - カラムを強調して表現する" title="はてなブックマーク - カラムを強調して表現する" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/www.askthecssguy.com/examples/crazyegg/example10.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://sirouto2.hatenadiary.org/entry/20070324/p2 ch416 2007-03-25T01:43:47Z css 344 <blockquote cite="https://sirouto2.hatenadiary.org/entry/20070324/p2" title="萌え理論Blog - CSSまとめ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fsirouto2.hatenadiary.org%2Fentry%2F20070324%2Fp2" alt="" /> <a href="https://sirouto2.hatenadiary.org/entry/20070324/p2">萌え理論Blog - CSSまとめ</a></cite><p><a href="https://sirouto2.hatenadiary.org/entry/20070324/p2"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/25ee25a76feb5558d11f910e01b9c5bf810d356b/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fogimage.blog.st-hatena.com%2F17680117127102947963%2F17680117127103050108%2F1556775151" alt="萌え理論Blog - CSSまとめ" title="萌え理論Blog - CSSまとめ" class="entry-image" /></a></p><p>解説 CSSとは CSS*1とは、(X)HTML文書の見栄えを整形するための、Web標準*2の指定方法です。要するにホームページをデザインする手段です。CSSを使わなくてもHTMLで直接デザイン*3できなくはないですが、CSSを使った方が標準的で効率的です。例えば100枚のHTMLファイルを一つのCSSで一括して指定できます。また、はてな...</p><p><a href="https://b.hatena.ne.jp/entry/s/sirouto2.hatenadiary.org/entry/20070324/p2"><img src="https://b.hatena.ne.jp/entry/image/https://sirouto2.hatenadiary.org/entry/20070324/p2" alt="はてなブックマーク - 萌え理論Blog - CSSまとめ" title="はてなブックマーク - 萌え理論Blog - CSSまとめ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/sirouto2.hatenadiary.org/entry/20070324/p2"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://web.g.hatena.ne.jp/vantguarde/20070301 ch416 2007-03-04T03:43:30Z css xhtml 29 <blockquote cite="http://web.g.hatena.ne.jp/vantguarde/20070301" title="WEBTECH - webtech:vantguarde - よく使われるclass属性値とHTML5, XHTML2の対照表つくった"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fweb.g.hatena.ne.jp%2Fvantguarde%2F20070301" alt="" /> <a href="http://web.g.hatena.ne.jp/vantguarde/20070301">WEBTECH - webtech:vantguarde - よく使われるclass属性値とHTML5, XHTML2の対照表つくった</a></cite><p><a href="http://web.g.hatena.ne.jp/vantguarde/20070301"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/6e60b1efb974203c94d41c7729a087dc4741802f/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fogimage.blog.st-hatena.com%2F26006613547248301%2F26006613547294880%2F1709195433" alt="WEBTECH - webtech:vantguarde - よく使われるclass属性値とHTML5, XHTML2の対照表つくった" title="WEBTECH - webtech:vantguarde - よく使われるclass属性値とHTML5, XHTML2の対照表つくった" class="entry-image" /></a></p><p>はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認くださ...</p><p><a href="https://b.hatena.ne.jp/entry/web.g.hatena.ne.jp/vantguarde/20070301"><img src="https://b.hatena.ne.jp/entry/image/http://web.g.hatena.ne.jp/vantguarde/20070301" alt="はてなブックマーク - WEBTECH - webtech:vantguarde - よく使われるclass属性値とHTML5, XHTML2の対照表つくった" title="はてなブックマーク - WEBTECH - webtech:vantguarde - よく使われるclass属性値とHTML5, XHTML2の対照表つくった" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/web.g.hatena.ne.jp/vantguarde/20070301"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://test5.caribmedia.com/CSS/michiel/floating-forms.html ch416 2007-03-04T03:36:24Z css form 10 <blockquote cite="http://test5.caribmedia.com/CSS/michiel/floating-forms.html" title="CSS problems: floating forms - tableless solutions without too much extra markup"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Ftest5.caribmedia.com%2FCSS%2Fmichiel%2Ffloating-forms.html" alt="" /> <a href="http://test5.caribmedia.com/CSS/michiel/floating-forms.html">CSS problems: floating forms - tableless solutions without too much extra markup</a></cite><p><a href="http://test5.caribmedia.com/CSS/michiel/floating-forms.html"><img src="" alt="CSS problems: floating forms - tableless solutions without too much extra markup" title="CSS problems: floating forms - tableless solutions without too much extra markup" class="entry-image" /></a></p><p>Why tableless forms are difficult The big problem is that as soon as you drop the table, you need to find some other way of aligning the labels and the inputs neatly in a table-like manner. When you use floats (which are in fact not even supposed to be used for this effect) a side effect is that ...</p><p><a href="https://b.hatena.ne.jp/entry/test5.caribmedia.com/CSS/michiel/floating-forms.html"><img src="https://b.hatena.ne.jp/entry/image/http://test5.caribmedia.com/CSS/michiel/floating-forms.html" alt="はてなブックマーク - CSS problems: floating forms - tableless solutions without too much extra markup" title="はてなブックマーク - CSS problems: floating forms - tableless solutions without too much extra markup" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/test5.caribmedia.com/CSS/michiel/floating-forms.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://www1.ttcn.ne.jp/amotohiko/css/ ch416 2007-02-22T00:34:15Z CSS 24 <blockquote cite="http://www1.ttcn.ne.jp/amotohiko/css/" title="CSSメモ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwww1.ttcn.ne.jp%2Famotohiko%2Fcss%2F" alt="" /> <a href="http://www1.ttcn.ne.jp/amotohiko/css/">CSSメモ</a></cite><p><a href="http://www1.ttcn.ne.jp/amotohiko/css/"><img src="" alt="CSSメモ" title="CSSメモ" class="entry-image" /></a></p><p>仕様メモ CSS Mobile Profile 2.0 [日本語版] モバイル機器向けのCSSのプロファイル、CSS Mobile Profile 2.0 W3C Working Draft 19 October 2007の邦訳。 CSS TV Profile 1.0 [日本語版] TV用デバイス向けのCSSのプロファイル、CSS TV Profile 1.0 W3C Candidate Recommendation 14 May 2003の邦訳。 CSS Print Profile...</p><p><a href="https://b.hatena.ne.jp/entry/www1.ttcn.ne.jp/amotohiko/css/"><img src="https://b.hatena.ne.jp/entry/image/http://www1.ttcn.ne.jp/amotohiko/css/" alt="はてなブックマーク - CSSメモ" title="はてなブックマーク - CSSメモ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/www1.ttcn.ne.jp/amotohiko/css/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.koikikukan.com/archives/2007/02/14-003005.php ch416 2007-02-14T12:49:44Z CSS 208 <blockquote cite="https://www.koikikukan.com/archives/2007/02/14-003005.php" title="小粋空間: CSS の after 擬似要素で回り込みを解除する"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.koikikukan.com%2Farchives%2F2007%2F02%2F14-003005.php" alt="" /> <a href="https://www.koikikukan.com/archives/2007/02/14-003005.php">小粋空間: CSS の after 擬似要素で回り込みを解除する</a></cite><p><a href="https://www.koikikukan.com/archives/2007/02/14-003005.php"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/c3d2b7c179cffd06caae05c19c23ce65aa628ce4/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwww.koikikukan.com%2Fimages%2F2013%2F03%2F20130312_css.png" alt="小粋空間: CSS の after 擬似要素で回り込みを解除する" title="小粋空間: CSS の after 擬似要素で回り込みを解除する" class="entry-image" /></a></p><p>float プロパティで設定したテキスト等の回り込みを、CSS の after 擬似要素を用いて解除する方法を紹介します（通常の解除方法も併せて掲載しています）。 １．「回り込み」とは 例えば、画像の左（または右）にテキストを表示することを「（テキストの）回り込み」と呼びます。 マークアップ &lt;p&gt; &lt;img src=&quot;hogehoge.j...</p><p><a href="https://b.hatena.ne.jp/entry/s/www.koikikukan.com/archives/2007/02/14-003005.php"><img src="https://b.hatena.ne.jp/entry/image/https://www.koikikukan.com/archives/2007/02/14-003005.php" alt="はてなブックマーク - 小粋空間: CSS の after 擬似要素で回り込みを解除する" title="はてなブックマーク - 小粋空間: CSS の after 擬似要素で回り込みを解除する" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.koikikukan.com/archives/2007/02/14-003005.php"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://alistapart.com/article/flashembedcagematch/ ch416 2007-02-13T03:26:35Z CSS HTML flash 7 <blockquote cite="https://alistapart.com/article/flashembedcagematch/" title="Flash Embedding Cage Match"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Falistapart.com%2Farticle%2Fflashembedcagematch%2F" alt="" /> <a href="https://alistapart.com/article/flashembedcagematch/">Flash Embedding Cage Match</a></cite><p><a href="https://alistapart.com/article/flashembedcagematch/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/278e0bdac9ca31856b89c03aa6adf4e4b7edd00c/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fi0.wp.com%2Falistapart.com%2Fwp-content%2Fuploads%2F2012%2F07%2Fembed_flash.jpg%3Ffit%3D270%252C549%26ssl%3D1" alt="Flash Embedding Cage Match" title="Flash Embedding Cage Match" class="entry-image" /></a></p><p>It should be a simple question, but is likely to evoke a lot of different opinions and arguments, as each of the many available embedding techniques have their own pros and cons. In this article, I will look into the complexities and subtleties of embedding Flash content and examine the most popu...</p><p><a href="https://b.hatena.ne.jp/entry/s/alistapart.com/article/flashembedcagematch/"><img src="https://b.hatena.ne.jp/entry/image/https://alistapart.com/article/flashembedcagematch/" alt="はてなブックマーク - Flash Embedding Cage Match" title="はてなブックマーク - Flash Embedding Cage Match" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/alistapart.com/article/flashembedcagematch/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://tokyo-datsumou.jp/media/esprit/ ch416 2007-02-13T02:40:28Z css web制作 903 <blockquote cite="https://tokyo-datsumou.jp/media/esprit/" title="新規でサイトを作る際に僕がいつも使ってるCSSのセットを公開するよ::::::STOPN&#39; LISTEN::::::to the silence:::::::"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Ftokyo-datsumou.jp%2Fmedia%2Fesprit%2F" alt="" /> <a href="https://tokyo-datsumou.jp/media/esprit/">新規でサイトを作る際に僕がいつも使ってるCSSのセットを公開するよ::::::STOPN&#39; LISTEN::::::to the silence:::::::</a></cite><p><a href="https://tokyo-datsumou.jp/media/esprit/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/172af531aeec69cb203814861f925293d2cc9594/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Ftokyo-datsumou.jp%2Fmedia%2Fwp-content%2Fthemes%2Fcocoon-master%2Fscreenshot.jpg" alt="新規でサイトを作る際に僕がいつも使ってるCSSのセットを公開するよ::::::STOPN&#39; LISTEN::::::to the silence:::::::" title="新規でサイトを作る際に僕がいつも使ってるCSSのセットを公開するよ::::::STOPN&#39; LISTEN::::::to the silence:::::::" class="entry-image" /></a></p><p>esprit</p><p><a href="https://b.hatena.ne.jp/entry/s/tokyo-datsumou.jp/media/esprit/"><img src="https://b.hatena.ne.jp/entry/image/https://tokyo-datsumou.jp/media/esprit/" alt="はてなブックマーク - 新規でサイトを作る際に僕がいつも使ってるCSSのセットを公開するよ::::::STOPN&#39; LISTEN::::::to the silence:::::::" title="はてなブックマーク - 新規でサイトを作る際に僕がいつも使ってるCSSのセットを公開するよ::::::STOPN&#39; LISTEN::::::to the silence:::::::" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/tokyo-datsumou.jp/media/esprit/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://gigazine.net/news/20070212_css_speech_bubbles/ ch416 2007-02-12T06:52:25Z css webデザイン 552 <blockquote cite="https://gigazine.net/news/20070212_css_speech_bubbles/" title="CSSで角がまるい吹き出しを作る「CSS Speech Bubbles」とか吹き出しいろいろ - GIGAZINE"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fgigazine.net%2Fnews%2F20070212_css_speech_bubbles%2F" alt="" /> <a href="https://gigazine.net/news/20070212_css_speech_bubbles/">CSSで角がまるい吹き出しを作る「CSS Speech Bubbles」とか吹き出しいろいろ - GIGAZINE</a></cite><p><a href="https://gigazine.net/news/20070212_css_speech_bubbles/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/b12cfb2a5073147761e4b0a8285609a1b80b72b4/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fi.gzn.jp%2Fimg%2F2007%2F02%2F12%2Fcss_speech_bubbles%2Fcss.png" alt="CSSで角がまるい吹き出しを作る「CSS Speech Bubbles」とか吹き出しいろいろ - GIGAZINE" title="CSSで角がまるい吹き出しを作る「CSS Speech Bubbles」とか吹き出しいろいろ - GIGAZINE" class="entry-image" /></a></p><p>CSSを使って吹き出しを作成することができるCSSファイルとJSファイル、それから画像ファイルをひとまとめにしたセットです。XHTML1.0準拠で、Internet Explorer 6 と 7、Firefox 2.0、Safari 2.0、Opera 9.0で動作確認ができています。 ダウンロードは以下から。 willmayo.com &gt;&gt; CSS Speech Bubbles 実際のサンプルは以...</p><p><a href="https://b.hatena.ne.jp/entry/s/gigazine.net/news/20070212_css_speech_bubbles/"><img src="https://b.hatena.ne.jp/entry/image/https://gigazine.net/news/20070212_css_speech_bubbles/" alt="はてなブックマーク - CSSで角がまるい吹き出しを作る「CSS Speech Bubbles」とか吹き出しいろいろ - GIGAZINE" title="はてなブックマーク - CSSで角がまるい吹き出しを作る「CSS Speech Bubbles」とか吹き出しいろいろ - GIGAZINE" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/gigazine.net/news/20070212_css_speech_bubbles/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://css-happylife.com/archives/2007/0212_0008.php ch416 2007-02-12T03:37:42Z css design webデザイン 661 <blockquote cite="https://css-happylife.com/archives/2007/0212_0008.php" title="bodyに設定しておくと便利な3つのポイントとおまけ｜CSS HappyLife"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcss-happylife.com%2Farchives%2F2007%2F0212_0008.php" alt="" /> <a href="https://css-happylife.com/archives/2007/0212_0008.php">bodyに設定しておくと便利な3つのポイントとおまけ｜CSS HappyLife</a></cite><p><a href="https://css-happylife.com/archives/2007/0212_0008.php"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/9f4351072aec94966bb45d5ccde06394ddaee786/backend=imagemagick;height=90;version=1;width=120/http%3A%2F%2Fcss-happylife.com%2Fimg%2Fshare%2Ficon_apple_touch.png" alt="bodyに設定しておくと便利な3つのポイントとおまけ｜CSS HappyLife" title="bodyに設定しておくと便利な3つのポイントとおまけ｜CSS HappyLife" class="entry-image" /></a></p><p>CSS（スタイルシート）でbodyに設定しておくと便利な5つのポイント - デザインウォーカー | DesignWalker - ロサンゼルスで働くウェブデザイナーの日記を読んで、ボクなりな最初に指定して置くと良いポイントを上げたくなったので書いちゃいます。 むしろこのサイトの方向性的に有った方が便利だよなーと。 書くきっかけ...</p><p><a href="https://b.hatena.ne.jp/entry/s/css-happylife.com/archives/2007/0212_0008.php"><img src="https://b.hatena.ne.jp/entry/image/https://css-happylife.com/archives/2007/0212_0008.php" alt="はてなブックマーク - bodyに設定しておくと便利な3つのポイントとおまけ｜CSS HappyLife" title="はてなブックマーク - bodyに設定しておくと便利な3つのポイントとおまけ｜CSS HappyLife" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/css-happylife.com/archives/2007/0212_0008.php"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://css.webcreativepark.net/tips6/ ch416 2007-02-11T15:56:58Z css 31 <blockquote cite="http://css.webcreativepark.net/tips6/" title="CSS TIPS » floatした際の背景表示"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fcss.webcreativepark.net%2Ftips6%2F" alt="" /> <a href="http://css.webcreativepark.net/tips6/">CSS TIPS » floatした際の背景表示</a></cite><p><a href="http://css.webcreativepark.net/tips6/"><img src="" alt="CSS TIPS » floatした際の背景表示" title="CSS TIPS » floatした際の背景表示" class="entry-image" /></a></p><p>親ボックスに背景を設定して、内包する子ボックスに対してfloatを適応した場合、IEでは子ボックスを内包する形で背景が表示されるのに対して、Firefoxでは親ボックスの背景が表示されなくなります。 サンプルとなるhtmlは &lt;div class=&quot;parent&quot;&gt; 親ボックス &lt;div class=&quot;child&quot;&gt; 子ボックス &lt;/div&gt; &lt;div class=&quot;child&quot;&gt; ...</p><p><a href="https://b.hatena.ne.jp/entry/css.webcreativepark.net/tips6/"><img src="https://b.hatena.ne.jp/entry/image/http://css.webcreativepark.net/tips6/" alt="はてなブックマーク - CSS TIPS » floatした際の背景表示" title="はてなブックマーク - CSS TIPS » floatした際の背景表示" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/css.webcreativepark.net/tips6/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://www.subcide.com/tutorials/csslayout/index.aspx ch416 2007-02-11T15:56:11Z css webdesign 29 <blockquote cite="http://www.subcide.com/tutorials/csslayout/index.aspx" title="Creating a CSS layout from scratch : Subcide"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwww.subcide.com%2Ftutorials%2Fcsslayout%2Findex.aspx" alt="" /> <a href="http://www.subcide.com/tutorials/csslayout/index.aspx">Creating a CSS layout from scratch : Subcide</a></cite><p><a href="http://www.subcide.com/tutorials/csslayout/index.aspx"><img src="" alt="Creating a CSS layout from scratch : Subcide" title="Creating a CSS layout from scratch : Subcide" class="entry-image" /></a></p><p>Want your own domain name? Learn more about the domain name extensions we manage Find a domain name similar to subcide.com</p><p><a href="https://b.hatena.ne.jp/entry/www.subcide.com/tutorials/csslayout/index.aspx"><img src="https://b.hatena.ne.jp/entry/image/http://www.subcide.com/tutorials/csslayout/index.aspx" alt="はてなブックマーク - Creating a CSS layout from scratch : Subcide" title="はてなブックマーク - Creating a CSS layout from scratch : Subcide" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/www.subcide.com/tutorials/csslayout/index.aspx"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://www.askthecssguy.com/2006/12/showing_hyperlink_cues_with_cs_1.html ch416 2007-02-02T03:10:56Z css 87 <blockquote cite="http://www.askthecssguy.com/2006/12/showing_hyperlink_cues_with_cs_1.html" title="Showing Hyperlink Cues with CSS (Ask the CSS Guy)"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwww.askthecssguy.com%2F2006%2F12%2Fshowing_hyperlink_cues_with_cs_1.html" alt="" /> <a href="http://www.askthecssguy.com/2006/12/showing_hyperlink_cues_with_cs_1.html">Showing Hyperlink Cues with CSS (Ask the CSS Guy)</a></cite><p><a href="http://www.askthecssguy.com/2006/12/showing_hyperlink_cues_with_cs_1.html"><img src="" alt="Showing Hyperlink Cues with CSS (Ask the CSS Guy)" title="Showing Hyperlink Cues with CSS (Ask the CSS Guy)" class="entry-image" /></a></p><p>I like the little icons next to hyperlinks that signify if that link will take me offsite, open a popup, or link to a file (as opposed to another html page). Here&#39;s how to do it in a way that&#39;s supported in IE7, Firefox, and Safari. Download zip Images First, find some nice little icons (or bette...</p><p><a href="https://b.hatena.ne.jp/entry/www.askthecssguy.com/2006/12/showing_hyperlink_cues_with_cs_1.html"><img src="https://b.hatena.ne.jp/entry/image/http://www.askthecssguy.com/2006/12/showing_hyperlink_cues_with_cs_1.html" alt="はてなブックマーク - Showing Hyperlink Cues with CSS (Ask the CSS Guy)" title="はてなブックマーク - Showing Hyperlink Cues with CSS (Ask the CSS Guy)" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/www.askthecssguy.com/2006/12/showing_hyperlink_cues_with_cs_1.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://www.lucky-bag.com/archives/2007/01/preload-indicator.html ch416 2007-01-28T15:37:01Z css 61 <blockquote cite="http://www.lucky-bag.com/archives/2007/01/preload-indicator.html" title="Lucky bag::blog: 重い画像を読み込む際のインジケータをCSSで表示"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwww.lucky-bag.com%2Farchives%2F2007%2F01%2Fpreload-indicator.html" alt="" /> <a href="http://www.lucky-bag.com/archives/2007/01/preload-indicator.html">Lucky bag::blog: 重い画像を読み込む際のインジケータをCSSで表示</a></cite><p><a href="http://www.lucky-bag.com/archives/2007/01/preload-indicator.html"><img src="" alt="Lucky bag::blog: 重い画像を読み込む際のインジケータをCSSで表示" title="Lucky bag::blog: 重い画像を読み込む際のインジケータをCSSで表示" class="entry-image" /></a></p><p>えっ、当然ブロードバンドっすよ、何か？みたいな世の中なんで、果たしてどれくらい効果があるのか分からないのかも知れないんだけれども、ちょっとばかし重たい画像があったとして、その画像の読み込み中に味気ない空白を見つめているよりは、読み込み中を表すインジケータのアニメーション GIF を用意して img 要素の...</p><p><a href="https://b.hatena.ne.jp/entry/www.lucky-bag.com/archives/2007/01/preload-indicator.html"><img src="https://b.hatena.ne.jp/entry/image/http://www.lucky-bag.com/archives/2007/01/preload-indicator.html" alt="はてなブックマーク - Lucky bag::blog: 重い画像を読み込む際のインジケータをCSSで表示" title="はてなブックマーク - Lucky bag::blog: 重い画像を読み込む際のインジケータをCSSで表示" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/www.lucky-bag.com/archives/2007/01/preload-indicator.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://webtan.impress.co.jp/e/2007/01/25/387 ch416 2007-01-26T15:22:26Z css 269 <blockquote cite="https://webtan.impress.co.jp/e/2007/01/25/387" title="あなたは勘違いしてないか？ 真相究明！ CSS都市伝説 | Web担当者Forum"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwebtan.impress.co.jp%2Fe%2F2007%2F01%2F25%2F387" alt="" /> <a href="https://webtan.impress.co.jp/e/2007/01/25/387">あなたは勘違いしてないか？ 真相究明！ CSS都市伝説 | Web担当者Forum</a></cite><p><a href="https://webtan.impress.co.jp/e/2007/01/25/387"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/a2057a48add52bba1a48c56d0ec612569b6f9cb9/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwebtan.impress.co.jp%2Fsites%2Fdefault%2Ffiles%2Fstyles%2F1200x630%2Fpublic%2Fimages%2Farticle2007%2Fcss_legend%2Fcss_legend_icon.jpg" alt="あなたは勘違いしてないか？ 真相究明！ CSS都市伝説 | Web担当者Forum" title="あなたは勘違いしてないか？ 真相究明！ CSS都市伝説 | Web担当者Forum" class="entry-image" /></a></p><p>モデルプレス流行語大賞2025：「イイじゃん」「今これ」「倍倍FIGHT！」などが選出【ネットネイティブ調べ】 12月17日 6:00 花王、三菱電機、パナソニックコネクトなどが登壇！2/4 オンライン開催 デジタルマーケターズサミット 2026 Winter【広告主・マーケター限定】 12月17日 14:00</p><p><a href="https://b.hatena.ne.jp/entry/s/webtan.impress.co.jp/e/2007/01/25/387"><img src="https://b.hatena.ne.jp/entry/image/https://webtan.impress.co.jp/e/2007/01/25/387" alt="はてなブックマーク - あなたは勘違いしてないか？ 真相究明！ CSS都市伝説 | Web担当者Forum" title="はてなブックマーク - あなたは勘違いしてないか？ 真相究明！ CSS都市伝説 | Web担当者Forum" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/webtan.impress.co.jp/e/2007/01/25/387"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://cssnite.jp/archives/post_428.php ch416 2007-01-26T15:17:09Z css 134 <blockquote cite="http://cssnite.jp/archives/post_428.php" title="CSS Nite公式ブログ: 『ザ・ルールズ・オブ・スタイルシート』（益子貴寛）資料公開"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fcssnite.jp%2Farchives%2Fpost_428.php" alt="" /> <a href="http://cssnite.jp/archives/post_428.php">CSS Nite公式ブログ: 『ザ・ルールズ・オブ・スタイルシート』（益子貴寛）資料公開</a></cite><p><a href="http://cssnite.jp/archives/post_428.php"><img src="" alt="CSS Nite公式ブログ: 『ザ・ルールズ・オブ・スタイルシート』（益子貴寛）資料公開" title="CSS Nite公式ブログ: 『ザ・ルールズ・オブ・スタイルシート』（益子貴寛）資料公開" class="entry-image" /></a></p><p>2006年11月25日に開催した「CSS Nite in Osaka」の益子貴寛さんの『ザ・ルールズ・オブ・スタイルシート』に関する資料を公開します。 『ザ・ルールズ・オブ・スタイルシート』PDF、2.6MB、76ページ 音声（MP3、72&#39;12&quot;、24.7MB） 管理用 | 日時:2007年01月21日</p><p><a href="https://b.hatena.ne.jp/entry/cssnite.jp/archives/post_428.php"><img src="https://b.hatena.ne.jp/entry/image/http://cssnite.jp/archives/post_428.php" alt="はてなブックマーク - CSS Nite公式ブログ: 『ザ・ルールズ・オブ・スタイルシート』（益子貴寛）資料公開" title="はてなブックマーク - CSS Nite公式ブログ: 『ザ・ルールズ・オブ・スタイルシート』（益子貴寛）資料公開" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/cssnite.jp/archives/post_428.php"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://www.nivr.jeed.or.jp/research/report/englishbeginner.html ch416 2007-01-23T08:10:51Z css 900 <blockquote cite="https://www.nivr.jeed.or.jp/research/report/englishbeginner.html" title="CSSレイアウトが崩れている時に試す10の処方箋::::::STOPN&#39; LISTEN::::::to the silence:::::::"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fwww.nivr.jeed.or.jp%2Fresearch%2Freport%2Fenglishbeginner.html" alt="" /> <a href="https://www.nivr.jeed.or.jp/research/report/englishbeginner.html">CSSレイアウトが崩れている時に試す10の処方箋::::::STOPN&#39; LISTEN::::::to the silence:::::::</a></cite><p><a href="https://www.nivr.jeed.or.jp/research/report/englishbeginner.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/50527e3618f8f218ef12a05300c78670b6eea376/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fwww.nivr.jeed.or.jp%2Fresearch%2Fwp-content%2Fthemes%2Fsango-theme%2Flibrary%2Fimages%2Fdefault.jpg" alt="CSSレイアウトが崩れている時に試す10の処方箋::::::STOPN&#39; LISTEN::::::to the silence:::::::" title="CSSレイアウトが崩れている時に試す10の処方箋::::::STOPN&#39; LISTEN::::::to the silence:::::::" class="entry-image" /></a></p><p>お探しのページは「すでに削除されている」、「アクセスしたアドレスが異なっている」などの理由で見つかりませんでした。以下でキーワードやカテゴリーから記事を探すことができます。</p><p><a href="https://b.hatena.ne.jp/entry/s/www.nivr.jeed.or.jp/research/report/englishbeginner.html"><img src="https://b.hatena.ne.jp/entry/image/https://www.nivr.jeed.or.jp/research/report/englishbeginner.html" alt="はてなブックマーク - CSSレイアウトが崩れている時に試す10の処方箋::::::STOPN&#39; LISTEN::::::to the silence:::::::" title="はてなブックマーク - CSSレイアウトが崩れている時に試す10の処方箋::::::STOPN&#39; LISTEN::::::to the silence:::::::" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/www.nivr.jeed.or.jp/research/report/englishbeginner.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://www.123kobe.com/csssearch/ ch416 2007-01-01T06:15:09Z css 便利 69 <blockquote cite="http://www.123kobe.com/csssearch/" title="http://www.123kobe.com/csssearch/"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwww.123kobe.com%2Fcsssearch%2F" alt="" /> <a href="http://www.123kobe.com/csssearch/">http://www.123kobe.com/csssearch/</a></cite><p><a href="http://www.123kobe.com/csssearch/"><img src="" alt="http://www.123kobe.com/csssearch/" title="http://www.123kobe.com/csssearch/" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/www.123kobe.com/csssearch/"><img src="https://b.hatena.ne.jp/entry/image/http://www.123kobe.com/csssearch/" alt="はてなブックマーク - http://www.123kobe.com/csssearch/" title="はてなブックマーク - http://www.123kobe.com/csssearch/" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/www.123kobe.com/csssearch/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://www.webdesignfromscratch.com/web-2.0-design-style-guide.cfm ch416 2006-12-24T04:42:50Z css design web webデザイン 133 <blockquote cite="http://www.webdesignfromscratch.com/web-2.0-design-style-guide.cfm" title="Web 2.0 how-to design style guide"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwww.webdesignfromscratch.com%2Fweb-2.0-design-style-guide.cfm" alt="" /> <a href="http://www.webdesignfromscratch.com/web-2.0-design-style-guide.cfm">Web 2.0 how-to design style guide</a></cite><p><a href="http://www.webdesignfromscratch.com/web-2.0-design-style-guide.cfm"><img src="" alt="Web 2.0 how-to design style guide" title="Web 2.0 how-to design style guide" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/www.webdesignfromscratch.com/web-2.0-design-style-guide.cfm"><img src="https://b.hatena.ne.jp/entry/image/http://www.webdesignfromscratch.com/web-2.0-design-style-guide.cfm" alt="はてなブックマーク - Web 2.0 how-to design style guide" title="はてなブックマーク - Web 2.0 how-to design style guide" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/www.webdesignfromscratch.com/web-2.0-design-style-guide.cfm"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://community.adobe.com/dreamweaver-618 ch416 2006-12-16T12:08:49Z css adobe 82 <blockquote cite="https://community.adobe.com/dreamweaver-618" title="Dreamweaver | Community"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcommunity.adobe.com%2Fdreamweaver-618" alt="" /> <a href="https://community.adobe.com/dreamweaver-618">Dreamweaver | Community</a></cite><p><a href="https://community.adobe.com/dreamweaver-618"><img src="" alt="Dreamweaver | Community" title="Dreamweaver | Community" class="entry-image" /></a></p><p>This has just started to happen, but not on every page.I create a new page (copy existing page in same folder and the edit with new information etc)  and when finished I check that it looks and works by using the Open in Browser command. Some pages as I have mentioned open fully but some look as ...</p><p><a href="https://b.hatena.ne.jp/entry/s/community.adobe.com/dreamweaver-618"><img src="https://b.hatena.ne.jp/entry/image/https://community.adobe.com/dreamweaver-618" alt="はてなブックマーク - Dreamweaver | Community" title="はてなブックマーク - Dreamweaver | Community" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/community.adobe.com/dreamweaver-618"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote>