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

コース一覧

パーツのコーディング

全 2 動画

ボタンの作り方

ボタンの作り方

02:01

今回のステップでは複数パターンの基本的なボタンのコーディング方法について学んでいきます。 ボタンのコーディングは、STEP1からSTEP3までの段階で進めていきます。 ボタンのコーディング一般的なデザインのボタンをコーディングについて...

コーディング > パーツのコーディング
開発モードの活用

開発モードの活用

02:16

開発モードとは Figma開発モードとは、デザインの各要素をコードに変換し、開発者がそのコードを直接使用できる機能です。具体的には、デザインプロパティ（色、フォント、間隔、サイズなど）をCSSやHTMLとしてエクスポートすることが可能です。...

コーディング > パーツのコーディング

学習カテゴリーから探す

Webデザインの基本 Figmaの使い方 Figmaで実践 Webデザインの作り方 デザイン制作課題 コーディング環境の準備 HTMLの基本 CSSの基本 パーツのコーディング コーディング実践 Sassコーディング jQuery WordPress ドメインの取得 サーバー

まずはここから!

公開 : 15
Figma(フィグマ)とは VSCodeのインストール ボタンの作り方 jQueryとは ドメインとは

Webデザイン

公開 : 11 / 会員限定 : 11
Webサイトの設計図 テキストの配置とスタイル コンポーネント バナーを作ってみよう! ギャラリーサイトの活用

コーディング

公開 : 20 / 会員限定 : 31
コーディングとは？ 宣言文の記述から、headタグなど 基本のプロパティを覚える1 レスポンシブとは ブラウザで表示

サイト公開

公開 : 2 / 会員限定 : 5
ドメインとは ドメインの取得方法 サーバーとは ドメインとサーバーを繋ぐ サイトデータのアップロード