0623 Illustratorのパスファインダーは使えるヤツ
Illustrator
パスファインダーで型抜きする
こんな形を作りたいとき
角丸で各要素を描き、斜めの角丸の余分な箇所を四角形で囲む
四角形と斜めの角丸のみを選択する
[パスファインダー]の[形状モード]の[前面オブジェクトで型抜き]を選択すると
前面オブジェクト(この場合は四角形)に囲まれた部分と前面オブジェクトそのものが全て型抜きされて消える
描いた角丸たち全体を選択して
[パスファインダー]で合体させて完成!
CSS
2カラムレイアウト
2カラムに挑戦。
注意すべきは、sidebarが左、contentが右であっても、HTMLドキュメント内でcontentを先に(上に)記述する事。なぜなら、上位にある要素をGoogleさんはより高い重要度であると認識するため。あとはCSS内でcontentをfloat: right;に指定してレイアウトすれば完成。
コードはこんな感じ。
見栄えはこんな感じ。
今週は徹底的に2カラムの特訓をするとのこと。
自分が思った絵が自分の打ったコードで再現されるのはものすごく楽しい。細かい点ではまだどの要素をどう囲むか等、迷いもあるけれどとにかく手を動かして最善の策を見つけたい。