タグ

ブラウザに関するgriffin-stewieのブックマーク (8)

  • クロスブラウザのためのHTML/CSSのテクニック集 | コリス

    anthonyshortのエントリーから、クロスブラウザのためのHTMLCSSのテクニックの紹介です。 How to get Cross Browser Compatibility Every Time 簡単な意訳なので、詳細やキャプチャは上記エントリーを参考ください。 サマリー doctypeはstrictを使用し、正しいHTML/CSSを使用してください。 スタイルをリセットするスタイルシートを使用してください。 Firefoxでのレンダリングのために、テキストのスタイルシートに「-moz-opacity:0.99」を指定してください。 Safari用には「text-shadow:#000 0 0 0」を使用してください。 画像のリサイズをCSS/HTMLで行わないでください。 全てのブラウザでフォントのレンダリングを確認してください。 「Lucida」は使用しないでください。 テキ

    クロスブラウザのためのHTML/CSSのテクニック集 | コリス
  • [CSS]IE6でよく遭遇する6つのバグとその解決方法 | コリス

    CSS Trickのエントリーから、IE6でよく遭遇する6つのバグとその解決方法の紹介です。 IE CSS Bugs That’ll Get You Every Time ボックスモデルのバグ マージンが二倍になってしまうバグ min-width, min-heihgtと同等の指定 Stepdownバグ hover擬似クラスをa要素以外にも対応 透過PNGを透過表示に対応 ボックスモデルのバグ <textarea name="code" class="css" cols="60" rows="5"> div#box{ width:100px; border:2px solid black; padding:10px; } </textarea>

  • ブラウザから手軽に使えるJavaScriptの統合開発環境『TIDE』 | 100SHIKI.COM

    これはすごい・・・。 TIDEは「Tiny IDE(統合開発環境)」の略らしい。 そのシンプルな名前にたがわず、実に手軽にJavaScriptを書いて、テストすることができる。日語もきちんと通るようだ。 しかもIDEだけあって、変数の中身をウォッチしたり、ステップごとに実行していくことが可能だ。 JavaScriptは慣れていないとどうにもとっつきにくかったりするが、こうした環境があればその動作を確認しながら学習していくことができるだろう。 まだベータ版ということで多少のバグがあるようだが、これからJavaScriptをやってみよう!と思われている方にはお勧めだ。

    ブラウザから手軽に使えるJavaScriptの統合開発環境『TIDE』 | 100SHIKI.COM
  • Web 開発に便利な Opera Widgets 16 選 - WebOS Goodies

    だいぶ間が空いてしまいましたが、便利な Opera Widgets をご紹介する企画の第二回です(第一回はこちら)。今回は Web 開発に使えそうなものを集めてみました。数も前回より倍増の 16 個。いずれもシンプルながら個性的なものばかりです。皆さんのニーズに合ったものをチョイスしてみてください。そうそう、まだ Opera を使ったことのない方、 Opera のダウンロードはこちらから。ぜひお試しください! HTML エディタ関連 Vista Editor HTML http://widgets.opera.com/widget/6306 Vista 風のデザインがクールな HTML エディタです。 WYSIWYG で作成した文書を HTML ソースに変換してくれます。このウィジェットで記事を作成して blog の投稿フォームにカット&ペーストすれば、 blog 標準の WYSIWYG

  • SimpleBoxes | Mac OS X上で動作するウェブブラウザのまとめ

    [2010.11.02 追記] 「Mac OS X 上で動作するタブブラウザのまとめ (2010 年版)」にて 2010.11 現在の状況を反映した内容で更新しました。こちらもあわせてご覧ください。 ちょっと思うところあって、Mac OS X上で動作するブラウザについて調べてみました。 Mac OS X上で動作するブラウザには、HTMLレンダリングエンジンの違いにより、大まかに3つの勢力(?)に分類されます。 WebKit系 Gecko系 独自系 ここでは、2007.05.27現在、当方の環境で動作確認できたブラウザを紹介します。User Agentの文字列も併せて掲載していますが、この文字列はバージョンなどによって変わる場合があります。あくまでも参考程度に。 アイコンからは各ブラウザのスクリーンショットにリンクしています。 WebKit系 WebKit系は、Safariを代表とする、KH

  • 栄光ゼミナール;塾選びガイド

    栄光ゼミナールとほかの塾との授業料、サービスなどさまざまなポイントについて比較しています。栄光ゼミナールの授業料、サービスなど充実させたコンテンツで作成していますが、やはり一番栄光ゼミナールを知るには、資料請求が一番です。 栄光ゼミナール資料内容 日程と授業料についてのご案内 栄光ゼミナールの夏期講習のご案内 個別指導のご案内。 「今子供たちは・」資料集栄光ブックレット とっておきなDVD(届くまでお楽しみ) 栄光ゼミナールでは、はじめての方には無料の夏期講習会になります。テキストの教材費は自己負担になりますが、それでも1教科につきたったの2100円。 栄光ゼミナールは特に中学生を対象に向けて圧倒的人気のサービスです。もちろん、それに付随するしっかりとしたサービスがあります。大手の学習塾には、有名講師が授業を100人程度で聞くタイプと少人数制(6人から20人程度)できめ細やかな授業

  • ブラウザの表示領域のサイズを取得する方法。 - Enjoy*Study

    ブラウザの表示領域を取得するに当たって、「ブラウザの種類」×「表示モード(標準/互換)」によって参照するプロパティが変わってきます。 IE、FireFox、Opera、Safariにて、表示モード毎に参照すべきプロパティをまとめてみました。(Safariについては2007/05/20に追記) 調査したのは、下記のプロパティです。 window.innerWidth window.innerHeight document.body.scrollWidth document.body.scrollHeight document.body.offsetWidth document.body.offsetHeight document.body.clientWidth document.body.clientHeight document.documentElement.scrollWidth d

    ブラウザの表示領域のサイズを取得する方法。 - Enjoy*Study
  • http://plaza.rakuten.co.jp/catfrog/diary/200701140026/

    griffin-stewie
    griffin-stewie 2007/01/16
    解像度次第って感じですね。1280x1024だと基本的にだしっぱなし。多段タブにしてるので縦がきつくなると閉じてる。1024x768だと基本隠してる。 でも、ブラウザ常に最大化してる。 一発で全体を見たいから。 俺は変か?
  • 1