CSSで泥沼にはまらない3つのアプローチ｜『プロとして恥ずかしくない 新・WEBデザインの大原則』発売記念イベント
注釈 60分のセミナー用のスライドです 60分間ひたすらしゃべるための資料なので、目次はありません セミナーのフォローアップのために公開しています 文字が大きいのは、会場の後ろの席でも見えるようにするためです Cascading Style Sheets .header { margin: 8px; color: #f00; } マジックナンバーの良くない例 .main { float: left; width: 640px; } .main h1 { width: 640px; } .main p { width: 640px; } .main ul li { width: 620px; margin-left: 20px; } 数値が乱立 .aaa { width: 640px; } .bbb { width: 324px; } .ccc { width: 216px; } .ddd
ハック不要でブラウザ（UserAgent）ごとにCSSを切り替えることが可能になる「CssUserAgent (cssua.js)」｜BLACKFLAG
サイト制作の際、ブラウザごとのCSS解釈の違いで、やむを得ずCSSハックを使用することはよくあることですが、Webサイトを構築する際、出来る限りCSSハックを使用することは避けたいもの。 そんなCSSハックの使用を避ける為に作られた「CssUserAgent (cssua.js)」が今後活用できそうだったのでご紹介。 ≫CssUserAgent (cssua.js) 使い方はいたって簡単。 サイト上からダウンロードすることができる「cssua.js」（もしくは「cssua.min.js」）を制作するHTMLファイルから読み込むだけ。 このJSファイルを読み込むことで、＜html＞タグに閲覧環境（UserAgent）ごとに別々のCLASSが自動で追加される仕様になっています。 例えば現在の私の環境「Firefox3.6.13」で見た場合、＜html＞タグには以下のCLASSが自動で付与されま
jsdo.it
Come creare il miglior gioco da casinò Quando si progetta un gioco da casinò, la prima cosa che devi considerare è che tipo di gioco sarà. Ci sono molti diversi tipi di giochi da casinò, dalle slot e video poker ai giochi da tavolo e giochi di carte. Dovrai decidere quale tipo di gioco si adatta meglio alle tue esigenze. Ogni tipo di gioco ha il proprio set di regole e regolamenti, quindi dovrai a
MediaQuery まとめ - IT戦記
Media Query とは CSS3 から導入される Media Type を大幅に拡張する仕様です。 そもそも Media Type とは Media Type とは CSS 2 系に元々ある仕様で CSS を適用するメディア（パソコンの画面、テレビ、プリンタ用紙など）を指定するときに使います。 以下の例だと、 media 属性の中に記述されている all や screen や print が Media Type です。 <link rel="stylesheet" type="text/css" href="共通の.css" media="all" /> <link rel="stylesheet" type="text/css" href="パソコンの画面の.css" media="screen" /> <link rel="stylesheet" type="text/css"
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSS Regionsを使った新しい CSSレイアウトを作る方法
iPhoneやiPad等にもWebサイトを最適化するレスポンシブWebデザイン構築に役立つフレームワークやTipsいろいろ - かちびと.net
