縦書きでレスポンシブなブログを作った - yuhei blog
趣味で会社の人のサイトを作った。縦書きでレスポンシブなブログ。prismic.ioとNext.jsで作った。 ウェブデザインに縦書きを活かすことは難しい。部分的に取り入れることはできても、縦書きの文章を主要な要素として扱うのはかなり難がある。というのも、ウェブサイトは縦にスクロールするのが当たり前だけど、普通に縦書きで実装すると横スクロールになるからだ。 横書きでは文章は上から下に流れ、ページは縦スクロールになる。対して縦書きの場合、文章は右から左に流れるため、横スクロールになる。スクロール操作が不自然だと目に見えてユーザービリティが低下するので、どうしても当たり前のスクロールができるようにしたい。 幸い、縦書きにしながら縦スクロールにする方法はひとつある。新聞や雑誌のように段組にすることだ。 それはcolumnsを利用すれば、一見簡単にできそうな感じはする。けど、僕が望む仕様を実現しよう
口臭、歯肉炎の予防には薬用リステリン®
世界50ヶ国以上で愛されるマウスウォッシュのパイオニア マウスウォッシュのパイオニアとして135年以上の歴史を誇るリステリン®は、効能・効果に優れた口腔ケア製品として、現在では世界50ヶ国以上で愛用されています。 「一人でも多くの人を助けたい」というリスター博士の意思を受け継ぎ、リステリン®は現在も人々のお口の中を守り続け、愛用されているのです。 お口の中の菌の数は 足よりも多いのです。また、お仕事や学校での活動をされる日々のたった9時間だけで、お口の中の細菌は起床時と比べて、約5倍にもなります*2。 *1：実測値の比較 衛生微生物研究センター調べ、2017年、通常時の菌測定による。 *2：Nolte WE. Oral Microbiology. 第 4 版 1982. 通常の歯磨きでケアできるのはわずか 歯磨きだけでお口の中をケアできる割合は、歯の表面積である約25%*のみ。 歯を磨いた
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Webサイト制作におけるフロントエンドの必須スキル＆開発環境はこれで決まり！ - North-Geek
