KASOUのロゴ KASOU

WEBデザインを下層まで探せるWEBギャラリー・リンク集。
WEBサイト・LPを毎日更新していきます!

Web DesignWebデザインを探す

もっと探す

KnowledgeWebデザインを知る

もっと知る
  • 【CSS】美しい波形の作成ガイド | Figmaデザインから実装、アニメーションまでのPCサイズの画像 【CSS】美しい波形の作成ガイド | Figmaデザインから実装、アニメーションまでのPCサイズの画像
    DETAIL

    【CSS】美しい波形の作成ガイド | Figmaデザインから実装、アニメーションまで

    投稿者の画像

    y.harima

    2025.12.19 更新
    • 波形のシェイプとは
    • Figmaで波形シェイプを作ってみよう！
    • 波形シェイプを作れるプラグインの紹介
    • 波形シェイプをWeb上でも再現しよう！
    • 波線・曲線SVGジェネレーターの紹介
    • 【補足】CSSアニメーションで波線に動きをつけてみよう！
    • まとめ
  • 【レイアウト崩壊を完全阻止】CSSテキスト折り返し制御｜主要4プロパティの違いと使い分けのPCサイズの画像
    DETAIL

    【レイアウト崩壊を完全阻止】CSSテキスト折り返し制御｜主要4プロパティの違いと使い分け

  • 【インタビュー】 成長し続けるデザイナー | 会社員×副業・自主制作で広がるデザインの世界のPCサイズの画像
    DETAIL

    【インタビュー】 成長し続けるデザイナー | 会社員×副業・自主制作で広がるデザインの世界

  • 【完全ガイド】 CSSフォントの指定方法｜font-familyとWebフォントの使い方のPCサイズの画像
    DETAIL

    【完全ガイド】 CSSフォントの指定方法｜font-familyとWebフォントの使い方

  • 【インタビュー】 危機を転機に変えたデザイナーの道 | 子育てと挑戦を両立する日々のPCサイズの画像
    DETAIL

    【インタビュー】 危機を転機に変えたデザイナーの道 | 子育てと挑戦を両立する日々

Online SchoolWebデザインを学ぶ

powered by デザデジのロゴ
もっと学ぶ

  • Webサイトの設計図

    02:10

  • Figmaとは

    01:03

  • コーディングとは？

    02:21

  • VSCodeのインストール

    01:58

  • Webデザインを作ろう

    02:29

  • jQueryとは

    05:04

  • ドメインとは

    01:58

  • サーバーとは

    02:54

Short Knowledge

  • 【AI】Figma × Figcomponentsで高品質ベースデザインを爆速作成!

  • 【Ai】アートブラシで矢印やイラストを自由に調整する方法

  • 【Figma】ガラスのぼかしの 作り方

  • 【Figma】球体がくっついた ようなシェイプの作り方!

  • 【Figma】テキストの上下の余白を上下綺麗に揃える方法

  • 【Ai】1秒でイラストをポリゴン化する方法!