縦書きでレスポンシブなブログを作った - yuhei blog
趣味で会社の人のサイトを作った。縦書きでレスポンシブなブログ。prismic.ioとNext.jsで作った。 ウェブデザインに縦書きを活かすことは難しい。部分的に取り入れることはできても、縦書きの文章を主要な要素として扱うのはかなり難がある。というのも、ウェブサイトは縦にスクロールするのが当たり前だけど、普通に縦書きで実装すると横スクロールになるからだ。 横書きでは文章は上から下に流れ、ページは縦スクロールになる。対して縦書きの場合、文章は右から左に流れるため、横スクロールになる。スクロール操作が不自然だと目に見えてユーザービリティが低下するので、どうしても当たり前のスクロールができるようにしたい。 幸い、縦書きにしながら縦スクロールにする方法はひとつある。新聞や雑誌のように段組にすることだ。 それはcolumnsを利用すれば、一見簡単にできそうな感じはする。けど、僕が望む仕様を実現しよう
最もユーザビリティが高いのは名古屋市のサイト--「自治体サイト・ユーザビリティ調査」より
調査対象サイトは、都道府県、政令指定市、中核市、その他の主要市で、計270団体。対象ページは、原則としてトップページおよびトップページからリンクの張ってあるページ。54ある審査項目について100点満点で採点した。 調査によると、昨年と比べて総合スコアの全体平均は44.92から49.16と、4ポイント強伸びた。特に上位サイトの伸びは著しく、名古屋市（91点）、さいたま市（86点）、取手市（82点）をはじめとする上位サイトの総合スコアは、前年度調査の上位サイトより10ポイント前後上回っている。また、今回のトップ15サイトのうち、前回も15位以内入りしていたサイトは、さいたま市、宮城県、横浜市、京都市の4件のみだったことから、日経BPコンサルティングでは「優れたサイトであっても現状維持だけでは相対的に評価が下がってしまう傾向にあった」と分析している（昨年度ランキングはこちら）。 日経BPコンサル
photoshop- 1ピクセルラインで質感を高めるテクニック - WEBデザイン BLOG
下記の画像はこのサイトのトップページの画像です。両者の違いは、1ピクセルのラインが入っているか、いないかの違いです。左の画像はピクセルラインあり、右側はラインなしです。（画像クリックすると原寸表示されます。） ピクセルラインを入れることで、立体感を演出することができ、さらに質感を高めることができます。 さらに拡大した画像も下記の画像をクリックすることでご覧いただけます。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
