一般的なID/クラス名の例のまとめ - blog.takuyan.com
いつも忘れて本を開くので、自分用のメモ。 転職後、WEBデザイン全般も担当するようになり、XHTML&CSSもガツガツ書くようになったが、 なにぶん、ID名とかクラス名が思いつかないことが多いので、以下表の名称を頻繁に使わせて貰っている。 部品例 名称例 本文全体を囲むコンテナ container, wrapper, page, pagebody, all ヘッダー header, header-area ナビゲーション nav, navi, navigation グローバルナビゲーション global_nav, gnav ローカルナビゲーション local_nav, lnav 補足ナビゲーション assist_nav, utility, utility_nav パンくずナビゲーション topicpath, breadcrumbs コンテンツ全体 content(s), container
table系にはposition:relativeが効かない | Takazudo Clipping*
こんなかんじでtable内でtdが2つあり、中にはメイン文章のpと、日付のpがあるんだけど、日付をセルの右下にposition:absoluteでつけよう。そうすればセルの内容増えてもいつも右下によってくれる。だからtdにはposition:relative指定すれば右下に寄ってくれるよね！（下は、こんな風にしたいイメージ） ･･･と思ってると失敗する。 <table> <tr> <td> <p class="whatIdid">I played game whole day today.I played game whole day today.I played game whole day today.I played game whole day today.I played game whole day today.I played game whole day today.I p
HTML5/CSS3は最新Webブラウザでどれだけ実装が進んでいるか？ － Publickey
グーグルがHTML5の機能を駆使したGoogle Waveを発表したことなどをきっかけに、HTML5への関心がこのところ急速に高まっています。以前の記事「いま起きているWeb標準の進化、HTML5、CSS3、JavaScript 2.0」で紹介したように、HTML5やCSS3ではWebアプリケーションの構築に有用な機能が数多く含まれており、策定は現在もW3Cで進んでいます。 最近相次いで登場した最新のWebブラウザ、Firefox 3.5やSafari 4、Google Chrome 2.0などでは、策定中のHTML5やCSSの機能を取り入れ始めています。Video/AudioタグがFirefox 3.5でもサポートされ、プラグインがなくても動画や音声の再生が可能になったことは最近話題になりました。最新のWebブラウザでは、すでにいくつものHTML5の機能が使える状態です。
色々な要素にstyleをあてる - ぼくはまちちゃん！
全国のマークアップエンジニアの皆さん、こんにちは！ こんにちはこんにちは！！ 今日も元気にスタイルあててますか…！ ぼくはめっきりあててませんけど！ でもたまにはマークアップしたりスタイルあてたりしなきゃ、どんどん不健康になっちゃいますよね！ だから今日はぼくも久しぶりにCSSでも書いて、どんどんスタイルをあてていっちゃおうかなー、なんて気分です！ だけど、せっかくスタイルあてるんだったら、普段ほったらかしされがちな控えめな子をクローズアップして、ちょっぴり目立たせてあげたいですよね…！ はい！ そんな感じで今日は、<head>の中とかに書かれちゃっているような要素たちにスタイルをあてて遊んでみようかと思います！ … head … display: block、 title … display: block、 meta … display: block っと … …… …できた！ こんな感
色々な要素にstyleをあてる (これはtitle)
(なぞのタグ) ここがbodyです＞＜ IEだとheadの中身を表示してくれません…！ あとIEでJavaScriptのエラーがでるのは、metaのinnerHTMLいじってるからだよたぶん！ html head meta title script style nazonotag by はまちや２ このページの説明 → 色々な要素にstyleをあてる - ぼくはまちちゃん！
はてなブログ | 無料ブログを作成しよう
賃貸暮らしのわが家の地震対策【揺れから命を守る編】 以前のブログでも記載した、防災の優先順位に基づいて対策を進めています。まだ手をつけられていない部分もありますが、ある程度まとまってきたのでざっくりとご紹介していきます。 優先順位別に改善していっているため、今回は主に地震の揺れ対策がメインになります。…
最新Webブラウザ、Web標準への対応度は？ | OSDN Magazine
2008年になり、主要なWebブラウザのバージョンアップが相次いで行われている。これらのバージョンアップでは、Webブラウザ自体の機能強化が行われているほか、レンダリングエンジンについても積極的に改良が行われ、新たな機能が取り込まれている。そこで本記事では、最新Webブラウザが搭載しているレンダリングエンジンについて、それぞれが備えている機能やWeb標準規格への対応状況について比較していく。 2008年8月末、Internet Explorer（IE）8のベータ2がリリースされた。IE8ではパフォーマンスの向上や、多数の新機能が追加されており、正式版リリースへの期待も高まっているのではないだろうか。しかし、大規模な改良が加えられているWebブラウザはIEだけではない。今年6月にはFirefoxの新版であるFirefox 3がリリースされているほか、同じく6月に公開されたOpera 9.5や
HTML CSS ガイドライン – Kangaroonote
ディレクトリ構造 ディレクトリ構造、ファイル構成は案件毎に最適な方法を検討 公開ファイルと公開不要なファイル（SASS や node_modules など）は明確に分ける 特に理由がなければ下記の形にし、読み込み順とスタイルの優先度に整合性がとれるように心がける root/ ├── dist/ └──index.html └──assets/ └──css/ └──images/ └──js/ └──lib/ └── src/ └──sass/ └──style.scss └──foundation （基本的となるスタイル） └──_global_var.scss └──_mixin.scss └──_reset.scss └──_font.scss └──layout （ヘッダ、フッタ、共通ナビ、カラム構造） └──_flex.scss └──_float.scss └──_nav-ma
XHTML+CSSサイトデザイン : LINE Corporation ディレクターブログ
どうも、ユティです。 直接ディレクションには関係しないのかもしれませんが、ウェブトレンドと技術的な理解ということで、HTML マークアップについて書きたいと思います。あと、以前も書きましたが、自分が理解していないことを依頼しちゃダメですよね。自戒もこめて。 それと、超基本的なことをマークアップの人じゃない人が書いてますので、その辺りご理解ください。 【01】HTML ご存知とは思いますが、ウェブページというものは、基本的にHTML（HyperText Markup Language）という言語で書かれたファイルを、ブラウザが読み込み、内容を解釈して表示しているわけです。で、そのファイルの中身と言うのは 例1.HTML記述例 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://blog.e-riverstyle.com/2009/07/-html5css3.html
http://moto-mono.net/2009/05/22/cross-fade-with-rounded-corner-button.html
セオリーに基づいたカラースキームが設計できるオンラインサービス
[CSS]1ピクのラインでリストをかっこよくデザインするスタイルシート
ITクオリティ 30のアコーディオン＋タブスクリプト
http://07l.oops.jp/2006/07/activecollab-3