schoo授業感想「Retina液晶対策とSVG画像」 | 創kenブログ
リンクをコピー オンライン動画学習サービスの「schoo（スクー）」。 授業の受講感想記です。 今回の授業は、 ＊SVGでWebフォント制作 https://schoo.jp/class/1968 田中先生の録画授業です。 「SVGでWebフォント制作」とのタイトルで、 ◇前半：SVGのアイコンフォントについて ◇後半：SVS画像について の二本立ての内容でした。 私が感銘を受けたのは後半の方です。 「Retina液晶」対策でSVGを使いましょうという内容でした。 Retina（レティナ）対策とSVG アップルがiPhoneやMacBookなどに搭載しているRetina液晶は高解像度で、これでWEBサイトでJPGやPNGの画像を見ると、原寸大の画像はぼやけがちになります。 Retina対策。 これ、WEBデザイナーにとって頭の痛い問題ですね。 WEBデザインの解説書などを読むと、解決策とし
WordPressのテーマ「Lightning」でスマホのメインビジュアルを設定する。
スマホのメインビジュアルにこだわりたい場合には 久しぶりにWordPressのテーマ「Lightning」の記事を書きます。以下の環境で確認しております。 WordPress 5.1.1 Lightningバージョン: 6.8.0 PC: MacBook Air (11-inch, Early 2014) ブラウザ：Google Chrome スマートフォン: iPhone 8 ブラウザ：Google Chrome Lightningはご存知の通り、レスポンシブデザインですので、ページにアクセスしてくる、パソコンとスマートフォン（タブレットもですが）で表示幅を変えています。 スマートフォンで見た時のメインビジュアルがアンバランスになる。 パソコンは横幅の画面に対して、スマホの幅は小さく、表示できる情報量に限りがあります。モデルにも左右されますが、一般的にパソコンの表示幅の1/3と考えて良い
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
