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

新着記事

Demoベーカリーコルネ

自主制作の記録!デザイン→コーディング→WordPress化までやってみる。【デザイン編①】シンプルなベーカリーサイト

駆け出しWebデザイナーの自主制作記録。Adobe XDでデザイン、HTML/CSS/JSでコーディング。WordPressオリジナルテーマ化までを記録していきます。 この記事はAdobe XDでデザインした内容です。スマホ、PC用のデザイン作成しました。実際にお店のホームページを依頼して頂けたつもりで制作中です。
2023.06.29
Design

2022年もどうぞよろしく!イラレで梅結び(トラ配色)

...
2022.01.13
Design

クリスマスカード作成してみました!

...
Other

相棒PC(Win10:Dell)が動かなくなった日。原因は熱暴走だった?

DellのPCがある日急に、画面真っ黒になり、動作がノロノロになり、仕事ができない状態になってしまいました。幸い、翌日に普通に動くようになりましたが、多分熱暴走してしまったのでは?という結論に至りました。「ゴオオオーッ」という音がしてキーボードもあっつくなってました。冷却パッドを購入して落ち着いた感じです。
2024.10.03
Design

クラウドワークス&Adobeのセミナーに登壇してしまった!の話。

Adobeとクラウドワークスのこれから副業を始めようかな?と考えている方向けのオンラインセミナーに参加した記録です。
2022.03.04
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
Other

インスタに正方形サイズの動画投稿する手順!AdobePremierePro使用

...
2021.07.05
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