タグ

ブックマーク / coliss.com (28)

  • ユーザーインターフェイスデザインの参考になるサイト集

    MICROKIDのエントリー「11の偉大なユーザーインターフェイスデザインのリソース」で紹介しているUIデザインの参考になるサイトのリンク集です。 11 Great User Interface Design Resources パターン ライブラリ

    isdyy
    isdyy 2008/01/02
  • 異なるバージョンのSafariを同時に起動できる「Multi-Safari」

    MacOS X上で複数の異なるバージョンのSafariを同時に起動できる「Multi-Safari」の紹介です。 2007年7月現在、配布されているSafariのバージョンは、1.0, 1.2, 1.2.3, 1.3, 1.3.1, 1.3.2, 2.0, 2.0.2, 2.0.3, 2.0.4で、動作可能なMacOS Xのバージョンはそれぞれ異なります。 Multi-Safariのダウンロード 下記サイトから、Safariをダウンロードします。 Multi-Safari Safariのバージョンによって、動作するMacOS Xのバージョンが明記されているので、注意してください。 Multi-Safariの使用方法 ダウンロードしたSafariをダブルクリックするだけで、起動します。 複数起動した場合、ドックには複数のSafariが表示されます。

    isdyy
    isdyy 2007/07/16
  • フラッシュ9からリンクが正常に機能しない場合の対処法

    HTMLページに配置したswfファイルから、リンクが正常に機能しない場合の対処法です。 不具合の現象 swfファイルで、getURLを使用してウインドウ名に「_blank」を指定したリンクが正常に機能しない。 不具合がでた環境 不具合がでるフラッシュのバージョンは、OSやIEのバージョンにより異なるため、列挙します。 不具合のあった環境 XP SP2+IE6+Flash9.028.0 XP SP2+IE6+Flash9.045.0 XP SP2+IE7+Flash9.016.0 不具合のなかった環境 XP SP1+IE6+Flash9.016.0 XP SP2+IE7+Flash9.045.0 Vista+IE7+Flash9.028.0 9.045.0未満というのではないようです。 また、同じバージョンでもOSが異なると不具合がでたりします。 参考にしたページ [229684]HTML

    フラッシュ9からリンクが正常に機能しない場合の対処法
    isdyy
    isdyy 2007/04/28
  • hasLayout でおこるバグ

    border-leftとpadding-bottomを使用した際にも、hasLayoutのバグが発生するようです。 ウノウラボ Unoh Labs: IE6 + CSS 『border-leftとpadding-bottom』の謎 [ウノウラボ Unoh Labs] 未知のバグかな、と思ったのですが、hasLayout対策の「zoom:1;」を指定したら回避しました。 「hasLayout」や「zoom:1;」に関しては、下記を参照ください。 IEでのCSSのバグを回避するhasLayout | コリス

    hasLayout でおこるバグ
    isdyy
    isdyy 2007/04/28
  • [JS]ページ内をスムーズにスクロールできるスクリプト(応用編)

    ページ内をスムーズにスクロールするスクリプトの応用編です。 スクリプトのダウンロードや基的な使い方は、基編を参照ください。 [JS]ページ内をスムーズにスクロールできるスクリプト(基編) スクロール先の地点をピクセル単位で調整する方法 横移動有りでスムーズにスクロールさせる方法 別ページからスムーズにスクロールさせる方法 スクロール先の地点をピクセル単位で調整する方法 スクロール先の地点をピクセル単位で自由に調整することができます。 スクリプトの使い方:スクロール先の地点を微調整 スクロール先の地点を微調整をする方法 デモページ ページの全体をdivで括ります。 <div id="allDocument">~</div> リンク元の記述 <a href="#h201" onclick="toAnchor('h201',100); return false;">h201に移動 -100

    [JS]ページ内をスムーズにスクロールできるスクリプト(応用編)
    isdyy
    isdyy 2007/04/11
  • [CSS]日本語と英語で異なる最適なフォントサイズの指定方法

    語・英語のサイト制作に使用しているCSSフォントサイズの指定で、2007年用デフォルトとしているものです。 %指定を採用している理由の1つは、font-size、line-heightとともに組み合わせにより微妙に異なり、その組み合わせの最適な値を採用するためです。 日語サイトのフォントサイズの指定 英語サイトのフォントサイズの指定 line-heightの指定 日語サイトのフォントサイズの指定 body{ font-size:16px; /**/ font-size:100%; /**/ } 上記を基準サイズとして、下記を指定。 標準: font-size:82%; 大きめ: font-size:94%; 小さめ: font-size:69%; 英語サイトのフォントサイズの指定 body{ font-size:13px;*font-size:small;*font:x-smal

    [CSS]日本語と英語で異なる最適なフォントサイズの指定方法
  • ブラウザのシェアが掲載されているサイト集 | コリス

    サイトの対応ブラウザを決める際に、ブラウザのシェアは一つの目安になります。 自サイトのログ解析で得たブラウザのシェアは重要なデータとなり、また他サイトでのブラウザのシェアも重要なデータになるので、ブラウザのシェアが掲載されているサイトを集めました。

    ブラウザのシェアが掲載されているサイト集 | コリス
    isdyy
    isdyy 2007/04/01
  • [CSS]スタイルの初期化(前編) -全称セレクタとhtml, body編 | コリス

    2007年春現在よく使用している、ブラウザがもつスタイルを初期化するスタイルシート「全称セレクタとhtml, body編」です。 CSSのスタイルの初期化が必要な理由 スタイルの初期化 -全称セレクタ(*) スタイルの初期化 -html, body スタイルの初期化 -全称セレクタとhtml, body のメモ スタイルの初期化(後編) -body内の個別タグ編 CSSのスタイルの初期化が必要な理由 HTMLの各タグは、ブラウザごとに初期スタイルが異なり、スタイルシートでレイアウトを行う際、ブラウザごとに異なる指定を行わないと期待通りのレイアウトを再現しない場合があります。 そのため、同一のスタイル指定で意図したレイアウトが再現できるように、このブラウザごとのスタイルの差異を無くすスタイルシートの設定を行います。 対象としているブラウザは、最近の僕の受注案件の多くは下記のブラウザが対象にな

    [CSS]スタイルの初期化(前編) -全称セレクタとhtml, body編 | コリス
    isdyy
    isdyy 2007/03/22