フリーランスWebデザイナー・ななふの
デザイン、コーディングの勉強記録やTIPSなど

コーディング

HTML/CSS

HTML/CSS ほんの一手間で劇的に変わる Chapter5 カスタマイズ完成!

webcreatorboxを運営されているManaさんの本 「ほんの一手間で劇的に変わる HTML & CSSとWebデザイン実践講座」のchapter5を学習し、 本のデモサイトベースでカスタマイズサイトを制作しました! 架空の結婚式場のブライダルフェアのLPを制作してます。 記事の中からリンクを貼っていますので、是非ご覧になってください! Photoshopでデザインカンプを作成し、コーディングを行いました。
2022.03.04
HTML/CSS

HTML/CSS 文字を90度回転、親要素の両端に配置!レスポンシブ対応

HTML/CSS初心者による、文字の回転、親要素の両端配置の実現の記録です。
2023.09.14
HTML/CSS

HTML/CSS コーポレートサイトの求人ページをカスタマイズ!

webcreatorboxを運営されているManaさんの本 「ほんの一手間で劇的に変わる HTML & CSSとWebデザイン実践講座」のchapter4を学習し、 本のデモサイトベースでカスタマイズサイトを制作しました! コーポレートサイトという事で、架空の本屋さんの採用サイトを制作しました。 記事の中からリンクを貼っていますので是非ご覧になってください! Photoshopでデザインカンプを作成し、コーディングを行いました。
2021.07.28
HTML/CSS

HTML/CSS ブログサイトのカスタマイズに挑戦!

webcreatorboxを運営されているManaさんの本 「ほんの一手間で劇的に変わる HTML & CSSとWebデザイン実践講座」のchapter3を学習し、 本のデモサイトベースでカスタマイズサイトを制作しました! 野菜レシピブログのサイトを制作しました。記事の中でリンクを貼っていますので是非ご覧ください! Photoshopでデザインカンプを作成し、コーディングを行いました。
2021.07.28
HTML/CSS

HTML/CSS スクロールスナップに挑戦!レスポンシブ対応で苦戦!

webcreatorboxを運営されているManaさんの本 「ほんの一手間で劇的に変わる HTML & CSSとWebデザイン実践講座」のchapter2を学習し、 本のデモサイトベースでカスタマイズサイトを制作しました! Photoshopでデザインカンプを作成し、コーディングを行いました。
2021.07.28
HTML/CSS

HTML/CSSの勉強スタート!

本の内容の紹介と、本で用意されているデモサイトを自分なりにカスタマイズして公開してます。 初心者でもすっとHTML/CSSに馴染めました!
2021.06.19