Weitere ähnliche Inhalte
Ähnlich wie connpass design at BPStudy #88 (20)
Mehr von Yumi uniq Ishizaki (10)
connpass design at BPStudy #88
- 9. connpassの流れ
デザイナー
エンジニア
戦略策定
デザイナー
エンジニア
気になる画面は
朝会ついでに
わいわい確認して
デザイン決定
デザイナー
or デザイナー
エンジニア
ワイヤーフレーム作成・確認
各自作ってくる
or
みんなでホワイトボード
ビジュアルデザイン作成
(たいていhtml状態)
- 39. 例えば
.btn_red {
background-color:#f00;
color:#fff;
font-size:24px;
font-weight:bold;
padding:10px 20px;
}
- 42. 赤くて大きいボタンの名前が
.btn_red
.btn_red {/* 赤いボタンといいつつ、大きいボタンでもある。class名として良くな
い */
background-color:#f00;/* 色の表現。共通化できる */
color:#fff;/* 色の表現。共通化できる */
font-size:24px;/* 大きさの表現 */
font-weight:bold;/* 大きさの表現 */
padding:10px 20px;/* 大きさの表現 */
}
.btn_red_small {
background-color:#f00;/* 色の表現。共通化できる */
color:#fff;/* 色の表現。共通化できる */
font-size:12px;/* 大きさの表現 */
padding:3px;/* 大きさの表現 */
}
赤くて小さいボタンの名前が
.btn_red_small
- 43. 例えばこう直す
.btn_red {
background-color:#f00;/* 色の表現 */
color:#fff;
}
.btn_black {/* 色の表現 */
background-color:#000;
color:#fff;
}
.btn_large {/* 大きさの表現 */
font-size:24px;
font-weight:bold;
padding:10px 20px;
}
.btn_black_small {/* 大きさの表現 */
font-size:12px;
padding:3px;
}
- 50. {%
for
p
in
event.user|slice:":3"
%}
<img
src=“user_icon.png”>
{%
endfor
%}
ここがPythonだった!