CSS/SCSS 特訓CSS 基本スタイリング編 Vol.2
【自由制作】 こだわり商品をおすすめするカード
概要
こだわり商品をおすすめするカードを制作しました。商品の順番ごとに左右反転させるレイアウトにしました。
...
CSS/SCSS 
CSS/SCSS 特訓CSS 基本スタイリング編 Vol.1
【自由制作】 好きなCSSプロパティを紹介するカード
概要
好きなCSSプロパティを使用したページを制作しました。フレックスボックスとアニメーションを組み合わせてみまし...
CSS/SCSS 麻雀ガールズBAR『Moe-Jan』
麻雀ガールズBAR『Moe-Jan』
担当内容
ロゴ制作 / HTML・CSSコーディング
経験
ロゴ制作 / HTML・CSSコーディング / JavaScrip...
CSS/SCSS 学科 CSS基礎⑥
レスポンシブWebデザイン
レスポンシブWebデザインとは
一つのソースコードで複数のデバイスに対応する方法
レスポンシブWebデザインのメリット
複数デバイスの HTML ファイルが1つで済むので修正や更新作業が1回で済む...
CSS/SCSS 学科 CSS基礎⑤
練習問題：Webページ運用・作成の困った問題
問題
レイアウトデザイン 練習問題④
修正前のサイト
回答
苦戦してた箇所
テキストエディターを、職業訓練学校で使用しているTeraPadで検証したため、全角スペース...
CSS/SCSS 学科 CSS基礎④
display:flex; でfloatの回り込みができるか調査
結論・・・できない
flexはあくまでボックス内でのレイアウトや並びを制御するプロパティ
display: flex;は隣の要素の下へは回り込まず、要素が横並び...
Illustrator Illustrator備忘録
麻雀ガールズBAR Moe-Jan様のロゴ
使用ソフト
Illustrator
概要
栃木県宇都宮市にある 麻雀ガールズBAR Moe-Jan様 のロゴを作...
Photoshop Photoshop備忘録
夜景を「覆い焼きカラー」で調整
使用ソフト
Photoshop
概要
覆い焼きカラーを学びました。
制作にかかった時間
15分
制作のポイント
覆い焼きカラー
...
Illustrator Illustrator備忘録
デフォルメ犬の制作練習
使用ソフト
Illustrator
概要
デフォルメ犬(色なし)をIllustratorで制作しました。
制作にかかった時間
...
Photoshop Photoshop備忘録
文字の一部だけサイズ・色・レイヤースタイルを変える方法
使用ソフト
Photoshop
概要
文字の一部を変更するやり方を学びました。
制作にかかった時間
50分
...