タグ

2019年12月27日のブックマーク (3件)

  • font-familyについて本気で考えてみた - Qiita

    今年はmacOSのアップデートによりヒラギノが動かなくなったり、 来年初頭にはWindows7がサポート終了、Edgeのブラウザエンジン変更など、 エンドユーザーの環境を考えなければならない節目の時です。 そこでいつもコピペで済ましているfont-familyについて1から考え直してみます。 全部読もうとしている人はスクロールバーを見てから考えてください。 結果 コピペユーザーのために先に結果を記載します。 ブログ等に転載する場合はこのページのURLぐらい貼ってください。 @font-face { font-family: "Original Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 100; } @font-face { font-family: "Original Yu Gothic"; src: local("Y

    font-familyについて本気で考えてみた - Qiita
    istj
    istj 2019/12/27
  • CSSの単位remの正しい使い方 - Qiita

    CSS Advent Calendar 201918日目に空きがあったので埋めます。 最終日も私です。 QiitaやGoogleでremと検索すると、間違った使い方をしている記事がたくさん出てきます。 remはroot emの略! って分かってるならRootを潰すな! rootはユーザー設定により変動するかもしれないものです。 ユーザビリティを考えるなら、きちんとユーザーの設定に対応出来るようにしましょう。 よく見る間違った使い方 間違った使い方の言い分 モダンブラウザの初期値は16pxです。 だからrootを62.5%(10px)にすれば1rem = 10pxで分かりやすいです。 15pxは1.5remと書きましょう! [疑問] 全部pxじゃだめなの? 1rem = 10pxより全部pxで書くほう分かりやすい。 15pxと書いたほうが楽だし。 なぜこんな変な書き方が流行ったのでしょうか?

    CSSの単位remの正しい使い方 - Qiita
    istj
    istj 2019/12/27
  • 総まとめ!2019年のすごいIllustratorチュートリアル、作り方厳選50個

    Illustratorの使い方の学習に最適なチュートリアル、作り方を当サイトでも不定期で紹介してますが、今年最後となる今回は、2019年のあいだに公開された中で、特に確認しておきたいIllustratorのデザインチュートリアル50個を厳選しています。 覚えておきたい最新デザインテクニックから、従来のツールをより効果的に利用する方法、2020年のグラフィックデザインのトレンドを意識したスタイルなど、デザインの幅を広げるマストなシリーズとなりました。 過去のIllustratorチュートリアル総まとめ 去年までの過去3年間の総まとめエントリーは以下を参考にしてみましょう。これまでにどのようにデザインスタイルが変化しているのか確認してみても面白いでしょう。 【総まとめ】2018年すごいIllustratorチュートリアル、作り方厳選68個 【総まとめ】2017年すごいIllustratorチュ

    総まとめ!2019年のすごいIllustratorチュートリアル、作り方厳選50個