WebとCSSに関するshiba-yanのブックマーク (6)

  • CSS Compressor

    This site has closed. I have created a new site at robson.plus, which will be the new home for all my future projects. Thank you to Elton Muuga for hosting my site for the past decade and for hosting this redirect.

  • バシャログ。 | 横浜・馬車道で働くWEBサイト制作スタッフのブログ。

    【お知らせ】バシャログ。メンバーが所属する株式会社シーブレインのWebサイト制作サービスのサイトがリ... お知らせ

    バシャログ。 | 横浜・馬車道で働くWEBサイト制作スタッフのブログ。
  • 見出しの装飾

    見出しを枠線で装飾しよう ホームページは、見出しが正しく記述されていると訪問者にとって快適に閲覧することができます。見出しを見てどんな内容が記述されているのか、だいたい検討がつきます。見出しを定義するタグには<h1>〜<h6>があります。このタグに囲まれた部分は太字で、前後に空白が作られます。<h1>は一番上位の大きな見出しでページ内のタイトルを指定するのが一般的です。数字が大きくなるとレベルも下がります。 正しく見出しを記述しておけば検索エンジンにもとても有効になります。このページでは、HTMLだけでは表現できないいろいろな装飾をスタイルシートを使って<h1>に取り入れ、アクセントのある見出しを作ります。 スタイルシートでのボックスについて スタイルシートで h1 に装飾を指定する前に、スタイルシートでのボックス(箱)について知っていると分かりやすいと思います。今回は下の図にある青い枠線

  • もう、class名やid名で悩まないんだからっ!!|CSS HappyLife

    class名やid名って付ける時悩みませんか? 今でもボクは結構悩むんですが、そんな悩みを解決する為に、人さまのソース覗きまくってよくあるclass名とid名を拾ってきました。 これで、チョットだけ作業効率アップ!? 2010年6月10日追記: この記事自体、2007年 1月15日に書かれてるんでかなり古いです。 あくまでも参考程度に留めてもらうのが良いかと思います。 今だったら、html5の要素を参考にしたりして付けるのが、今後の事を考えると良いのかなーと思います。 また、善し悪しの判断はせずに公開しているものですが、位置に関するのは仕様変更に弱くなるのでオススメはしません。 全体に使えそうな感じ wrap wrapper top-wrapper wrapperAll frame mframe all-frame container page pagetop all allContent

    もう、class名やid名で悩まないんだからっ!!|CSS HappyLife
  • 【特集】正式版完全対応! Internet Explorer 7 CSS攻略法 | クリエイティブ | マイコミジャーナル

    Copyright (C) Mainichi Communications Inc. All rights reserved. 掲載記事の無断転載を禁じます

  • 背景画像の表示方法-基本編

    今回は、「角が丸い背景(角丸)の実現方法」をご紹介していきます。 サイドメニューや、コンテンツをグループ毎に表示する際など、 角が丸くなっている枠で囲まれているページを見たことがあるかと思います。 この角が丸くなっているボックスのことを通称「角丸」といいますが、 みなさんはこの角丸をどのようにコーディングされていますか? css3では、角を丸くするスタイルや 1つの要素に複数背景画像を設定することができますが、 まだ策定段階(対応していないブラウザがほとんど) のため、今回は触れません。 角丸の実現方法はいくつかあると思いますが、 私からは下記の3パターンご紹介します。 ・分割なし ・2分割 ・3分割 (通常はこちらを使用) 「分割なしのパターン」 これは、普通に背景に設定するだけのパターンです。 (htmlコーディング例) <div class="entry1"> テキスト<br />

    背景画像の表示方法-基本編
    shiba-yan
    shiba-yan 2009/01/01
    サイドバーのボックスに角丸を適用するときに使えそう
  • 1