タグ

browserとuiに関するimai78のブックマーク (5)

  • ブラウザ比較:スクリーンを一番有効活用できるブラウザってどれだ? | ライフハッカー・ジャパン

    Firefox 4のベータではユーザインターフェースが改善され、Google Chromeはその人気度を日に日に高め続け、Operaはスリックな新バージョンをリリース。ブラウザ競争は今もなお続いているわけです。今日はどのブラウザが一番スペースを無駄にせず、画面をフル活用できるかに焦点を置いてみて行きたいと思います! 注意:Firefoxの表示エリアを最大化したり、などカスタマイズ方法は色々ありますが、今回はあくまで初期設定の状態で、というお話です。ブラウザは全て最新版を使用(バージョンはそれぞれ、Firefox 4.0 Beta 2、Safari 5、Chrome 6.0 dev、Opera 10.60、IE 8)。 全ての条件を一緒にするため、ブックマークバーは非表示、その他の設定はデフォルトのままにしています。大きな違いはIE、Opera、Firefoxにはデフォルトでステータスバーが

    ブラウザ比較:スクリーンを一番有効活用できるブラウザってどれだ? | ライフハッカー・ジャパン
  • 第10回 JavaScriptとCSS | gihyo.jp

    こんにちは、太田です。前々回と前回はHTMLの操作について解説しました。今回は、CSSの操作を中心に解説していきます。 CSSJavaScript JavaScriptからCSSを扱うとは、JavaScriptから要素に適用されているスタイルを変更して見た目を変化させる、ということを意味します。その具体的な方法にはいくつかの種類があります。 styleプロパティの操作 class名の操作 CSS自体の操作 では、styleプロパティの操作から順番に見ていきます。 styleプロパティの操作 要素のstyleプロパティを直接操作する方法は、その要素だけに影響するので1回あたりの処理コストは低く済むというメリットはあります。しかし、複数のプロパティの操作に加え、多くの要素のスタイルを変更する場合には、スタイルを変更するたびに描画への影響の計算が行われる(この計算をreflowと呼びます)ので

    第10回 JavaScriptとCSS | gihyo.jp
  • [CSS]主要ブラウザの特定ブラウザのみに有効なCSSハック集

    Internet Explorer、Firefox、Safari、Chrome、Operaなど主要ブラウザの中の特定ブラウザのみに有効なCSSハックをbradKELLETTから紹介します。 Documenting the Hacks: CSS Browser Targeting CSSハックは使用しないに越したことはありませんが、必要がある場合には最小限簡潔に記述しておくようにします。 各ブラウザの新しいバージョンがリリースされた際、これらのハックが無意味なものになることも念頭においてください。 Internet Explorer 6 IE6のみに適用します。 <textarea name="code" class="css" cols="60" rows="5"> #selector { _property: value; } </textarea>

    [CSS]主要ブラウザの特定ブラウザのみに有効なCSSハック集
  • IE6/7/8でWebサイトの見栄えを見比べ「Microsoft Expression Web SuperPreview」NOT SUPPORTED

  • フォームのインタフェースデザインを考える(1) - builder by ZDNet Japan

    フォームのインターフェースデザイン フォームはユーザーから情報を送ってもらうのに欠かせない要素だ。ユーザーが入力で迷うことのないように、わかりやすくデザインすることが求められる要素でもある。 CSSではユーザーのアクションや入力項目の状態に応じてフォームのデザインを設定するセレクタがさまざまに定義・提案されており、FirefoxやSafariの対応も進んでいる。そこで今回から、フォームのインターフェースデザインに関連したセレクタを紹介する。 ユーザーのアクションに応じてフォームのデザインを変更する :hoverといったセレクタを利用すると、ユーザーのアクションに応じてスタイルシートを適用することができる。一般的にはリンク部分のデザインを変えるのに利用するが、フォーム部分のデザインを変えることも可能だ。利用できるセレクタは次の3種類となっている。 :hover 項目にカーソル(マウスポインタ

    フォームのインタフェースデザインを考える(1) - builder by ZDNet Japan
  • 1