文字サイズの指定方法 文字のサイズは、以下の3つの方法で指定することができます。 長さ・パーセントで指定 font-size: 1.5em; font-size: 80%; 数値+単位（em 等）またはパーセントで指定する方法です。 パーセントで指定することをお勧めします。 絶対サイズのキーワードで指定 font-size: small; 次の7段階のキーワードで指定する方法です。 xx-large … 最も大きいサイズ x-large large medium … 標準サイズ（初期値） small x-small xx-small … 最も小さいサイズ xx-large が最も大きいサイズ、xx-small が最も小さいサイズになります。初期値は medium です。 ブラウザの種類や表示モードによっては、small が標準サイズとして扱われる場合があります。詳しくは表示モードによる解釈
スキルチェックの目次へ HTMLおよびスタイルシート（CSS）を利用したWebページ制作の，簡易スキルチェックのための調査表。印刷用。 マークアップ・エンジニアとしてのレベルを測定する。 これは，「Webページをコーディングして作る人」全般に当てはまる。 レベルは，０から４までの５段階。 （０） 非エンジニア （１） 初学者（入門書を学習してゆく段階） （２） ノーマル（基礎的な知識があり，ある程度の画面を作れるようになった段階） （３） 中級者（Webアプリの開発プロジェクトで１人月としてカウントできる水準） （４） 上級者（メインPG/デザイナとして，Web UIの主担当を任せられる水準） Webアプリのプロジェクト開始時に作業振り分けをするにあたって，新規メンバ全員にこれを渡して回答してもらうという用途を想定。 なお，システム開発上のスキルをチェックする事が主眼なので，アーティスト（
「JavaScriptを使わずにWebブラウザの閲覧履歴を盗む」や「楽天・ドリコムの行動ターゲッティング広告、HTML/CSS仕様の不備を突いて訪問先サイトを調査」などで過去話題に上った「HTML/CSS仕様の不備」について、Mozilla が対策を行う方針で検討を進めるようだ (Mozilla Japan ブログ記事、Mozilla Security Blog の記事、Mozilla Developer Street (modest) の記事) 。 問題となっている「HTML/CSS仕様の不備」というのは、「すでに訪問済みのリンクを別の色で表示する」というもの。これは長らく使われてきた仕様であり、ユーザビリティの向上にも役立っている。しかし、たとえばページ内に大量の隠しリンクを埋め込み JavaScript でその表示状態をチェックする、といった手法を用いることで、URL に対し訪問の有
人々がウェブページのマークアップ書きを生業とするようになってから10年以上経つが、その肩書き（とその役割）はいまだ定まっていないように思う。インテグレーションのタスクとして取り組む人、全体のUIデザインの一部として見る人など、マークアップを書く人のタイプは異なる。仕事場における「グラフィック・デザイナー」や「インフォメーション・アーキテクト」といった役割の存在によって、その状況はより複雑化している。このことは人材募集を行うにあたって頭痛の種となる。 皆のまわりの「HTMLやっている」人（HTMLに加え、CSSとJavaScriptやグラフィックをいじるのも少々含まれるだろうか）はどんな肩書きで呼ばれているだろうか？ 今まで目にした肩書きには「デザイン・テクノロジスト」、「ウェブ・デベロッパー」、「フロントエンド・デベロッパー」、「HTML/CSSデベロッパー」、「クライアントサイド・デベロ
サイトのレイアウトを変更したり、新しくデザインする際に使えるのがこのクロスブラウザテスト、要するに「それぞれのOSのそれぞれのブラウザで自サイトは正しく見えているのか？」をチェックするサイトです。予算と時間が潤沢であれば、自分で各種OSを揃え、各種ブラウザを導入してチェックできるのですが、あまりにも非現実的な場合が多いため、この手のテストサイトは非常に重宝します。 というわけで、デザインやレイアウトのチェックに使えるクロスブラウザテストのサイト一覧は以下から。 10 Helpful Resources for Cross Browser Testing Browsershots http://browsershots.org/ 見てのとおり、現時点ではほぼ最強に最も近い定番クロスブラウザテストサイトが「Browsershots」です。Linux・Windows・Mac OS・BSDの各種ブ
当サイトで現在公開中のSeesaaブログテンプレートを更新しました。 Seesaaブログは最近ご無沙汰してまして、「機能追加されています」というコメントを頂いての反映です。ご連絡ありがとうございました。 今回の更新はSeesaa ブログ、新機能追加によるスパム対策強化のお知らせに対応しています。具体的には、コメント入力時に 名前 メールアドレス ホームページアドレス 本文 の必須入力を指定することができます。 また、コメント送信時に認証コード（CAPTCHA™）を要求することも可能になりました。認証コードは管理画面で手入力する形式で、動的に認証コードが変化するものではありません。 最新のデフォルトテンプレートと比較して差分を追加しましたが、上記以外の機能については未確認ですので、不具合がございましたらご連絡ください。 変更内容の動作については私のSeesaaブログをご覧ください。コメントエ
「CSS」タブをクリックして、中のコードを書き換えると、リロードせずにそのままリアルタイムにページ全体を再レンダリングしてくれます。「Markup」タブをクリックすればHTMLコード自体を書き換え可能。元に戻すには「clear markup and css」をクリック。 Firefoxの拡張である「greaseMonkey」バージョンもあるので、自分のサイトで同じようなことができるようになり、CSSデザインの試行錯誤が楽になります。 詳細は以下から。 rendr http://gregtaff.com/rendar2.html greaseMonkey版はキャッシュが有効な場合に、ローカルキャッシュのHTMLファイルを直接書き換えてリアルタイムプレビューするというモノになっています。 インストールするにはgreaseMonkeyをインストールした状態で上記ページの「greaseMonkey
なんだか最近になってMozillaでルビ表示3の記事(個別ページ)がブックマークされているなと思っていたのですが、404 Blog Not Found:css - ルビもCSSでで紹介されていたからのようでした。 それにしてもその紹介記事のブックマーク数が200以上ってすごいな。やはりウェブでは作った人よりも紹介した人の方が注目される、ということなのでしょうか。それはいいとしても、トラックバックで「プログラマーの小飼弾氏のアイデアと技術には……」と書かれているのを見てしまうと釈然としないものを感じてもいいでしょうか。(←誤った疑問文) それはそれとして、404 Blog Not Foundではルビ表示用のスタイル定義をサイト用のCSSに組み込んでいますが、これはあまりよくありません。あのスタイル定義は(2001年当時のMozilla用に作った、)あくまで擬似的な表示を行うスタイルです。製作
2006年06月01日17:20 カテゴリTips css - ルビの理想と現実 まずは業務連絡ぎょうむれんらくから。みなさん、CSSでrubyルビをやる方法ほうほうの元もとはこちらです。私わたくしではありませんのでご注意ちゅういください。 akatsukinishisuさん、改あらためてお礼れい申もうし上あげます。 ルビ表示はユーザスタイルシートで! - 徒書 それにしてもその紹介記事のブックマーク数が200以上ってすごいな。やはりウェブでは作った人よりも紹介した人の方が注目される、ということなのでしょうか。それはいいとしても、トラックバックで「プログラマーの小飼弾氏のアイデアと技術には……」と書かれているのを見てしまうと釈然としないものを感じてもいいでしょうか。ルビ表示はユーザスタイルシートで! - 徒書Mozillaでルビ表示3の記事でも触れていましたが、ルビ用のスタイル定義は、ルビ
2006年05月31日00:55 カテゴリTips css - ルビもCSSで これ、実はCSSでなんとかなります。 檜山正幸のキマイラ飼育記 - ルビ（ふりがな）タグの話 IE6では期待通りの表示（ふりがなの「おびただ」が「夥」の上に乗る）が得られます。FireFoxはダメでした、 以下をご覧ください。 夥 （おびただ） しい数のWebページ どうです? 当blogでは、現在以下をCSSに加えてrubyを実現しています。IEでもSafariでもFirefoxでもちゃんと見えます。 /* * based upon * http://www.akatsukinishisu.net/itazuragaki/2001_10.html#ruby_for_Mozilla_3 */ ruby { display:inline-table; text-align:center; white-space:
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
