スクール会員専用サイトです。

Zoom勉強会

デザインカンプの提案方法・受注時の工夫と制作に必要な確認事項ポイント

  • Photoshop, zoom, フリーランス実務

デザインカンプの提案方法・受注時の工夫と制作に必要な確認事項ポイント(20200426)

今回は、私がいつも行っているデザインの提案方法、受注の際に工夫していることをシェア。また、デザインの部分で先輩メンバーが的確なアドバイスをしてくれているのでそちらも、とっても参考になりますよ。

続きを読む

ポートフォリオの作り方

  • フリーランス実務, ポートフォリオ, zoom

ポートフォリオの作り方(20200321)

今月の勉強会はポートフォリオについて、ググっと掘り下げました。就職・転職用、フリーランス・起業家・副業用に先輩メンバーのポートフォリオ、学長が独学から仕事を得るまでのポートフォリオを公開。デザイナーとしての心得、個人事業主としてのサービスの見せ方、WordPressサイトとアフィリエイトで収益を上げる具体的な方法など必見です!

続きを読む

WordPress Contact Form 7 のスパムメール対策。Google reCAPTCHAの設定方法

  • WordPress, zoom, フリーランス実務

WordPress Contact Form 7 のスパムメール対策。Google reCAPTCHAの設定方法(20200226)

WordPress Contact Form 7 のスパムメール対策。Google reCAPTCHAについて紹介しています。

続きを読む

  • Photoshop, 添削, zoom, 課題, ランディングページ, Illustrator

ランディングページのヘッダーデザインの作り方課題あり!(2019.12.15)

LP(ランディングページ)制作の基本と反応を上げる構成からフリーランスのサービス化まで考えてみよう!

  • zoom, フリーランス実務, ビジネス, ランディングページ

LP(ランディングページ)制作の基本と反応を上げる構成からフリーランスのサービス化まで考えてみよう!(2019.11.17)

セミナーページ ワイヤーフレームからのHTML・CSSコーディング

  • CSS, zoom, フリーランス実務, 課題, HTML

【仮案件】セミナーページ ワイヤーフレームからのHTML・CSSコーディングの続き(2019.10.27最終)

8月の勉強会の続きをやりました。 positionプロパティ、Flexboxの入れ子テクニック・IE11対応・背景画像とテキストの位置調整などをバッチリ説明していますので一緒に進めることでかなりコーディング力がつきますの […]

9月の勉強会【Flexboxを使った実用レイアウト5選!】

  • HTML, CSS, zoom, Flexbox, 課題

Flexboxを使った実用レイアウト5選!(2019.09.28)

今回の勉強会テーマは「Flexboxを使った実用レイアウト5選!」 Flexboxは子要素の並べ方を柔軟に指定でき、今後のCSSレイアウトの主流となっていきますが、できることが豊富過ぎて混乱しがち。 でも、実際には使うパ […]

Flexbox の基本から入れ子で要素の高さを揃えるにも挑戦!

  • フリーランス実務, 課題, HTML, CSS, zoom

【仮案件】セミナーページ ワイヤーフレームからのHTML・CSSコーディングの続き(2019.08.17)

8月のZOOM勉強会は偶数月なので初心者向けの内容となりました。 テーマは、4月・6月の勉強会【仮案件】セミナーページ ワイヤーフレームからのHTML・CSSコーディング】の続きです。 ⇒ 4月勉強会 Webサイト制作 […]

レスポンシブWebデザイン ファーストビューのメインビジュアルと スマホ表示 大研究!

  • HTML, CSS, レスポンシブ, デザイン, zoom, フリーランス実務

レスポンシブサイトのファーストビューとメインビジュアルの見せ方(2019.07.20)

今月のZoom勉強会は、メンバーからの「レスポンシブサイトにした場合のファーストビューとメインビジュアルの見せ方」についてのリクエストにお応えしてお届けしました。 メンバーより リクエスト内容 テーマは「ファーストビュー […]

仮案件シングルページ ワイヤーフレームからのHTML・CSSコーディング

  • HTML, CSS, zoom, フリーランス実務, 課題

【仮案件】セミナーページ ワイヤーフレームからのHTML・CSSコーディング(2019.06.29)

WordPress勉強会・5分でできるセキュリティ・テーマ内にランディングページを作る方法

  • WordPress, zoom, フリーランス実務, ランディングページ

WordPress中級編・5分でできるセキュリティ・テーマ内にランディングページを作る方法(2019.05.18)

HTML5マークアップの考え方

  • HTML, zoom, フリーランス実務, 課題

Webサイト制作 初級編・根本的なデザイン(設計)のプロセス、HTML5マークアップの考え方(2019.04.20)

WordPress勉強会・セキュリティ・データの移動、スムーズな納品について

  • WordPress, zoom, フリーランス実務

WordPress中級編・セキュリティ・データの移動、スムーズな納品について(2019.03.24)

バナーデザインのトレス・Photoshop&Illustratorとの連携

  • トレス, Illustrator, Photoshop, デザイン, zoom

バナーデザインのトレス・Photoshop&Illustratorの連携(70分)

  • Photoshop, デザイン, zoom, デベロッパーツール

【第一部】GoogleClomeデベロッパーツールの使い方【第二部】Photoshop 描画モードの基本

CSS 背景画像 ポイント

  • zoom, CSS, レスポンシブ, デザイン

CSS復習 4回目 背景関連のプロパティを効果的に活用したWebデザインのポイントと背景画像制作のテクニック

CSS復習 3回目 グローバルナビゲーションが苦手な方必読!ボックスモデル・displayプロパティ

  • CSS, 丸の内カフェ

CSS復習 3回目 グローバルナビゲーションが苦手な方必読!ボックスモデル・displayプロパティ

displayプロパティはこのプロパティがもつ仕様を確認しながら、リンク領域との関係の理解度を深めることで、グローバルナビを作る場合に役立てるような内容でレクチャーしていきます。

続きを読む

CSS復習 2回目 なぜ要素を横に並べるとなると、途端に難しくなるのだろうか。

  • CSS, Flexbox

CSS復習 2回目 なぜ要素を横に並べるとなると、途端に難しくなるのだろうか。

float・displayプロパティ・flexboxを使ったボックスの並べ方です。表示が崩れるケースを想定した対処法、おまけのJqueryも好評でしたよ!

続きを読む

CSS復習 1回目 まずはこのプロパティを理解できているか?をチェック!

  • CSS

CSS復習 1回目 まずはこのプロパティを理解できているか?チェック!

コンテンツを中央に配置する・フォント・テキスト関連・要素の回り込みとfloat解除。最低限覚えておきたいCSSの基本~CSSでよくつまずくポイントです!

続きを読む

上達のコツはプロの真似から!Webデザイントレス練習法

  • Photoshop, デザイン, 丸の内カフェ, トレス

上達のコツはプロの真似から!Webデザイントレス練習法

一通り、Webデザインの学習が終わったあと、実際にどんな風に練習を進めていけば、力がつくのか?という質問に対して、私がおすすめしているのがトレス練習法というのがあります。トレス(トレース)とは、「すでにある物をなぞること」という意味。Webデザインの練習には、とても効果的な練習法です。

続きを読む

「自分の仕事は自分でクリエイトする」

当サイトは、Webクリエイターズスクール メンバー専用サイトです。