imaginarationのブックマーク - はてなブックマーク

Figma初心者でも大丈夫！レスポンシブWebデザインをFigmaで作るための3つのポイント
この記事についてこの記事は、スマートフォン時代のWebデザインスクールや Web制作の基礎から学べる「Webコーディングスクール」の資料制作をお手伝いして頂いているemiさんによる寄稿記事です。最近はスマホで見ることを前提にデザインされたWebサイトも増えてきていますが、そのようなWebサイトでもPCでみた時にも違和感のないデザインになっています。また、総務省の「通信利用動向調査」を見ると、スマートフォンでもパソコンでもインターネットが利用されている事がわかります。利用状況 2022年のインターネット利用率（個人）は84.9％となっており（図表4-11-1-2）、端末別のインターネット利用率（個人）は、「スマートフォン」（71.2％）が「パソコン」（48.5％）を22.6ポイント上回っている。（出典）総務省「通信利用動向調査」このようにスマホ、PCどのデバイスでも見ることが
imaginaration 2024/04/16
Figma
リンク
CSSで三角形のいろいろな実装例
この記事についてこの記事は、スマートフォン時代のWebデザインスクールや Web制作の基礎から学べる「Webコーディングスクール」の資料制作をお手伝いして頂いているemiさんによる寄稿記事です。 emiと申します。USAGI DESIGN emi.というサイトでWebデザインやコーディング練習用のデザインデータを配布しています。普段はWebデザインやコーディング、メンターなどをしております。三角形や矢印をWebブラウザーで表示するためには、PNGなどのラスター画像、SVG、CSSを使う方法があります。場面に応じた実装方法を選ぶことで、該当箇所に変更があった場合に対応しやすくなります。この記事では、実装方法によってどのような違いが出るのか、3つのパターンで解説します。コンテンツの区切りで斜めになっている背景手順や流れでよくある矢印before/afterでの矢印セクショニング
imaginaration 2021/05/06
CSS
リンク
[Webデザイン] 文字組みについて本気出して考えてみた | Stocker.jp / diary
これはもう何年も前から気になってることなのですが。何故、昔からずっと見出し画像などの文字組みや文字詰めの甘いWebサイトが多いのでしょうか。私はデザインについて偉そうに言える立場でないのは分かっていますが、折角全体的なデザインや背景、写真、Flashなどの動きはとても美しく、文章構成のしっかりしたサイトなのに、ただ一点文字詰めだけが甘いというサイトがあまりにも多くて、そういうサイトが減る様子もないのがずっと気になっています。私は以前、ファッション雑誌やビジネス誌の組版（MacのInDesignやQuarkXPressを使って印刷用のデータを作る仕事。DTPとも言う）の仕事をしていて、見出しは言うまでもなく、本文の文字詰めが少し甘いだけでもものすごく怒られたものですが、Webデザインの世界ではそういうのはあまり怒られることがないのでしょうか。私は、見出しやタイトル画像における文字組み
imaginaration 2011/02/16
これがすべてではないけど、参考となる画像もありイイネ！ / 詰めすぎじゃない例も見たい！

Typography

Font
リンク
1