マガジンのカバー画像

ウェブおばさんの即戦力講座

14
本
ウェブおばさんの「うぇびんさん」が、これからウェブ制作者を目指す人向けに、即戦力として必要な知識、技術、考え方などを不定期で更新します。
運営しているクリエイター
うぇびん
うぇびん

うぇびん

CSSレイアウトパターン(2)幅・高さ固定＋上下左右中央寄せ

CSSレイアウトパターン(2)幅・高さ固定＋上下左右中央寄せ

「これだけは身に付けてほしい、6つのCSSレイアウトパターン」の詳細解説です。2つ目はボタン等で多用する「幅・高さ固定＋上下左右中央寄せ」です。

はじめての方はお読みください↓↓

サンプル実際にブラウザで見られるサンプルはこちらです。

ページタイトル（高さのみを固定）

ボタン（幅・高さの両方を固定）

なぜかわかりませんがカーソルを置いたときの効果が反映されません。枠の下の表示倍率を 0.

もっとみる
うぇびん

うぇびん

CSSレイアウトパターン(1)最大幅を制限して中央寄せ

CSSレイアウトパターン(1)最大幅を制限して中央寄せ

「これだけは身に付けてほしい、6つのCSSレイアウトパターン」の詳細解説です。1つ目はすべてのレイアウトの基本である「最大幅を制限して中央寄せ」です。

はじめての方はお読みください↓↓

サンプル実際にブラウザで見られるサンプルはこちらです。

基本的な挙動特に指示がなかったり、おまかせ or 自分がデザイナーであれば、以下のような挙動が基本です。

スマートフォンでは、スマートフォン用のカンプ

もっとみる
うぇびん

うぇびん

ウェブ制作で月30万稼ぐ、とは。収益を出すために考えていること

ウェブ制作で月30万稼ぐ、とは。収益を出すために考えていること

制作会社に入らずフリーランスのウェブ制作者になりたい、という人が一番気になるのがお金の話ではないでしょうか。
巷では「ウェブ制作で月30万！」などというキャッチも見かけます。ウェブ制作を仕事にするために考えていること、知っておいてほしいことを書きます。

後半で私の今年（2022年1月〜11月）の売上の話も出てきますが、後述の個人的な事情で、同世代ではかなり売上が少ない状況です。それだけに「稼ぐ」

もっとみる
うぇびん

うぇびん

「ウェブおばさんの即戦力講座」について

「ウェブおばさんの即戦力講座」について

はじめての方は、こんにちは！
すでに私をご存じの方は、毎度ありがとうございます。
愛知県豊橋市でフリーランスのウェブ制作業をしている、ウェブおばさんの「うぇびん」です。

数年前までは、勉強会の主催、セミナーイベントの実行委員などで、ウェブ業界の情報共有に関わってきました…が、コロナ禍でお休みしている間に、きな臭い話を聞くようになりました。
「月○○万稼ぐ」ことを第一とした、非常にレベルが低いセミ

もっとみる
うぇびん

うぇびん

これだけは身に付けてほしい、6つのCSSレイアウトパターン

ウェブデザイナーとして現場でコーディング業務をするまでに、これだけはきちんと書けるようになっていてほしい、6つのレイアウトパターンを優先度順に紹介します。

各パターンの解説も順次公開しますので、書いたらリンクを追加します。そちらではCSSの書き方だけではなく、どのようなパーツに使うのか、設計上の注意点、デザイナーに聞いておくべきことなども解説する予定です。

※ここでは初学者向けに単位をpxにし

もっとみる