タグ

ブラウザとwebに関するpocoponのブックマーク (3)

  • 2024年に最適なfont-familyの書き方 - ICS MEDIA

    ウェブサイトのフォントは何を指定すればよいのでしょうか? CSSのfont-familyプロパティーに指定可能なフォントは選択肢が多く、HTMLコーダーなら誰もが一度は迷ったことがあるはずです。 font-familyの組み合わせを紹介している記事は多々あります。しかし、必要のない指定や、考察不足なまま紹介している記事を見かけることは少なくありません。それもそのはず、フォント事情は日々変化するもので、古い情報は役立たないことが多いためです。 記事ではフォントに関わるここ最近のビッグニュースを取り上げつつ、教訓から学んだ変化に強い「無難」なフォント指定を紹介します。 結論 いきなり結論ですが、以下のフォントの組み合わせがオススメです。CSSのbodyセレクターなどにコピー&ペーストして利用ください。 body { font-family: "Helvetica Neue", Arial,

    2024年に最適なfont-familyの書き方 - ICS MEDIA
  • 知っておきたい!新旧ブラウザの見え方を最適化する「プログレッシブ・エンハンスメント」 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    ※2016年2月末時点 対象環境って? OS、ブラウザ、バージョンというものがあり、これらの組み合わせで対象環境を定義します。では、そもそも環境が違うと何が違うのでしょうか。 IE8とChrome最新版で見比べてみる 今回紹介するのは、ここ数年ですっかり定着してきたCSS3という技術を使ったときの、対応しているブラウザと未対応のブラウザでの見え方の比較です。具体的には、CSS3が対応しているChromeの最新版と、対応していないIE8で見たときの違いを紹介していきます。 角を丸くして柔らかさを付ける border-radiusを用いることで、角に丸みをつけることができます。 CSS3未対応だと、ただの四角になります。 要素に影をつけてみる box-shadowを用いることで、要素に影をつけることができます。 CSS3未対応だと、影がつきません。 グラデーションをつけてみる linear-g

    知っておきたい!新旧ブラウザの見え方を最適化する「プログレッシブ・エンハンスメント」 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • Webだと写真の色が変わる? – 写真部.

    写真をウェブにアップロードしたら、色が変わってしまった… デジタル写真にはカラープロファイルという色に関するデータが付加されています。この付加データの取り扱いを間違えると色が変わって表示されてしまうことがあります。 デジタルカメラにはカラープロファイル(カラースペース、色空間)が選べるものがあり、このカラープロファイルがデジタル写真に色情報の一部として付加されます。 下画像は Canon EOS 20D のカメラの色空間を設定するメニュー この設定項目は、ニコンとオリンパスは「カラー設定(カラーモード)」、ソニーは「クリエイティブスタイル」という名前のようです。 RAWデータで撮った写真は、現像時にカラープロファイルを決定します(画像は Adobe PhotoshopCS3)。 ウェブで写真を使うときは、このカラープロファイルを適切なものにしておく事が重要です。 カラープロファイルの種類

    Webだと写真の色が変わる? – 写真部.
  • 1