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

CSS

Zoom勉強会

初心者向けのCSSアニメーション

  • 2021.10.15
  • CSS, zoom, jQuery

初心者向けのCSSアニメーション(2021-09-18)

テキストやボックスをフェードインで表示させたり、LPなどでよく見かける、プルプルと動くボタンを簡単に実装できるライブラリ(Animate.css)を紹介。CSSアニメーションの使いどころ、メリット、デメリット。

続きを読む

Zoom勉強会

FlexboxのIE11対策・表示が崩れるケースの対処法

  • 2020.07.31
  • CSS, zoom, トレス, Flexbox

FlexboxのIE11対策・表示が崩れるケースの対処法(20200829)

Flexboxを実務で使っていると教科書通りにはいかず、上手く表示されないことも多くあります。
今回はそんな動画講座では伝えきれなった「上手くいかない・崩れるケース」を中心に一緒に学習しました。

続きを読む

Zoom勉強会

ファーストビューのレスポンシブコーディング

  • 2020.05.01
  • Photoshop, CSS, レスポンシブ, zoom

Webサイトファーストビューのレスポンシブコーディング(20200523)

Zoom勉強会

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

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

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

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

Zoom勉強会

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

  • 2019.09.10
  • HTML, CSS, zoom, Flexbox, 課題

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

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

Zoom勉強会

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

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

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

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

Zoom勉強会

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

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

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

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

Zoom勉強会

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

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

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

サポート動画・音声

HTML・CSSの疑問。ページ上部の余白が消えないのは、なぜ?

  • 2019.07.09
  • HTML, CSS

HTML・CSSの疑問。ページ上部の余白が消えないのは、なぜ?(1分17秒)

カフェサイトのコーディング添削をしていたら、面白い現象がありましたので、動画で残しておきます。 CSSの記述や読み込み順は間違っていないのに、ページ上部の余白が消えない。 そんな時は、HTMLの改行を疑ってみて下さい! […]

サポート動画・音声

カフェサイトコーディングの添削動画

  • 2019.06.20
  • 添削, 丸の内カフェ, ダウンロード, CSS

カフェサイトコーディングの添削動画 20分30秒(2019.06.20)

カフェサイトコーディングの添削です。 あと、もうひと頑張りでコーディングスキルのレベルがひとつ上がるメンバーからの課題提出です。 同じように、「ひとつのサイトを自分の力でコーディングしたい」方に役に立つ内容となっています […]

Zoom勉強会

CSS 背景画像 ポイント

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

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

サポート動画・音声

CSSが効かない時のエラーの探し方

  • 2018.12.05
  • CSS, デベロッパーツール

CSSが効かない時のエラーの探し方 4分13秒

Webデザイン講座の受講生の方から「CSSの記述がどこも間違っていないのに、上手く反映されない。」とのご質問をいただいた際のサポート内容です。

続きを読む

Zoom勉強会

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

  • 2018.09.22
  • CSS, 丸の内カフェ

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

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

続きを読む

Zoom勉強会

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

  • 2018.08.04
  • CSS, Flexbox

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

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

続きを読む

Zoom勉強会

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

  • 2018.07.14
  • CSS

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

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

続きを読む

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

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