Webデザインラボ

Webデザインラボ

Webサイト制作で「もっと効率よくコーディングできないかな?」とか「レスポンシブ難しすぎ!」とお嘆きの方にお役立て頂ける内容をまとめています。

その他にも「なぜWebエンジニアにMacユーザーが多いのか?」など、初心者の方が疑問に思ってモヤモヤしている内容についての解説もご用意。

筆者である私もWebサイト制作歴1年未満の若輩者ですが、だからこそ自分がWebサイト制作を始めたばかりの頃に欲しかった情報を網羅していきます。

未経験・初心者のかたに是非お役立て頂ければ幸いです。

Webデザインラボ

【レスポンシブコーディング】なぜサイズが2倍?デザインデータの読み方

僕がWeb制作案件を初めて受注した時に混乱した出来事ナンバーワンが「スマホレイアウトのwidthが750px(ピクセル)で作られていたこと」です。 だって、スマートフォンの画面の横幅って大きく...
web制作 困りごとお役立ちメモ

VSCodeで「Looking for CSS classes in the workspace」に悩んだ話

最近、Web制作のコーディングに利用するテキストエディタをVSCodeに変更したのですが、起動した後しばらく(10分くらい)は以下のような症状が発生して困っていました。 EmmetでTabキー...
Webデザインラボ

初心者コーダーがデザインデータを見る時に気をつけたいこと3つ

Webサイト制作のコーディングに必要なスキルといえばHTML、CSSの知識ですが、実はデザインデータを見るスキルも同じくらい重要です。 一口に「デザインデータを見る」といっても、初心者がいきな...
Webデザインラボ

Photoshopで「フォントが見つかりません」と表示されたらやる事まとめ

Photoshopやillusratorで自分以外のデザイナーが制作したデザインデータを開封すると、以下のようなメッセージが表示されることがあります。 「このドキュメントで使われている下記のフ...
2020.06.16
web制作 困りごとお役立ちメモ

失敗しない!MacBookを外部ディスプレイに接続するときの注意点をご紹介

MacBookと外部ディスプレイの接続に使用する機器の選定と、発熱対策には気をつけないといけません。機器の選定を誤ると「接続できない」「接続できても映らない…」という問題が起こりますし、発熱対策を行わなければ、あなたの大切なMacBookの寿命を縮めることに繋がってしまいます。そのような失敗をしないために、本記事では以下の内容について解説していきます。MacBookとディスプレイを繋ぐケーブルの選び方MacBookでデュアルディスプレイにする方法
2020.05.30
web制作 困りごとお役立ちメモ

なぜ?WebエンジニアにMacユーザーが多い理由。Macを使うメリットは?

「Macは外観がおしゃれ!」といった意見は置いといて、もっとWebサイト制作の実務的な部分で「なぜWebエンジニア界隈ではMacユーザーが多い?」という疑問の答えが知りたい方のために、実際にWebエンジニアとして1年間働いたWindowsユーザーの私が「ここはMacの方が良いな〜」と思うポイントについてご紹介していきます。
2020.04.13
web制作 困りごとお役立ちメモ

ドロップダウンメニューを親要素の真ん中へ配置する方法【CSSで実装】

ドロップダンメニューを、横幅が可変の(widthを指定していない)親要素の真ん中へ配置するためには、少しだけ工夫する必要が有ります。当記事ではX軸(left:)の指定にcalc()関数を使う方法を解説します。
2020.01.12
web制作 困りごとお役立ちメモ

Bootstrapの使い方、メリット・デメリットも解説!

「ブートストラップって名前は聞いたことがあるけど、何が出来るの?」「一回だけ使ってみたけど、いまいちメリットが分かなかったなぁ…」そんな方のために、今回はWebサイト制作効率化の代名詞とも言える、Bootstrap(ブートストラップ)について解説していきます。
2020.02.09
web制作 困りごとお役立ちメモ

AdobeCC+通信講座購入で学割適用!「たのまな」を買ってみた

「たのまな」でAdobeCCと通信講座をセットで購入すると学割が効くので、他の方法で購入するのと比べて半額近い値段で買う事が出来ます。「在宅ワークや副業でAdobeソフト(Adobe Creative Cloud )が必要になりそう!」「でも値段が高すぎて購入する勇気が出ない!」こんな方にオススメです!
2020.04.17
未経験からWeb制作者になった男の日記

【8万円案件受注!】未経験からWeb制作を生業として5ヶ月経過

未経験からwebサイト制作を始め、5ヶ月になりますが、先日、8万円の大型案件を頂く事が出来ました!今月中に報酬が確定すれば1ヶ月のクラウドワークス報酬が10万円を超す勢い。今回は「未経験からweb制作者になった男の日記シリーズ」として、私の近況を交えてお話していこうと思います。
2019.12.28
web制作 困りごとお役立ちメモ

【ドロワーメニュー】デベロッパーツール上だと開くのに、スマホ上だと開かない症状

ドロワーメニューを実装した際に、PC用webブラウザのデベロッパーツールだと問題無く表示されるが、iPhoneのsafari(他の環境は試せていないので不明)だと上手く表示されない症状が発生。原因は、fixedしたヘッダーの中にドロワーメニューのhtmlを記述したことでした。
2020.03.26
未経験からWeb制作者になった男の日記

クラウドソーシングで3万円のWebサイト制作案件受注!(2日連続で徹夜)

Webサイト制作未経験で脱サラしてから4ヶ月間。ついに、1万円超の案件を受注する事が出来ました!しかも3万円!でも・・・、大変だから高額なのです。当然だけど。
2019.12.28
トップページへ戻る