Web制作

Web制作の勉強を進める過程で、Web制作で使うスキル（HTML,CSS,JavaScriptなど）を勉強してから望むと思うのですが、常に完璧な状態で案件ができるとは限らないです。

どうも、くまだです。 Web制作案件の内容はさまざまあります。 1ページ制作で納期が長めのもの、ペー […]

Web制作・コーディングする上で私が使っているChromeの拡張機能をいくつか紹介します。でもたぶん私が使っているのはWeb制作界隈では当たり前、よく見かけるやつで目新しいものはないとだけ先に言っておきます

Web制作の案件をするさいに、果たしてどれくらい勉強したら案件ができるのだろうか？という不安があるかと思います。 というのも、私もいまいちそのレベル感がわからなくてずっとWeb制作の勉強をしていつまでも案件をやろうとしないということがありました。不安は今でもずっとはあるんですけど、やってみて初めてわかるものもありますし、インプットばかりしていて、いつまでも仕事できないようではしょうがないです。

とある案件で、例えばブログの記事タイトルや本文の抜粋が2行以上になったら文の末尾に、… をつけるというCSSのやり方を最近知りました。

Zeplin上から、FigmaやAdobeXdのデザインカンプからコーディングするのいっしょで、要素間から数値を読み取ったり、要素の幅を測って数値を読み取ることができるようになるツールです。 私がなんでこれを使っているのかというと、めちゃくちゃ軽いからです。

Web制作の案件を進めるうえで、自分のリソースを知ることは大事です。（ここでいうリソースは、「自分が一日のうちで、作業にあてられる時間」を指すこととします） Web制作の案件は、基本的に納期が○○日までで、制作ページ数が○○で～みたいな感じで進めると思うんですけど、ここでの時間の見積もり方をミスると後半でぎりぎりになって死ぬ思いになります笑

私はWeb制作の勉強を始めてからだいたい2年くらいたつんですけど、案件をこなしつつ、失敗したなぁと思うこと ざっくり書いていこうと思います。過去の自分への戒めのためです。 ・使わない言語・スキルを勉強しまくる ・文章や画像サイズの可変を考えないコーディング ・positionを使いまくるフロントエンドとバックエンドとWeb制作全部に手を出す ・メディアクエリを無限に使いまくる

SSを楽に書くためのメタ言語、Sassがありますが、HTMLを楽に書くための言語も存在します。その一つがPug（パグ）です。 最近Web制作でPugを使ってコードを書いているのですが、実際使ってみて感じたメリット・デメリットを簡単に紹介していきたいと思います。

そもそもピクセルパーフェクトは何かというと、ざっくりいうと自分が制作したデザインカンプなりデザイナーさんが制作したデザインカンプなりどちらでも良いのですが、そのデザインカンプ通りに、1pxの狂いもなく全く一緒のとおりつくることです。 ちなみにですが、デザインカンプを見ながら数字も全くいっしょに作ったとしても、おそらくピクセルパーフェクトにはならないです。（多少ずれる）