hxxk.jp - CSS を書く前に読んでもらいたいこと
記事データ 投稿者 望月真琴 投稿日時 2006-04-09T19:40+09:00 タグ CSS IRC Team-One オフ会 仕様 実践 Web Standards Design 春に会いましょう 概要 CSS の初心者なあなたもエキスパートなあなたも、とりあえずここは押さえとけ、という記事を紹介。 リプライ 7 件のリプライがあります。 CSS を書く前にブラウザ毎のクセをリセット CSS を書くことに慣れている人はよくご存知でしょうけど、 IE や Firefox や Opera や Safari などの UA はデフォルトスタイルシートと呼ばれるスタイルシートを持っており、それを適用せねば、あるいはそうであるかのように動作せねばならないと仕様で定められています。 User agent: Conforming user agents must apply a default s
SEO業者ですら感動する驚異のCSSテクニック - 不定期更新 SEOコラム
急にお金が必要になってしまいました。キャッシングをするのに、レイクかモビット、どっちを利用するか迷っています。借りるならどっちがお得ですか？ お得という点から言えば、初めてならレイクがよりお得です まず、それぞれの特徴を見ていきましょう。レイクは銀行系で、総量規制の対象外、１万円からお借入可能で、最大500万の限度額、年率4.5～18％、200万まで30日間無利息、または5万までなら180日間無利息、初めてのお借入なら有利な条件ですね。届く封筒は「新生銀行」の名称です。 一方、モビットは消費者金融で、総量規制の対象となります。限度額は500万、年率4.8～18％です。特に無利息期間の指定はありません。WEB完結型なら、審査の電話が入りません。 最高・最低金利だけで見ると、レイクのほうがお得に見えます。また、期間無利息などの点からも、初めての方はレイクのほうがお得な印象です。 反面、新生銀行
UserJS倉庫
一部のスクリプトはこっちにあるもののほうが新しいかもしれません。 Opera8.5 と 9.0TP1 で動くことを確認していますが、 自己責任で使用してください、ということに一応しておきます。 大半は Greasemonkey でも動きます。 はてなツールバーもどき (2005.10.28) 表示/非表示の切り替えはブックマークレット（HatenaBar）で行います。 アンテナ、ブックマーク、ダイアリー、グループのデザインをその場で編集 (2005.10.31) ブックマークレット（デザイン編集）で 編集ウィンドウを開きます。 テキストエリアにスタイルシートを入力して「プレビュー」を押してやると、その場でページのデザインが変わります。 テーマの変更もできます。この時点ではまだはてなのサーバーに情報は送られていません。 もう一度最初から編集し直したい、というときには「やりなおし」ボタンを押す
猿でも分かる GreaseMonkey Platypus 超入門
level様よりGreasemonkey0.3.5以下のバージョン における 脆弱性に関するご指摘を頂き、リンク先を修正しました。 ■ 特徴 GreaseMonkey（グリー スモンキー：整備士）ってのはどんなソフトかと言うと、Wired風にいうところの「サイトの体裁を整える」機 能を持ったソ フトです。「サイトの体裁を整える」というのは、普段見ているブログ記事にある邪魔な広告スペースを削除したり、内容は良いんだけどレイアウト のかんばしくないサイトを自分の好きなようにレイアウトすることをいいます。まぁ好きなようにレイアウトといっても、人様のページそのものを勝手 に変更が出来るわけではもちろんなくて、Firefox + GreaseMonkeyを使って見たときだけ、特定のページを自分の好きなように見ることがで きるよって感じです。他にもJavaScriptとCSS
linkage.xrea.jp is Expired or Suspended.
「 linkage.xrea.jp 」のページは、ドメインが無効な状態です。 ウェブサイト管理者の方はこちらから変更・更新を行ってください。 「 linkage.xrea.jp 」is Expired or Suspended. The WHOIS is here.
Lightbox 2
Overview Lightbox is a simple, unobtrusive script used to overlay images on the current page. It's a snap to setup and works on all modern browsers. What's New in Version 2 Image Sets: group related images and navigate through them with ease Visual Effects: fancy pants transitions Backwards Compatibility: yes! How to Use Part 1 - Setup Lightbox 2 uses the Prototype Framework and Scriptaculous Effe
font-family のお約束 | なつみかん。
font-family のお約束 2006.03.30 Thursday １行目に @charset を必ず入れる 後述する日本語フォント指定のため。IE や Safari などのメジャーなブラウザでは書かなくても問題ありませんが、その他のブラウザ（ Firefox や Camino、Netscape など）では書かないと無効になるそうです。この宣言は一番最初に、ではなく必ず１行目に（改行不可）。@charset の前に /* charset */ など半角英数字だけでコメント入れるのも不可です。 @charset "Shift_JIS"; UTF-8 なのか EUC-JP なのか Shift_JIS なのかはmiなどの各種エディタでご確認下さい。 日本語でもフォント指定する 主にMacの問題ですが、 font-family: "Hiragino Kaku Gothic Pro" と半角英
正しい知識を得たい人の爲のCSS2リファレンス
正しい知識を得たい人の爲のCSS2リファレンス 簡易目次 概要 CSS2の構文 基本データ型 セレクタ 値わりあて，カスケード処理，継承 メディアタイプ HTML文書へのスタイルシート適用 プロパティの定義 テキスト 色と背景 フォント ボックスモデル 視覚整形モデル テーブル 生成内容 リストとマーカー ユーザインタフェイス 附録 CSSに関するアクセシビリティ技術 CSS2.0のプロパティ一覧表 CSS2.1のプロパティ一覧表 CSS2.1の視覚整形モデル詳細 詳細目次 概要 CSSの概要 HTMLの経緯とCSSの役割 CSSの正式勧告水準について 改訂版CSS2.1と次世代CSS3 CSS2.1 vs CSS2 CSSの設計原則 CSS2の処理モデル カンヴァス（The canvas） わりあてモデル（addressing model） 用語の定義 CSS2の構文 構文（Syntax
CSSレイアウトの定石 WinIE6バグ回避法
CSSを使ったレイアウトをする際にWinIE6のバグを回避するための「定石」をまとめておきます。 とくに重要だと思うものは強調してあります。参考としてバグ辞典へのリンクも用意しました（つまり回避法を用いない場合にどんなバグが発現するか）。 フォントサイズ関係 font-sizeは%かpxで指定する。 キーワードで文字サイズを指定すると標準モードと互換モードで文字サイズが変わる(IE6) em単位で指定した値が文字サイズ変更後に正しく反映されない(IE6) ボックスモデル関係 widthと同時に左右borderや左右paddingを指定しない。heightと同時に上下borderや上下paddingを指定しない。 ボックスの幅や高さを算出するときにパディングやボーダーのサイズを含めてしまう （ブロックレベル要素を内包するボックスにはpaddingを指定しない。） 左右ボーダーとパディングを設
あれこれポップアップ
ウェブページ (HTML) にて、マウスポインタの下にある任意の箇所（要素）の情報（属性値）あれこれをポップアップに出す、 JavaScript と CSS のセット。 Web サイトの製作運営者向けの一種の「素材」。 HTML に「あれこれポップアップ」の外部 JavaScript と 外部 CSSを適用するだけで、すぐ機能します。そのはず。 多くの典型的なブラウザでは、 title 属性に何か書いてある要素部分にマウスポインタをかざすと、その title 属性値がツールチップとしてポップアップしますよね。あれのゴージャス版と思ってもらえればよいです。典型ブラウザ本来のポップアップとの違いは、ポップアップするのが title 属性だけではない点。それと自分で言うのも何だけど、見てくれがカコイイ事（笑） 適用サイト利用者向け FAQ だうんろーど他 お持ち帰り用アーカイブをダウンロード 2
メモ：MacIE5バグつぶし
MacIE5のCSSバグ対策。とりあえず、検索画面でとんでもない表示になっていたのを修正完了（多分）。 ほかに気になっていた2つのバグも、バグ辞典で対策方法を見つけたので一応対策してみた。直ってるといいけど。 インラインボックス化したブロック要素の背景が左方に広がる(5.x) :hoverへの設定が適用されるたびにa要素がずれてゆく あと明らかにおかしいのは、フロートに後続する通常フローのブロックボックスの幅が短くなってること。 WinIE6のフロートに後続するボックスの幅がフロートに合わせて短縮されるに似た症状。 バグ辞典にはフロート化したh1要素に続くdiv要素が回り込んで表示される(5.x)というのがあるけど、 フロートがh1要素でなくてもこのバグは発生するようだ。 MacIEのバグはバグ辞典にも回避法があまり載っていなくて、自宅にMacもないので修正が大変。サポートも打ち切られたこ
Alternative Design Project
ルジョー（lujo）ニードルセラムは目に見えないほど小さいマイクロニードルが入った針美容液です。肌につけると直接角層まで美容成分を届けてくれる次世代エイジングケア用品です。 ルジョー ニードルセラムはその効果の高さから口コミサイトでも評判の商品です。 私もルジョー ニードルセラムの愛用者ですが、新感覚の使い心地の美容液で癖になりますし、しっかり肌に馴染むので効果も実感しやすいです。 ルジョー ニードルセラムはいつまでも美しい肌を維持していきたいという方に本気でオススメです。 ▼初回税込3,278円▼ ※送料無料！ ※いつでも解約できるので安心 公式サイト：https://store.minorie-shop.com/ でも、どんなに高級なコスメでも実際に効果を実感できなきゃ意味が無いですよね。
强力对辊高压型压球机环保节能型煤成型设备-新乡胜性计算机应用科技有限公司
地址：湖南怀化会同县平潮300号 电话：001-89612629 传真：001-89612629 邮箱：722114493@300.com 强力球机151335968 6，对辊带有转向倒顺开关，如发现电机转向反转只需拨动该开关即可变换电机的旋转方向7，高压带有漏电保护器，大大提高操作人员的安全性 8，型压型煤机身小巧操作灵活，故不受施工场地的大小限制9，环保进口电机，吸力强劲，极低的故障率可24小时连续无尘施工10，成型主电机和吸尘电机采用分开开关控制，方面使用。 设备联系人：任佳慧 强力球机手机号： 对辊Q 高压济宁欧科工矿设备厂淘宝店https://shop148789806.taobao.com 根据含碳量的高低，型压型煤此类钢又可分为:低碳钢--含碳量一般小于0.25%，型压型煤如10、20钢,一般的无缝钢管的生产工艺可以分为冷拔与热轧两种，冷轧无缝钢管的生产流程
margin-top にマイナスは危険？ | なつみかん。
margin-top にマイナスは危険？ 2006.03.15 Wednesday CSSでこのようなboxを作るとします。 条件は以下の２つ。 ・コンテンツ部分には余白を作る ・タイトルの背景と外枠の間には隙間（余白）ができないようにする とりあえず box を３つ使って <div class="box"> <h4>タイトル</h4> <p>こんてんつ</p> </div> こうすれば問題はありませんが、box を３つ使う事もないので２つで作ります。 HTMLは、 <div class="box"> <h4>タイトル</h4> こんてんつ </div> で、CSSは「コンテンツには余白」→「ただしタイトル背景には余白無し」と考えると .box{ padding : 10px ; /* コンテンツ部分の余白。上下左右に10px */ width : 300px ; background-c
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
デフォルトスタイルの差異を無くすCSS
http://www.angeli-x.net/archives/2006/04/07/0003.php
HTMLの外部ファイル化
ADP: floatレイアウトでつまづかないためのTips
Lucky bag::blog: Appendix
CSSによる段組（マルチカラム）レイアウト講座