読みやすい＝理解しやすい　Webの組版を整理してより良い文章を届けよう - Qiita

テクノロジーカテゴリーの変更を依頼記事元:

qiita.com/xrxoxcxox

61users がブックマークコメント

コメント

3

記事へのコメント3件

注目コメント
新着コメント

nilab 読みやすい＝理解しやすい　Webの組版を整理してより良い文章を届けよう - Qiita

2021/12/15 リンク

yarumato “本文はベタ組み。見出しはツメる。本文見出しの種類ごとにサイズに合わせたモジュラースケール（決まった比率を掛けていく）を適用して、バーティカルリズム（常に0.25remの整数倍で整然として見える）も揃える”

2021/12/14 リンク

Falky うむ

web-design

2021/12/14 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

読みやすい＝理解しやすい　Webの組版を整理してより良い文章を届けよう - Qiita

この記事はQiita Advent Calendar 2021の12日目の記事で、Qiita株式会社 CX向上グループの綿貫（@xrxoxc... この記事はQiita Advent Calendar 2021の12日目の記事で、Qiita株式会社 CX向上グループの綿貫（@xrxoxcxox）が担当します！この記事の概要 Webの組版を現実的な手法で綺麗に整えるためのやり方をまとめました。同じ内容の文章でも組版次第で読みやすさは変わります。実は、意識していないとWebサイトの文章は余白がガタガタとかになりやすいんですね。 DTPに比べるとどうしても劣ってしまいますが、HTMLとCSSだけでできるだけ綺麗になるようにした & ステップバイステップで説明していますので良ければ真似てみてください！ちなみに今回載せているコードは全てこちらのリポジトリにあります。解決したいこと（≒よくあるWebの組版）余白がガタガタ見出しや本文のジャンプ率が適切でなく目が滑る禁則処理がほぼ何も無いあまり意識したことは無いかもしれませんが、こ

ブックマークしたユーザー

techtech05212024/05/06
mag4n2022/07/12
masakuma08122021/12/20
nilab2021/12/15
bobcoffee2021/12/14
hotmilkcocoa2021/12/14
slay-t2021/12/14
kumamax2021/12/14
hiroqazu2021/12/14
kazkaz032021/12/14
ght09142021/12/14
sk89312021/12/14
e00w11302021/12/14
yahihi2021/12/14
piko882021/12/14
advblog2021/12/14
ant_mugi2021/12/14
joltkun2021/12/14

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

いま人気の記事 - 企業メディア

企業メディアをもっと読む

設定を変更しましたx