2019年7月1日のブックマーク (3件)

  • 東急、東武、JR東でフォントの旅を始める

    公共交通機関のインフォメーションや案内板には旅の楽しみがいっぱい詰まっている。今回は身近でリーズナブルなフィールドワークと旅の手段として、東京近郊の鉄道をテーマにフォントの旅をスタートしてみよう。特急列車や観光列車に乗って旅するだけではなく、いつもの通勤や通学でも視点を変えてみると、フォント探求の楽しみが増してくる。 連載:デジタルネイティブのためのフォントとデザイン スマートフォンやSNSの普及で、誰もが気軽に情報を発信できるようになった今、「どう発信するか」を考える上で、欠かせないのがフォントやデザインです。「最近ここのフォント変わったな」「このロゴどうやってデザインしたんだろう」と、身近な文字が気になっている人も多いのではないでしょうか。 この連載では、街角やビジネスの現場など身のまわりにある文字をきっかけに、奥深いフォントとデザインの世界をご案内します。いつも使っているスマートフォ

    東急、東武、JR東でフォントの旅を始める
    meeeres
    meeeres 2019/07/01
  • 文字サイズの比率と調和

    ウェブページのテキストはいくつかの文字サイズの組み合わせで出来ています。それぞれの文字サイズは情報の階層構造を表現するなどの役割を担いますが、同時にお互いが適切なバランスで調和しているべきです。そのため文字サイズはページやコンポーネントごとに場当たり的に決められるべきではありません。プロジェクトを通じて一貫したシステムを形成している必要があります。 そういった調和と一貫性を持った文字サイズのシステムを作るために、私たちのチームでは「調和数列」に基づいて一連の文字サイズを決めることがあります。調和数列とは等差数列(隣接する項が共通の差を持つ数列)の各項の逆数からなる数列です。 1, 2, 3, 4, 5, 6 ... // 等差数列 1, 1/2, 1/3, 1/4, 1/5, 1/6 ... // 調和数列 実際に調和数列を用いて文字サイズを算出する例を以下に示します。 $font-siz

    文字サイズの比率と調和
  • GitHub - mike-engel/a11y-css-reset: A small set of global rules to make things accessible and reset default styling

    You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

    GitHub - mike-engel/a11y-css-reset: A small set of global rules to make things accessible and reset default styling
    meeeres
    meeeres 2019/07/01