マガジンのカバー画像

ウェブデザイン勉強ログ

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

#ウェブデザイン勉強中

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

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

ひかりうみ
ひかりうみ
3年前
3

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

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

ひかりうみ
ひかりうみ
3年前
2

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

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

ひかりうみ
ひかりうみ
3年前
1

＜勉強ログ＞CSS FLex-wrapプロパティ

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

ひかりうみ
ひかりうみ
3年前
3

チャレンジ！KROWLのバナー課題（ピザのサブスク）

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

ひかりうみ
ひかりうみ
3年前
2

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

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

ひかりうみ
ひかりうみ
4年前
1

＜勉強ログ＞photoshop　速攻リボンづくり

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

ひかりうみ

＜勉強ログ＞photoshop 選択範囲内への貼り付け（レイヤーマスク）

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

ひかりうみ
ひかりうみ
4年前
2

＜勉強ログ＞Flexboxの基本

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

ひかりうみ
ひかりうみ
4年前

＜勉強ログ＞displayプロパティ

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

ひかりうみ
ひかりうみ
4年前
1

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

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

ひかりうみ
ひかりうみ
4年前
1

＜勉強ログ＞　CSS　floatプロパティの基本（2）

今日は勉強の時間をたくさんとれていてうれしいです～！ そしてやる気も80％くらい★ （80％で…

ひかりうみ
ひかりうみ
4年前
3

＜勉強ログ＞　CSS　floatプロパティの基本（１）

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

ひかりうみ
ひかりうみ
4年前
1

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

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

ひかりうみ