Grid Calculator by Nicolaj Kirkgaard NielsenApril 2nd 2013: Spring cleaning! Arrow key navigation is now less intrusive, .png downloads are now transparent + small improvements.Hide tip Grid examples to get you started: 960.gs 12 col grid, Blueprint 24 col grid, Custom 4 col iPhone grid
Webデザインにメリハリを！参考になる見出しデザインまとめ
見出しデザインもページの印象を決める大事な役割を持っています。 個人的な話ですが、私はホームページやランディングページを制作している際、見出しのデザインに割と悩むことが多いです。。 本文テキストとのフォントサイズで差分をつけたもののいまいち目立たなかったり、ただかっこいいデザインではなく、効果的なWebサイトにするために可読性も考慮したかったりと、試行錯誤する部分のひとつでもあります。 今回は「見出しとしてのデザインの分かりやすさ」と「可読性」を前提に、日本語テキストが入っているもののみに限定していろいろな見出しを調査しました。 ここから、効果的な見出しデザインを作るポイントを考察していきましょう。 カラーを変える https://kowa-dan.com/ まずはシンプルに、見出しのカラーを変えたものをご紹介。 ページのデザインによってはこれだけでも充分目立つ見出しになります。 英語と日
【2022年第1四半期】Webサイト横幅サイズとファーストビュー | FASTCODING BLOG
こんにちは。FASTCODINGデザイナーの七転び八重子です。 はい。また、このテーマを扱う季節になりました。笑 半年ごとに、Webサイトのベストな横幅サイズ（コンテンツ幅）を調べている私です。今回は、ブラウザのサイズ状況と合わせて、国内のメディアサイト・コーポレートサイトを調べてみました。 半年前の記事はこちらをご覧ください。 「【2021年下半期】Webデザイナー必読！横幅サイズとファーストビューサイズ」 2022年2月時点のディスプレイ解像度を確認こちらは、半年で大きな変化はないかと思いますが、半年前に比べると、人気のブラウザサイズは割合が高なっていることが分かります。 PCデスクトップでは1920×1080とラップトップでは1536×864が伸びていますね。 モバイル新しいiPhoneの発売などで、こちらは大きく変わるようですが、ベースのサイズはそんなに変わらないですね。 タブレッ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Material Design