CSS Flexboxで要素を「上・中央・下」に揃える完全ガイド【初心者向けに超わかりやすく解説】
Flexbox で要素を上揃え・中央揃え・下揃えにする方法を初心者向けに徹底解説。align-items・justify-content の違い、縦方向・横方向での使い分け、よくある失敗例までまとめて理解できます。
Simple Design, Gentle Code.
やさしいデザインと、伝わるコード。
温もりを感じるデザインと、見る人に寄り添う言葉。
誰が見てもわかりやすく、使いやすいホームページを。
そんな想いで、ひとつひとつ丁寧に制作しています。
小さな店舗や個人の活動を中心に、
デザインから構築まで、見る人に寄り添うホームページを制作しています。

お客様の目的や想いを丁寧にヒアリングし、サイト構成やデザインの方向性を一緒に考えます。

やさしく親しみやすいデザインで、見る人に安心感を与えるホームページを提案します。

スマートフォン対応やSEOも考慮し、正確で軽いコードで丁寧に構築します。
お客様一人ひとりの想いを大切に、
デザインから構築まで丁寧に制作しています。
現在、ホームページ制作サービスの
新規のご依頼受付を一時停止しております。
再開準備が整い次第、当ページにてご案内いたします。
月額¥5,000〜
毎月の負担を抑えながら、
ホームページを気軽に持てるプラン。
更新や運用サポートも含む予定です。
制作費¥〇〇〇,〇〇〇〜
デザイン〜構築まで一度の費用で完結。
少人数のクリエイティブチームで
丁寧に制作します。
制作費¥〇〇,〇〇〇〜
飲食店・サロン・個人活動などに向けた
小規模ページの制作プランも
ご用意予定です。
※現在は制作サービス準備中のため、料金のご案内のみ掲載しています。
※ご相談やご質問は お問い合わせフォーム よりお気軽にご連絡ください。
Web制作の知識やデザインの工夫など、制作を通して学んだことをわかりやすくまとめています。
これからWebサイトを作りたい方や、学びたい方に役立つ情報を発信しています。
Flexbox で要素を上揃え・中央揃え・下揃えにする方法を初心者向けに徹底解説。align-items・justify-content の違い、縦方向・横方向での使い分け、よくある失敗例までまとめて理解できます。
CSSでグラデーションを作る方法を、linear-gradient・radial-gradient・conic-gradient の3種類に分けて丁寧に解説。画像を使わずに、言葉だけで頭に浮かぶように色の広がりを表現しています。
CSSの疑似要素(::before, ::after)の基本から、よくある装飾例、実務レベルの応用までを初心者向けにわかりやすく解説します。
CSSだけで丸や三角などの図形を作る方法を初心者向けにやさしく解説します。画像不要で、軽くてキレイな形が作れる基本テクニックも紹介。
CSS の三角形といえば「border を使う方法」が有名ですが、実は border を使わずに三角形を作る方法もあります。clip-path・transform・linear-gradient を使った最新の作り方を初心者向けに解説します。
HTMLの中でももっとも頻出するdivタグについて、意味・役割・使い方・具体例を初心者向けにわかりやすく解説します。
千葉県八千代市を拠点に、個人や小さなお店のホームページ制作を行っています。
「やさしいデザインと、伝わるコード」を大切に、
見る人にも、使う人にもやさしいWebサイトづくりを心がけています。
現在は就労継続支援B型事業所を利用しながら制作実務と発信活動の両方に取り組んでいます。