デザインビギナーズ第28回 もくもく

[willnet]

今日の成果を貼り付けましょう！

貼り付けの指針

みんなから意見をもらいやすいように、わかりやすく成果をまとめましょう！

• なるべく画像を使う
  • 写真をとって貼り付けたり、スクリーンショットをとってみたり
• 作業前、作業後の画像を貼る
• 力を入れた点や、見て欲しい点をコメントに書く

[willnet]

ユーザ編集部分を markdown で入力できるようにしていて、そのままだと固定部分より大きいフォントになってしまっていたのを小さくしました

まだわかりにくい気がするので、markdown 部分を枠で囲ったりした方がいいのかもしれません…

before

after

[tonyfactory]

今日のやること

現在作成しているWebサービス

• ヒトコエ

上記、サイトのTOPページにて
レスポンシブに文字の大きさを変えたい。

【今日の成果】
「HITOKOEとは？」の文字を画面サイズの大きさによって、変更できるようにしました。

一番小さいサイズ

一番大きいサイズ

[tatsuosakurai]

超シンプルなアプリで、上下中央寄せにしたかったので、それについて調べてました

• CSSでblock要素を上下左右中央寄せにする、イマドキの方法。 | バシャログ。
• position: absolute; の指定で要素が上下左右中央配置になる理由 | WWW WATCH

見た目の変化はほぼないですｗ（いままではなんとなく上下中央っぽくしてた感じだったので

[odaillyjp]

今日やること

現在作成しているサービス

• Scrambled Eng

トップページに載せるサイトの説明文を考え、そのデザインを作りました。
また、フォームのplaceholderを埋め込みました。

before

after

[peacefulcherry]

サンプルアプリの背景素材のデザイン（手書きイメージ）
途中です。