Webでソースコードをハイライトする
Prettifyスクリプトを使うことで、ウェブページのソースコードを構文を色分け表示することができます。コードを色分けすることでコードを読みやすく理解しやすくなります。 使い方 以下のようにpre要素に “p […] Continue reading →
Category: Webデザイン
レスポンシブレイアウトとデバイス解像度
レスポンシスブレイアウトではデバイスの横幅によってレイアウトを切り替えるために、デバイスの解像度について予め知っておく必要があります。この記事ではレスポンシブレイアウトの元になるとレイアウトの定義ルールのベストプラクティ […] Continue reading →
レスポンシブテーブル
ウェブブラウザのユーザーは一般的にウェブサイトを縦方向にスクロールすることには慣れていますが、横方向へのスクロールには慣れていません。モバイル端末において、ページ全体を表示するために横方向へのスクロールを行わせる必要があ […] Continue reading →
アイコンフォント
アイコンフォントの概要 アイコンフォントとはベクトル形式のフォントに文字ではなくアイコンが割り当てられたフォントのことです。アイコンフォントはどんなサイズのデバイスにも柔軟にフィットします。PNGやGIFのようにスケーラ […] Continue reading →
ユーザインタフェースのレスポンスタイムの目標
ユーザーインタフェースのレスポンスタイムが遅すぎて怒る人はいても速すぎて怒る人はいません。速ければ速い方が良いのです。 Jakob Nielsenは『Usability Engineering』(1993, 2014)で […] Continue reading →
画像ファイル形式のWebブラウザ対応状況
この記事ではWebブラウザにおける画像フォーマットの対応状況をまとめている。 特許が存続している画像フォーマットでは特許フリーとされていても将来において特許使用料が徴収される可能性があって安全ではない。また、ISO規格に […] Continue reading →
レスポンシブレイアウト
レスポンシブレイアウトはリキッドレイアウトの実現手法の１つです。CSS3 で導入された Media Queriesを使用して横幅を基準にレイアウトのルール定義によってスマードフォン、タブレット、ノートPC、デスクトップの […] Continue reading →
Webセーフフォント
CSS の font-family プロパティで、異なるブラウザ、オペレーティングシステムで最大限互換性を確保する為に、複数のフォールバック用フォントファミリを優先度順に指定し、最後に総称体を指定します。フォールバックに […] Continue reading →
Webフォントのブラウザ対応
Webフォントのブラウザサポート Browser Platforms SVG Fonts TTF OTF WOFF IE 8 Windows (xp) No Yes* Yes* No IE 9–current […] Continue reading →