https://b.hatena.ne.jp/longloop/css/ cssに関するlongloopのはてなブックマーク (26) https://ascii.jp/elem/000/000/439/439414/ longloop 2011-05-24T22:15:58Z javascript API jQuery CSS 70 <blockquote cite="https://ascii.jp/elem/000/000/439/439414/" title="初めてのjQuery：セレクターAPIを一挙解説（前編） (1/6)"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fascii.jp%2Felem%2F000%2F000%2F439%2F439414%2F" alt="" /> <a href="https://ascii.jp/elem/000/000/439/439414/">初めてのjQuery：セレクターAPIを一挙解説（前編） (1/6)</a></cite><p><a href="https://ascii.jp/elem/000/000/439/439414/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/288a083ee0fd8c35e48539bd1e4ce4f43a2e2169/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fascii.jp%2Fimg%2F2009%2F07%2F22%2F240489%2Fl%2F947ffd95838c8645.jpg" alt="初めてのjQuery：セレクターAPIを一挙解説（前編） (1/6)" title="初めてのjQuery：セレクターAPIを一挙解説（前編） (1/6)" class="entry-image" /></a></p><p>jQueryの具体的な記述方法に入る前に、そもそもJavaScriptでは何ができるかということに少し触れておきましょう。 誤解を恐れずに言えば、JavaScriptは「(X)HTMLとCSS（Cascading Style Sheets）を操作するためのプログラミング言語」です。Webサイトを作成するには、通常、(X)HTMLでコンテンツの構造や内容を、CSSで見...</p><p><a href="https://b.hatena.ne.jp/entry/s/ascii.jp/elem/000/000/439/439414/"><img src="https://b.hatena.ne.jp/entry/image/https://ascii.jp/elem/000/000/439/439414/" alt="はてなブックマーク - 初めてのjQuery：セレクターAPIを一挙解説（前編） (1/6)" title="はてなブックマーク - 初めてのjQuery：セレクターAPIを一挙解説（前編） (1/6)" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/ascii.jp/elem/000/000/439/439414/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://thinkit.co.jp/article/813/1 longloop 2011-05-24T21:54:15Z CSS まとめ web制作 yui 42 <blockquote cite="https://thinkit.co.jp/article/813/1" title="YUIのCSSライブラリとは | Yahoo! UI Libraryの使いどころ | Think IT（シンクイット）"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fthinkit.co.jp%2Farticle%2F813%2F1" alt="" /> <a href="https://thinkit.co.jp/article/813/1">YUIのCSSライブラリとは | Yahoo! UI Libraryの使いどころ | Think IT（シンクイット）</a></cite><p><a href="https://thinkit.co.jp/article/813/1"><img src="" alt="YUIのCSSライブラリとは | Yahoo! UI Libraryの使いどころ | Think IT（シンクイット）" title="YUIのCSSライブラリとは | Yahoo! UI Libraryの使いどころ | Think IT（シンクイット）" class="entry-image" /></a></p><p>データサイエンスの聖地「Kaggle」は競技を超えて何をもたらすのか：データサイエンスの実務、キャリア、そして知の集積地としての全貌 5月22日 6:40</p><p><a href="https://b.hatena.ne.jp/entry/s/thinkit.co.jp/article/813/1"><img src="https://b.hatena.ne.jp/entry/image/https://thinkit.co.jp/article/813/1" alt="はてなブックマーク - YUIのCSSライブラリとは | Yahoo! UI Libraryの使いどころ | Think IT（シンクイット）" title="はてなブックマーク - YUIのCSSライブラリとは | Yahoo! UI Libraryの使いどころ | Think IT（シンクイット）" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/thinkit.co.jp/article/813/1"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://note.com/darucub/n/nc0f5db01fb9f longloop 2011-01-29T02:01:41Z CSS フォントサイズ 28 <blockquote cite="https://note.com/darucub/n/nc0f5db01fb9f" title="[ CSS ] フォントサイズを統一＆サイズ変更できる指定方法｜だるかぶ@うどん県 #スーパーカブ #おでかけ #讃岐うどん #ウェブ #ガジェット"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fnote.com%2Fdarucub%2Fn%2Fnc0f5db01fb9f" alt="" /> <a href="https://note.com/darucub/n/nc0f5db01fb9f">[ CSS ] フォントサイズを統一＆サイズ変更できる指定方法｜だるかぶ@うどん県 #スーパーカブ #おでかけ #讃岐うどん #ウェブ #ガジェット</a></cite><p><a href="https://note.com/darucub/n/nc0f5db01fb9f"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/106c6dac5a1bdb2534c9ed0f64552b33b7fcd685/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fd2l930y2yx77uc.cloudfront.net%2Fproduction%2Fsocial_images%2Fc496dcd2c9117d01915cf50aaf82153bfc66bafd.png" alt="[ CSS ] フォントサイズを統一＆サイズ変更できる指定方法｜だるかぶ@うどん県 #スーパーカブ #おでかけ #讃岐うどん #ウェブ #ガジェット" title="[ CSS ] フォントサイズを統一＆サイズ変更できる指定方法｜だるかぶ@うどん県 #スーパーカブ #おでかけ #讃岐うどん #ウェブ #ガジェット" class="entry-image" /></a></p><p>ご訪問ありがとうございます。( ^ o ^ ) サンダルでスーパーカブ乗りの『だるかぶ』です！ ゆっくりしていってね。（本ページは広告を含みます） 本文を 12 ピクセル相当の大きさで表示すべく、font-size:75%; で指定されたページを Mac Firefox 2.0 で見ると文字が小さく見えます。 これは、Mac Firefox 2.0 のデフォル...</p><p><a href="https://b.hatena.ne.jp/entry/s/note.com/darucub/n/nc0f5db01fb9f"><img src="https://b.hatena.ne.jp/entry/image/https://note.com/darucub/n/nc0f5db01fb9f" alt="はてなブックマーク - [ CSS ] フォントサイズを統一＆サイズ変更できる指定方法｜だるかぶ@うどん県 #スーパーカブ #おでかけ #讃岐うどん #ウェブ #ガジェット" title="はてなブックマーク - [ CSS ] フォントサイズを統一＆サイズ変更できる指定方法｜だるかぶ@うどん県 #スーパーカブ #おでかけ #讃岐うどん #ウェブ #ガジェット" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/note.com/darucub/n/nc0f5db01fb9f"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://loconet.web2.jp/blog/archives/2007/02/cssfontfamily.html longloop 2011-01-28T18:47:41Z CSS フォント font css Web 1039 <blockquote cite="http://loconet.web2.jp/blog/archives/2007/02/cssfontfamily.html" title="CSSのfont-family：ヒラギノとＭＳ Ｐゴシックとメイリオの悩ましい関係 : webデザイナーのナナメガキ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Floconet.web2.jp%2Fblog%2Farchives%2F2007%2F02%2Fcssfontfamily.html" alt="" /> <a href="http://loconet.web2.jp/blog/archives/2007/02/cssfontfamily.html">CSSのfont-family：ヒラギノとＭＳ Ｐゴシックとメイリオの悩ましい関係 : webデザイナーのナナメガキ</a></cite><p><a href="http://loconet.web2.jp/blog/archives/2007/02/cssfontfamily.html"><img src="" alt="CSSのfont-family：ヒラギノとＭＳ Ｐゴシックとメイリオの悩ましい関係 : webデザイナーのナナメガキ" title="CSSのfont-family：ヒラギノとＭＳ Ｐゴシックとメイリオの悩ましい関係 : webデザイナーのナナメガキ" class="entry-image" /></a></p><p>CSSでのfont-familyの指定がとても悩ましい。文字コードによって表示が変わったりするし、イレギュラーケースまで想定すると煩雑なコードになってしまう。ちょっと整理しながら考えてみる。 まず、font-familyを何も指定しないと、だいたいのブラウザではデフォルトで設定されているフォントで表示されるのだが、文字コ...</p><p><a href="https://b.hatena.ne.jp/entry/loconet.web2.jp/blog/archives/2007/02/cssfontfamily.html"><img src="https://b.hatena.ne.jp/entry/image/http://loconet.web2.jp/blog/archives/2007/02/cssfontfamily.html" alt="はてなブックマーク - CSSのfont-family：ヒラギノとＭＳ Ｐゴシックとメイリオの悩ましい関係 : webデザイナーのナナメガキ" title="はてなブックマーク - CSSのfont-family：ヒラギノとＭＳ Ｐゴシックとメイリオの悩ましい関係 : webデザイナーのナナメガキ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/loconet.web2.jp/blog/archives/2007/02/cssfontfamily.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://blog.gaspanik.com/coda-with-tea-for-coda longloop 2011-01-27T12:01:07Z CSS Mac HTML zen-coding coda css 40 <blockquote cite="http://blog.gaspanik.com/coda-with-tea-for-coda" title="CodaにZen-Codingを入れてみると… | gaspanik weblog"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fblog.gaspanik.com%2Fcoda-with-tea-for-coda" alt="" /> <a href="http://blog.gaspanik.com/coda-with-tea-for-coda">CodaにZen-Codingを入れてみると… | gaspanik weblog</a></cite><p><a href="http://blog.gaspanik.com/coda-with-tea-for-coda"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/79028cbfe06e35b095c35ce27a50942843eb1307/backend=imagemagick;height=90;version=1;width=120/http%3A%2F%2Fblog.gaspanik.com%2Fwp-content%2Fuploads%2F2010%2F02%2Ftea-for-coda.png" alt="CodaにZen-Codingを入れてみると… | gaspanik weblog" title="CodaにZen-Codingを入れてみると… | gaspanik weblog" class="entry-image" /></a></p><p>前回、前々回とTextMateをベースにZen-Codingの話をしたわけですが、一番最初にも書いたようにTextMateは日本語の処理がうまくないので、導入したくても導入できない方も多いかもしれません。 でも、Zen-CodingをTextMate以外で使おうとするとグッと選択肢が減ります。Mac使いの皆さんがお使いのエディタといえば、Coda...</p><p><a href="https://b.hatena.ne.jp/entry/blog.gaspanik.com/coda-with-tea-for-coda"><img src="https://b.hatena.ne.jp/entry/image/http://blog.gaspanik.com/coda-with-tea-for-coda" alt="はてなブックマーク - CodaにZen-Codingを入れてみると… | gaspanik weblog" title="はてなブックマーク - CodaにZen-Codingを入れてみると… | gaspanik weblog" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/blog.gaspanik.com/coda-with-tea-for-coda"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://blog.info-rich.jp/archives/2005/07/post_54.html longloop 2011-01-24T13:31:25Z スタイルシート CSS 7 <blockquote cite="http://blog.info-rich.jp/archives/2005/07/post_54.html" title="スタイルシート記述方法"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fblog.info-rich.jp%2Farchives%2F2005%2F07%2Fpost_54.html" alt="" /> <a href="http://blog.info-rich.jp/archives/2005/07/post_54.html">スタイルシート記述方法</a></cite><p><a href="http://blog.info-rich.jp/archives/2005/07/post_54.html"><img src="" alt="スタイルシート記述方法" title="スタイルシート記述方法" class="entry-image" /></a></p><p>ブログカスタマイズ講座 &gt; 基礎編 CSS（スタイルシート）の記述方法について説明します。 スタイルシートに記述されている「.content p」や「#banner h2」、「.content p.posted」などの意味がよく分らないという方には必須の講義です＾＾</p><p><a href="https://b.hatena.ne.jp/entry/blog.info-rich.jp/archives/2005/07/post_54.html"><img src="https://b.hatena.ne.jp/entry/image/http://blog.info-rich.jp/archives/2005/07/post_54.html" alt="はてなブックマーク - スタイルシート記述方法" title="はてなブックマーク - スタイルシート記述方法" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/blog.info-rich.jp/archives/2005/07/post_54.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://hp.vector.co.jp/authors/VA022006/css/selector.html longloop 2011-01-23T10:32:55Z CSS webデザイン セレクタ 200 <blockquote cite="http://hp.vector.co.jp/authors/VA022006/css/selector.html" title="セレクタ - CSS2 リファレンス"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fhp.vector.co.jp%2Fauthors%2FVA022006%2Fcss%2Fselector.html" alt="" /> <a href="http://hp.vector.co.jp/authors/VA022006/css/selector.html">セレクタ - CSS2 リファレンス</a></cite><p><a href="http://hp.vector.co.jp/authors/VA022006/css/selector.html"><img src="" alt="セレクタ - CSS2 リファレンス" title="セレクタ - CSS2 リファレンス" class="entry-image" /></a></p><p>作者ホームページサービス（hp.vector）は終了いたしました。 長らくのご利用、ありがとうございます。 ご不明な点があれば、お問い合わせページをご覧の上、お問い合わせください。 ※15秒後にトップページに戻ります。 (c) Vector HOLDINGS Inc.All Rights Reserved.</p><p><a href="https://b.hatena.ne.jp/entry/hp.vector.co.jp/authors/VA022006/css/selector.html"><img src="https://b.hatena.ne.jp/entry/image/http://hp.vector.co.jp/authors/VA022006/css/selector.html" alt="はてなブックマーク - セレクタ - CSS2 リファレンス" title="はてなブックマーク - セレクタ - CSS2 リファレンス" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/hp.vector.co.jp/authors/VA022006/css/selector.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://3ping.org/2009/08/01/1259 longloop 2011-01-23T10:30:22Z CSS デザイン webデザイン IE 965 <blockquote cite="http://3ping.org/2009/08/01/1259" title="CSSの実装状況で変わるボックスのデザイン方法"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2F3ping.org%2F2009%2F08%2F01%2F1259" alt="" /> <a href="http://3ping.org/2009/08/01/1259">CSSの実装状況で変わるボックスのデザイン方法</a></cite><p><a href="http://3ping.org/2009/08/01/1259"><img src="" alt="CSSの実装状況で変わるボックスのデザイン方法" title="CSSの実装状況で変わるボックスのデザイン方法" class="entry-image" /></a></p><p>Web制作において、対応しなくてはいけないブラウザの中には、未だしぶとくIE6が残っています。IE6が2001年に登場したことを考えると、もう8年もその時代の「縛り」を(健気に)守りながら作っていることになるんですね。 いま良く使われているCSSのテクニックも、ほとんどはこの「縛り」の範囲内で有効な手法なわけですか...</p><p><a href="https://b.hatena.ne.jp/entry/3ping.org/2009/08/01/1259"><img src="https://b.hatena.ne.jp/entry/image/http://3ping.org/2009/08/01/1259" alt="はてなブックマーク - CSSの実装状況で変わるボックスのデザイン方法" title="はてなブックマーク - CSSの実装状況で変わるボックスのデザイン方法" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/3ping.org/2009/08/01/1259"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://www.coral-design.net/css/235.html longloop 2011-01-23T10:28:59Z CSS 条件分岐コメント IE 15 <blockquote cite="http://www.coral-design.net/css/235.html" title="Internet Explorerの条件分岐コメント (コンディショナルコメント) | coral design"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwww.coral-design.net%2Fcss%2F235.html" alt="" /> <a href="http://www.coral-design.net/css/235.html">Internet Explorerの条件分岐コメント (コンディショナルコメント) | coral design</a></cite><p><a href="http://www.coral-design.net/css/235.html"><img src="" alt="Internet Explorerの条件分岐コメント (コンディショナルコメント) | coral design" title="Internet Explorerの条件分岐コメント (コンディショナルコメント) | coral design" class="entry-image" /></a></p><p>Internet Explorer には、特定IEバージョンだけにスタイルシートを適用する方法として、コンディショナルコメントと呼ばれる機能が用意されている。 利用しているIEがバージョン7のとき、hoge.cssを適用。 &lt;!–[if IE 7.0]&gt; &lt;link rel=”stylesheet” href=”hoge.css” type=”text/css” /&gt; &lt;![endif]–&gt; 利用しているブラウザ...</p><p><a href="https://b.hatena.ne.jp/entry/www.coral-design.net/css/235.html"><img src="https://b.hatena.ne.jp/entry/image/http://www.coral-design.net/css/235.html" alt="はてなブックマーク - Internet Explorerの条件分岐コメント (コンディショナルコメント) | coral design" title="はてなブックマーク - Internet Explorerの条件分岐コメント (コンディショナルコメント) | coral design" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/www.coral-design.net/css/235.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://3ping.org/2010/02/23/1816 longloop 2011-01-23T10:17:12Z コーディング HTML CSS 461 <blockquote cite="http://3ping.org/2010/02/23/1816" title="Zen-Codingで楽々コーディング! + コツ1つ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2F3ping.org%2F2010%2F02%2F23%2F1816" alt="" /> <a href="http://3ping.org/2010/02/23/1816">Zen-Codingで楽々コーディング! + コツ1つ</a></cite><p><a href="http://3ping.org/2010/02/23/1816"><img src="" alt="Zen-Codingで楽々コーディング! + コツ1つ" title="Zen-Codingで楽々コーディング! + コツ1つ" class="entry-image" /></a></p><p>話題のHTMLやCSSコーディングあしすとツールのzen-codingを触ってみました。すごい楽ちんこ! zen-codingって何？使い方は？という人は以下のページを見てくださいね。 Zen-Codingでできるあんなことこんなこと 知らない人は損してる？コーディングが3倍速くなるZen-Codingを導入してみた ある程度HTML/CSSのコーディング...</p><p><a href="https://b.hatena.ne.jp/entry/3ping.org/2010/02/23/1816"><img src="https://b.hatena.ne.jp/entry/image/http://3ping.org/2010/02/23/1816" alt="はてなブックマーク - Zen-Codingで楽々コーディング! + コツ1つ" title="はてなブックマーク - Zen-Codingで楽々コーディング! + コツ1つ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/3ping.org/2010/02/23/1816"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://msugai.fc2web.com/web/CSS/index.html longloop 2011-01-23T09:49:49Z CSS webデザイン リファレンス 142 <blockquote cite="http://msugai.fc2web.com/web/CSS/index.html" title="CSS とはなんだろうか（CSS リファレンス）"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fmsugai.fc2web.com%2Fweb%2FCSS%2Findex.html" alt="" /> <a href="http://msugai.fc2web.com/web/CSS/index.html">CSS とはなんだろうか（CSS リファレンス）</a></cite><p><a href="http://msugai.fc2web.com/web/CSS/index.html"><img src="" alt="CSS とはなんだろうか（CSS リファレンス）" title="CSS とはなんだろうか（CSS リファレンス）" class="entry-image" /></a></p><p>下記の「旧FC2無料ホームページスペース」は2025年06月30日をもちましてサービスを終了いたしました。 FC2WEB http://www.fc2web.com GOOSIDE http://www.gooside.com k-free.net http://www.k-free.net Easter http://www.easter.ne.jp 55 STREET http://www.55street.net ZERO_CITY.com http://www.zero-city.com OJIJ...</p><p><a href="https://b.hatena.ne.jp/entry/msugai.fc2web.com/web/CSS/index.html"><img src="https://b.hatena.ne.jp/entry/image/http://msugai.fc2web.com/web/CSS/index.html" alt="はてなブックマーク - CSS とはなんだろうか（CSS リファレンス）" title="はてなブックマーク - CSS とはなんだろうか（CSS リファレンス）" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/msugai.fc2web.com/web/CSS/index.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://h2ham.seesaa.net/article/96590818.html longloop 2011-01-23T09:11:31Z CSS 9 <blockquote cite="http://h2ham.seesaa.net/article/96590818.html" title="CSS：displayプロパティによる変化一覧"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fh2ham.seesaa.net%2Farticle%2F96590818.html" alt="" /> <a href="http://h2ham.seesaa.net/article/96590818.html">CSS：displayプロパティによる変化一覧</a></cite><p><a href="http://h2ham.seesaa.net/article/96590818.html"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/2ec71514b0d3548b26c9156eb450fdf4c1723f36/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fh2ham.up.seesaa.net%2Fimage%2F20071020_138961.jpg" alt="CSS：displayプロパティによる変化一覧" title="CSS：displayプロパティによる変化一覧" class="entry-image" /></a></p><p>CSSのプロパティで「display」ってありますけど、 displayプロパティってどのくらい利用していますか？ あまり多様するようなプロパティではないのですが、 それでもdisplayプロパティを使う時って出てくると思います。 このdisplayプロパティは色々な値を持っているのですが、 どんな値がどんなことになるのかって実は...</p><p><a href="https://b.hatena.ne.jp/entry/h2ham.seesaa.net/article/96590818.html"><img src="https://b.hatena.ne.jp/entry/image/http://h2ham.seesaa.net/article/96590818.html" alt="はてなブックマーク - CSS：displayプロパティによる変化一覧" title="はてなブックマーク - CSS：displayプロパティによる変化一覧" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/h2ham.seesaa.net/article/96590818.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://atmarkit.itmedia.co.jp/fwcr/design/tag/structure/index.html longloop 2011-01-22T02:49:12Z ワイヤーフレーム Web制作 web css xhtml リファレンス 352 <blockquote cite="https://atmarkit.itmedia.co.jp/fwcr/design/tag/structure/index.html" title="文書構造を表現するXHTMLタグの正しいマークアップ HTMLタグリファレンス（1/10） - ＠IT"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fatmarkit.itmedia.co.jp%2Ffwcr%2Fdesign%2Ftag%2Fstructure%2Findex.html" alt="" /> <a href="https://atmarkit.itmedia.co.jp/fwcr/design/tag/structure/index.html">文書構造を表現するXHTMLタグの正しいマークアップ HTMLタグリファレンス（1/10） - ＠IT</a></cite><p><a href="https://atmarkit.itmedia.co.jp/fwcr/design/tag/structure/index.html"><img src="" alt="文書構造を表現するXHTMLタグの正しいマークアップ HTMLタグリファレンス（1/10） - ＠IT" title="文書構造を表現するXHTMLタグの正しいマークアップ HTMLタグリファレンス（1/10） - ＠IT" class="entry-image" /></a></p><p>文書構造を表現するタグ 文書構造を表現するXHTMLタグを大まかに分類し、分類したタグをXHTMLの“要素”として、1つずつ紹介していきます。 これらの要素類はXHTMLの骨格（枠）となる部分を形成していくために使われる、XHTMLタグの記述（＝マークアップ）を行ううえで基礎となる要素類です。 htmlタグが一番の外側（先祖...</p><p><a href="https://b.hatena.ne.jp/entry/s/atmarkit.itmedia.co.jp/fwcr/design/tag/structure/index.html"><img src="https://b.hatena.ne.jp/entry/image/https://atmarkit.itmedia.co.jp/fwcr/design/tag/structure/index.html" alt="はてなブックマーク - 文書構造を表現するXHTMLタグの正しいマークアップ HTMLタグリファレンス（1/10） - ＠IT" title="はてなブックマーク - 文書構造を表現するXHTMLタグの正しいマークアップ HTMLタグリファレンス（1/10） - ＠IT" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/atmarkit.itmedia.co.jp/fwcr/design/tag/structure/index.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/css/css3pie-decorations-for-ie.html longloop 2010-12-22T07:35:04Z CSS webデザイン web制作 CSS3 1354 <blockquote cite="https://coliss.com/articles/build-websites/operation/css/css3pie-decorations-for-ie.html" title="たった一行を追加するだけでIE6/7/8をCSS3対応にする -CSS3 PIE"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fcss%2Fcss3pie-decorations-for-ie.html" alt="" /> <a href="https://coliss.com/articles/build-websites/operation/css/css3pie-decorations-for-ie.html">たった一行を追加するだけでIE6/7/8をCSS3対応にする -CSS3 PIE</a></cite><p><a href="https://coliss.com/articles/build-websites/operation/css/css3pie-decorations-for-ie.html"><img src="" alt="たった一行を追加するだけでIE6/7/8をCSS3対応にする -CSS3 PIE" title="たった一行を追加するだけでIE6/7/8をCSS3対応にする -CSS3 PIE" class="entry-image" /></a></p><p>IE6/7/8でもCSS3の角丸、ボックスシャドウ、グラデーション、マルチバックグランドなどを使えるようにするbehaviorスクリプトを紹介します。</p><p><a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/css/css3pie-decorations-for-ie.html"><img src="https://b.hatena.ne.jp/entry/image/https://coliss.com/articles/build-websites/operation/css/css3pie-decorations-for-ie.html" alt="はてなブックマーク - たった一行を追加するだけでIE6/7/8をCSS3対応にする -CSS3 PIE" title="はてなブックマーク - たった一行を追加するだけでIE6/7/8をCSS3対応にする -CSS3 PIE" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/css/css3pie-decorations-for-ie.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/css/css3-rounded-image-with-jquery.html longloop 2010-12-22T02:31:25Z CSS design 348 <blockquote cite="https://coliss.com/articles/build-websites/operation/css/css3-rounded-image-with-jquery.html" title="[CSS]画像に美しい角丸とボックスシャドウを適用する方法"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fcss%2Fcss3-rounded-image-with-jquery.html" alt="" /> <a href="https://coliss.com/articles/build-websites/operation/css/css3-rounded-image-with-jquery.html">[CSS]画像に美しい角丸とボックスシャドウを適用する方法</a></cite><p><a href="https://coliss.com/articles/build-websites/operation/css/css3-rounded-image-with-jquery.html"><img src="" alt="[CSS]画像に美しい角丸とボックスシャドウを適用する方法" title="[CSS]画像に美しい角丸とボックスシャドウを適用する方法" class="entry-image" /></a></p><p>img要素で配置した画像にCSS3の角丸とボックスシャドウを適用をすると、Firefoxで角丸が反映されなかったり、Webkitブラウザでボックスシャドウが欠けたりします。 これを解消するCSSのTrickを紹介します。 CSS3 Rounded Image With jQuery デモページ FirefoxとWebkitブラウザ（Safari）のそれぞれにCSS3の角丸とボック...</p><p><a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/css/css3-rounded-image-with-jquery.html"><img src="https://b.hatena.ne.jp/entry/image/https://coliss.com/articles/build-websites/operation/css/css3-rounded-image-with-jquery.html" alt="はてなブックマーク - [CSS]画像に美しい角丸とボックスシャドウを適用する方法" title="はてなブックマーク - [CSS]画像に美しい角丸とボックスシャドウを適用する方法" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/css/css3-rounded-image-with-jquery.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://www.css-designsample.com/cssreference/index.html longloop 2010-12-11T00:02:44Z CSS レイアウト デザイン 10 <blockquote cite="http://www.css-designsample.com/cssreference/index.html" title="コピペで使うスタイルシートソース｜CSSデザインサンプル"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwww.css-designsample.com%2Fcssreference%2Findex.html" alt="" /> <a href="http://www.css-designsample.com/cssreference/index.html">コピペで使うスタイルシートソース｜CSSデザインサンプル</a></cite><p><a href="http://www.css-designsample.com/cssreference/index.html"><img src="" alt="コピペで使うスタイルシートソース｜CSSデザインサンプル" title="コピペで使うスタイルシートソース｜CSSデザインサンプル" class="entry-image" /></a></p><p>テキストに関する指定 文字の色-color 文字装飾-text-decoration 大文字/小文字の置換-text-transform 行の高さ-line-height 行揃え-text-align 文字の垂直位置-vertical-align 文字間隔-letter-spacing 単語間隔-word-spacing インデント-text-indent 空白/改行をそのまま表示-white-space フォントに関する指定 フォン...</p><p><a href="https://b.hatena.ne.jp/entry/www.css-designsample.com/cssreference/index.html"><img src="https://b.hatena.ne.jp/entry/image/http://www.css-designsample.com/cssreference/index.html" alt="はてなブックマーク - コピペで使うスタイルシートソース｜CSSデザインサンプル" title="はてなブックマーク - コピペで使うスタイルシートソース｜CSSデザインサンプル" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/www.css-designsample.com/cssreference/index.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> http://www.css-designsample.com/index.html longloop 2010-12-10T23:19:04Z CSS テンプレート デザイン 98 <blockquote cite="http://www.css-designsample.com/index.html" title="CSSデザインサンプル"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwww.css-designsample.com%2Findex.html" alt="" /> <a href="http://www.css-designsample.com/index.html">CSSデザインサンプル</a></cite><p><a href="http://www.css-designsample.com/index.html"><img src="" alt="CSSデザインサンプル" title="CSSデザインサンプル" class="entry-image" /></a></p><p></p><p><a href="https://b.hatena.ne.jp/entry/www.css-designsample.com/index.html"><img src="https://b.hatena.ne.jp/entry/image/http://www.css-designsample.com/index.html" alt="はてなブックマーク - CSSデザインサンプル" title="はてなブックマーク - CSSデザインサンプル" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/www.css-designsample.com/index.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://gigazine.net/news/20060511_dynamic_drive_css_library/ longloop 2010-12-10T22:52:22Z css 706 <blockquote cite="https://gigazine.net/news/20060511_dynamic_drive_css_library/" title="GIGAZINE - 使えるCSSコードいっぱい「Dynamic Drive CSS Library」"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fgigazine.net%2Fnews%2F20060511_dynamic_drive_css_library%2F" alt="" /> <a href="https://gigazine.net/news/20060511_dynamic_drive_css_library/">GIGAZINE - 使えるCSSコードいっぱい「Dynamic Drive CSS Library」</a></cite><p><a href="https://gigazine.net/news/20060511_dynamic_drive_css_library/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/8a5a56f338cee01e7ce7de7d367eb9fd80581789/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fi.gzn.jp%2Fimg%2F2006%2F05%2F11%2Fcss%2Fcss_m.png" alt="GIGAZINE - 使えるCSSコードいっぱい「Dynamic Drive CSS Library」" title="GIGAZINE - 使えるCSSコードいっぱい「Dynamic Drive CSS Library」" class="entry-image" /></a></p><p>CSSを使ったタブ型の各種メニューとか、CSSによる画像のポップアップとか、ドロップシャドウやページカールの作り方などのコードが実際の例と一緒に置いてあります。実例を見てから選ぶことができるので、希望通りのものが手に入りやすいです。 Dynamic Drive CSS Library- Practical CSS codes and examples http://www...</p><p><a href="https://b.hatena.ne.jp/entry/s/gigazine.net/news/20060511_dynamic_drive_css_library/"><img src="https://b.hatena.ne.jp/entry/image/https://gigazine.net/news/20060511_dynamic_drive_css_library/" alt="はてなブックマーク - GIGAZINE - 使えるCSSコードいっぱい「Dynamic Drive CSS Library」" title="はてなブックマーク - GIGAZINE - 使えるCSSコードいっぱい「Dynamic Drive CSS Library」" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/gigazine.net/news/20060511_dynamic_drive_css_library/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://allabout.co.jp/gm/gc/24004/ longloop 2010-12-10T22:51:45Z css 65 <blockquote cite="https://allabout.co.jp/gm/gc/24004/" title="CSSのborder-radiusで角丸に表示する方法 [ホームページ作成] All About"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fallabout.co.jp%2Fgm%2Fgc%2F24004%2F" alt="" /> <a href="https://allabout.co.jp/gm/gc/24004/">CSSのborder-radiusで角丸に表示する方法 [ホームページ作成] All About</a></cite><p><a href="https://allabout.co.jp/gm/gc/24004/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/262ae16e8aab0fd940ef1ed756a469d278582867/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F2%2F4%2F0%2F0%2F4%2F201806201248%2Ftopimg_original.png" alt="CSSのborder-radiusで角丸に表示する方法 [ホームページ作成] All About" title="CSSのborder-radiusで角丸に表示する方法 [ホームページ作成] All About" class="entry-image" /></a></p><p>初心者向けの「わかりやすさ」を重視した解説に定評があるウェブ系テクニカルライター。ウェブの黎明期に趣味で始めた個人サイト製作からその「楽しさ」に魅了され、作成方法に関する様々な情報を発信。企業や団体のウェブサイト製作・解説書籍の執筆なども行っている。 ...続きを読む CSSだけで簡単に角丸が作れるborde...</p><p><a href="https://b.hatena.ne.jp/entry/s/allabout.co.jp/gm/gc/24004/"><img src="https://b.hatena.ne.jp/entry/image/https://allabout.co.jp/gm/gc/24004/" alt="はてなブックマーク - CSSのborder-radiusで角丸に表示する方法 [ホームページ作成] All About" title="はてなブックマーク - CSSのborder-radiusで角丸に表示する方法 [ホームページ作成] All About" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/allabout.co.jp/gm/gc/24004/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> https://gigazine.net/news/20060525_rounded_corner_css/ longloop 2010-12-10T22:51:01Z css 468 <blockquote cite="https://gigazine.net/news/20060525_rounded_corner_css/" title="GIGAZINE - CSSで角をもっと丸くする方法いろいろ"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fgigazine.net%2Fnews%2F20060525_rounded_corner_css%2F" alt="" /> <a href="https://gigazine.net/news/20060525_rounded_corner_css/">GIGAZINE - CSSで角をもっと丸くする方法いろいろ</a></cite><p><a href="https://gigazine.net/news/20060525_rounded_corner_css/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/1ba3f036df9652e6fa0637156a1db08020411dd7/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fi.gzn.jp%2Fimg%2F2006%2F05%2F25%2Fcorner%2Fcorner.png" alt="GIGAZINE - CSSで角をもっと丸くする方法いろいろ" title="GIGAZINE - CSSで角をもっと丸くする方法いろいろ" class="entry-image" /></a></p><p>「スライディングドア」と呼ぶ方法で全体をヘッダー、ボディ、フッターの3つに分割して、コーナー部分などはオーバーレイとか使ってみましょう、という方法。 Another attempt at CSS rounded-corner dialogs using the sliding doors technique http://www.schillmania.com/projects/dialog/ 使用しているコードと画像...</p><p><a href="https://b.hatena.ne.jp/entry/s/gigazine.net/news/20060525_rounded_corner_css/"><img src="https://b.hatena.ne.jp/entry/image/https://gigazine.net/news/20060525_rounded_corner_css/" alt="はてなブックマーク - GIGAZINE - CSSで角をもっと丸くする方法いろいろ" title="はてなブックマーク - GIGAZINE - CSSで角をもっと丸くする方法いろいろ" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/gigazine.net/news/20060525_rounded_corner_css/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote>