コラムアーカイブ - K official site

webデザイン【Canva・Figma・Photoshop】バナー制作・LP制作・サイト制作を比較

Canva・Figma・Photoshop使い方入門｜バナー・LP・Webサイト制作を課題で実践【初心者向け】

HTML文書の基本構造と必須タグを徹底解説

HTMLの基本

Web制作やブログのカスタマイズに即戦力で使える、プロ厳選の配色パターンを100種類まとめました。大人可愛い、ビジネス、ナチュラル、和モダンなど、全11カテゴリのカラーパレットをHexコード付きで掲載。この記事をブックマークしておけば、もうデザインの色選びで迷うことはありません！

Web制作やプログラミング学習で役立つ、コピペOKなCSSスニペットを50個厳選しました。ボタン、見出し、レイアウト、今風のアニメーションなど、現場で多用するパーツを網羅。コードをコピーするだけで、初心者でも爆速でプロ並みのデザインを実装できます。コーディングの時短・効率化に必須の保存版です。

「Webデザインのスキルは身についたけれど、案件がなかなか獲れない…」「クラウドソーシングの価格競争に疲れてしまった…」そんな悩みを持つフリーランス・駆け出しのWebデザイナーに向けて、「営業不要で指名される仕組み」

Webデザインを学び始めると、多くの人が「Figmaが使えるようになった」とか「Photoshopでバナーを作れた」という達成感を得ます。けれど、それは“操作ができるようになっただけ”であって、「デザインができ

Webデザインを学び始めた人がよく陥るのが、「見た目がなんだかチープになる」という悩み。その原因の多くは、実は「デザイン理論（配色・文字・レイアウト）」を意識せず感覚で作ってしまうことにあります。この記事では、初心者

レイアウト・セクション徹底解説！

CSSのサイズ単位(px・%・rem・em・vw・vh)を初心者向けにわかりやすく解説！それぞれの違いと使い分けのコツを実例コード付きで紹介。明日はHTMLとCSSのレイアウト構成を学びます。