マガジンのカバー画像

ウェブデザイン勉強ログ

37
ウェブデザインの勉強の日々の記録です。
運営しているクリエイター

#ウェブデザイン

flexプロパティとflex-grow,shrink,basis

お久しぶりです。あけましておめでとうございます。 年明けからflexプロパティに混乱したので…

3

<勉強ログ>CSS FlexboxとWebレイアウト リキッドレイアウト復習

〇ひかりうみチャレンジ〇このような画面になるように、CSSを指定していきます。 (1)小さ…

2

<勉強ログ>CSS FlexboxとWebレイアウト リキッドレイアウトを作ってみる

〇ひかりうみ note〇 今回のHTMLはこのような感じ 元の画面表示はこのような感じ これをリ…

1

<勉強ログ>CSS FLex-wrapプロパティ

今日はflex-wrapプロパティについてです! 継続的に勉強を続けていたつもりだけど、もう結構時…

3

チャレンジ!KROWLのバナー課題(ピザのサブスク)

トレースしたバナーを褒められたのをいいことに、 バナー課題にチャレンジしました♪ 褒められ…

3

<勉強ログ>「Flexboxの基本」の課題(margin・ul,liタグの初期化、flexboxの指定の…

昨日勉強したflexboxの基本の復習です! ちょっと時間が経過しただけで忘れているという、恐怖…

1

<勉強ログ>photoshop 速攻リボンづくり

数か月前に私のバナーをフクモト学長にチェックしてもらい、その時にリボンの簡単な作り方を知ったので、いまやっているバナートレースで実践! 〇ひかりうみ note〇 やっているバナートレースはこちら♪ 手書き感のある背景と、下の砂っぽい波に一目ぼれしてトレース開始。 左が元のバナー、右のバナー私がトレースしたもの。 背景は無料の水彩ペンをDLして、いろんな色を塗ったもの。 ちょっと暗すぎるかな、と思ったんだけど、これのほうが文字が読みやすい気がするので、自分の色合いを気に入っ

<勉強ログ>photoshop 選択範囲内への貼り付け(レイヤーマスク)

先日のウェブクリエイターズの勉強会で私のバナー広告を添削してもらいました! その中で、選…

2

<勉強ログ>Flexboxの基本

〇ひかりうみ note〇 (1)display:flex;  親要素内で子要素のサイズを変更したり、柔軟な…

<勉強ログ>displayプロパティ

〇ひかりうみ note〇(1)displayプロパティとは ブロック要素→インライン要素へ、インライ…

1

<勉強ログ>ボックスモデルの基本とbox-sizingプロパティ

今日はボックスモデルの基本と、box-sizingプロパティです。 〇ひかりうみnote〇(1)ボック…

1

<勉強ログ> CSS floatプロパティの基本(2)

今日は勉強の時間をたくさんとれていてうれしいです~! そしてやる気も80%くらい★ (80%で…

3

<勉強ログ> CSS floatプロパティの基本(1)

久しぶりのnote更新です!今日はfloatプロパティの基本(1)をお届けします! 最近やっとword…

1

<勉強ログ>Photoshop クイック選択ツール髪の毛

髪の毛の選択方法を学んだので、ログ作成。 やってみたけれど、そんなにうまくできなかった…!!!!! ○ひかりうみnote○(1)クイック選択ツールで切り抜きたい部分をだいたい選択する (2)クイックマスクモードで境界線をきれいに調整する。    被っている被写体は、消しゴムツールで消し、不足している部分はペンツールで塗る。    (だいたいの選択だと、うまく選択できていない個所も…) (3)きれいな調整ができたら、右上の「選択とマスク」を押下し、「エッジ」の「スマート半