• 最高時給：6000円
• 上限時給の平均：3929円
• 下限時給の平均：2560円
• 最低時給：1394円

業務委託の場合の稼働時間については次のようになっています。

• 上限稼働時間の平均：135時間
• 下限稼働時間の平均：42時間
• 最小稼働時間：10時間

他言語と比べると、案件数はやや少なめの傾向である一方、案件の報酬金額については、上限・下限ともに平均と比べてやや低めとなっています。また、案件の稼働時間については上限稼働時間は平均と比べてやや長めである一方、下限は短めです。

CSSの在宅の案件・求人

Offersの在宅案件には次のようなものがあります。

• デザイナー案件・求人
• プロダクト：ECサイトのデザイン
• 稼働時間/月：160
• 雇用形態：正社員（業務委託からスタートOK）
• 技術スタック：HTML,Adobe Photoshop,CSS,Adobe Illustrator
• フロントエンドエンジニア案件・求人
• プロダクト：コンサルティングサービス開発
• 稼働時間/月：20
• 雇用形態：正社員（業務委託からスタートOK）
• 技術スタック：TypeScript,Docker,AWS,CSS,PHP,Vue.js,Ansible,GCP,JavaScript,HTML

月の稼働時間としては、下限の平均値が43時間程度になっています。

CSS案件・求人の平日夜・週末稼働案件

Offersでの案件の傾向

2021年4月現在、Offersで募集しているCSS案件の平日夜稼働がOKな案件は全体の26%、週末稼働がOKな案件は全体の26%になっています。

全体平均（平日夜稼働可：26％、週末稼働可：25%）と比べると、平日夜稼働が可能な案件数はやや多めな傾向にあり、週末稼働が可能な案件数はやや少なめな傾向にあります。

また在宅（フルリモート）が可能な案件は52％あり、全体平均（58％）と比べると少なめな傾向があります。

CSSの週1・週2・週3稼働の案件・求人

Offersでの案件の傾向

Offersで募集中の週1案件は全体の28％、週2以下の案件は全体の28％、週3以下の案件は全体の0％になっています。

全体平均は週1案件で19％、週2案件で33％、週3案件8％なので、短時間稼働案件については多い傾向にあることがわかります。

CSSの週1案件の例

OffersのCSSの週1案件には次のような案件があります。

• Shopifyエンジニア案件・求人
• プロダクト：Shopifyアプリ開発
• 稼働時間/月：20
• 雇用形態：正社員（業務委託からスタートOK）
• 技術スタック：jQuery,CSS,JavaScript,HTML
• 備考：平日夜稼働OK。土日稼働OK。
• フロントエンドエンジニア案件・求人
• プロダクト：プリペイドカードサービス開発
• 稼働時間/月：10
• 雇用形態：正社員（業務委託からスタートOK）
• 技術スタック：Ansible,Firebase,Python,NGINX,AWS,HTML,JavaScript,Vue.js,Ruby on Rails,React Native,Terraform,BigQuery,PostgreSQL,GCP,React,CSS,Redux,Scala,Go
• 備考：Ansible,Firebase,Python,NGINX,AWS,HTML,JavaScript,Vue.js,Ruby on Rails,React Native,Terraform,BigQuery,PostgreSQL,GCP,React,CSS,Redux,Scala,Go
• UI/UXデザイナー案件・求人
• プロダクト：ECサービス開発
• 稼働時間/月：40
• 雇用形態：業務委託時間以上
• 技術スタック：
• 備考：

CSS案件・求人に役立つ資格・勉強方法

文字の色や大きさ、配置などのWebサイトのデザインを指定するCSSは、Webデザインに関する資格取得が望ましいです。

Webデザイナーがデザインしたものを、実際に構築していくためのスキルを培うことができます。下記のような資格を習得することで、CSSだけでなくWeb全般における知識を持つことにも繋がります。

Webクリエイター能力認定試験

Web制作には、クライアントのニーズを汲み取り、納期を守った業務遂行が必要です。このWebクリエイター能力認定試験では、実際の現場のワークフローに対応した出題形式が採用されています。また、難易度も2段階容易されており、実技試験のみのスタンダードと実技試験に加え、20問の知識問題が出題されるエキスパートがあるため、各レベルに沿った学習・試験対策が必要です。

概要

• レベル：スタンダード、エキスパート
• 費用：スタンダード：5,900円、エキスパート7,500円
• 試験目的：Webサイト制作のデザイン能力およびWebページのコーディング能力の認定
• 公式HP：Webクリエイター能力認定試験

ウェブデザイン技能検定

ウェブデザイン技能検定は、Web関連資格の中で唯一の国家資格であり、厚生労働省によって認定されるものです。3級から1級まで等級が設定されており、3級は誰でも受けることができますが、2級以上になると、受験条件が設けられています。また、この検定に合格すれば、「ウェブデザイン技師」として活動することができます。Webデザイナーとしてキャリア形成を志す人に人気の資格です。

概要

• レベル：3級～1級
• 費用：
• 1級：学科：7,000円 / 実技：25,000円
• 2級：学科：6,000円 / 実技：12,500円
• 3級：学科：5,000円 / 実技：5,000円
• 受験条件：3級 なし / 2級～1級 あり
• 公式HP：ウェブデザイン技能検定

CSSの特徴

CSSは、HTMLによって文書構造を明確にしたWebページのフォント、色、大きさなどを装飾するための言語です。そのため、CSSのみでWebページやWebアプリケーションを作成することは出来ず、HTMLとセットでの使用が一般的です。両言語併せての習得が好ましいでしょう。

Offersのユーザーから実際にHTML・CSSの特徴をアンケートで聞いてみましたので以下も参考にしてみてください。

• CSSはスタイルシートとも言われ、Webページのレイアウトや装飾に使用されます。HTMLだけでは簡素なWebページになってしまうものをCSSを使うことにより、見た目を変える事が可能です。（40代 / エンジニア歴5年以上）
• ホームページやランディングページのサイトを作ることができます。文字や画像の素材を元に、ホームページにデザインしていくのが、CSSの役割です。ホームページの構造をそのまま表現しているのがHTMLであり、CSSはその構造にデザインを作っていきます。その見出しに対して、文字の色を変えたり、配置を変えたりしていきます。HTMLとCSSを組み合わせてページを作成します。（40代 / エンジニア歴3年以上）

CSSのメリット

Webサイトの作成には欠かせないCSSにはいくつもの優れた点があります。

1つのCSSファイルでデザインを一括変更できる

CSSは同じファイルを複数のWebページに設定でき、1つのCSSファイルの変更が、設定している全てのWebページデザインに反映されます。これにより編集作業が効率的におこなえ、保守性も格段に上昇します。

デザインの微調整ができる

CSSはスタイルシート言語という名前の通り、Webページのデザイン制作に特化した言語です。そのためピクセル単位の配置や、カラーコードやデザインの形状など、タグによるスタイル制御よりも、非常に細かいデザインの設定及び調整がおこなえます。

メディアごとに表示スタイルを変更できる

CSSにはMedia Queriesという機能があり、CSSファイルをメディアごとに用意することで、1つのWebサイトについて、スマートフォン用やPC用など、ユーザーの端末やスクリーンサイズごとに適したスタイルを作成、使い分けすることが可能です。

他のマークアップ言語にも適用可能

CSSはHTML/XHTMLに対するスタイル制御だけではなく、他のマークアップ言語に対しても使用できる場合があり、新しい言語の学習コストを削減できます。

CSSのデメリット

ただ、CSSにもいくつかの不得意なことやデメリットがあります。

ブラウザによって再現性が異なる場合がある

CSSの対応はIEやFirefoxなど、各種ブラウザアプリで行われるため、一部のブラウザによっては特定のデザインがうまく反映できないなど、再現性がブラウザに依存して異なるケースが存在します。この場合は、CSS側で修正ができないため、CSSの設定を変更するか該当のブラウザはサポート外とする対応が必要になる可能性があります。

CSSの案件内容

CSSは多くのWebサービスの立ち上げで使われます。

Offersのユーザーから実際にCSSを用いた案件や今までで作成したサービス等をアンケートで聞いてみました。

Webサイト

CSSはWebサービスを作る上では欠かせない言語です。そのため、多くのサイト制作の案件で使われます。

アンケート回答の一部をご紹介します。

• コーポレートサイト
• WordPressテーマ
• ホテル予約サイト
• ポータルサイト
• WordPressのブログ
• 既存サイトの修正
• 企業サイト
• 個人のプロフィールサイト

Webサービス

• ゲームメディア
• 健康系メディア
• ブラウザゲーム
• 動画サービス
• フィールドセールス向けサービス

ツール

• 店舗向けSaaS
• Webアプリケーションのフロント部分
• 日程調整サービス

閉じる