マガジンのカバー画像

ウェブデザイン勉強ログ

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

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

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

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

＜勉強ログ＞Chapter7,8復習 class属性

三か月前に学習した、class属性について復習しました。 うんうん、やったよねと思い出せて少…

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

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

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

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

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

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

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

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

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

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

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

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

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

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

昨日勉強したflexboxの基本の復習です！ ちょっと時間が経過しただけで忘れているという、恐怖。。。。 この画面を作る課題でした！ 上部から指定をしていく上で、自分がつまずいた部分をpickupします！ （１）ヘッダーのロゴと「オンラインショップ」のボタンの配置 marginで指定するのですが、どこをどう指定するとどうなるかが想像つかず、marginを復習…。 今回はロゴに対してmarginを指定します。 ★margin:auto;　の場合 ★margin-le

ひかりうみ

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

数か月前に私のバナーをフクモト学長にチェックしてもらい、その時にリボンの簡単な作り方を知…

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

＜勉強ログ＞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プロパティの基本（１）をお届けします！ 最近やっとwordpressでブログを作り始めました。 勉強ログも思い切ってブログに移行しようと思っていたのですが、 ブログだとこの書き方では使いにくいことに気づいて、noteに書き続けることにします。 〇ひかりうみ　note〇（１）floatプロパティとは 　　　左に寄せたり、右に寄せて表示する方法 　　　独特の癖があり、見え方が崩れることもある 　　　float=浮くという意味で、指定

ひかりうみ