未経験からWebデザイナーになる手順

未経験からクラウドソーシングでWeb制作案件を受注するまでの工程

「Webデザイナーのスキルを身に着けて副業や在宅ワークで稼ぎたい!未経験の人って何をどれくらい勉強したらいいの?」そんなお悩みをお持ちのあなたに、クラウドソーシングサイトで初案件を受注するまでに「やっておきたい事」をご紹介していきます。
Web Design Tips

【Web制作入門】デベロッパーツールの使い方(特に必要な3つを厳選)

デベロッパーツールを使えるか使えないかで、コーディングに掛かる時間に雲泥の差が生まれます。私がWeb制作の勉強を始めたばかりの頃は、「まずHTMLとCSSを覚えなきゃ!」とデベロッパーツールの使い方の勉強を後回しにしていましたが、これが大間違いでした。もっと早い段階でデベロッパーツールの使い方を理解していれば、無駄なことに時間を費やすこと無くHTML、CSSの勉強が出来たのに・・・と、未だに後悔しているほどです。ということで、本記事はWeb制作未経験の人でもわかるように「デベロッパーツールとは?」から、「どのように使う物なのか」まで解説していきます。
Web Design Tips

【Webデザイナー】テキストエディタBracketsの使い方と活用法

未経験の方の入門エディタとしてBracketsがおすすめ。無料にも関わらずリアルタイムでコーディング結果の確認が出来るライブプレビュー機能を搭載。本記事ではBracketsの使い方と、おすすめのプラグイン(拡張機能)をご紹介します。
未経験からWebデザイナーになる手順

【未経験からのWeb制作】3ステップで制作環境を作ろう!

「HTML、CSSの勉強を始めたいけど、準備って何から始めれば良いの?」「コーディングに使うツールって何が必要?」未経験の人が立ち止まるポイントの1つだと思います。今回は、これからWeb制作を始めるあなたが行うべき、制作環境の準備を進めていきます。
未経験からWebデザイナーになる手順

未経験で副業Webデザイナーになりたい人は先ずコーディングの勉強を!

未経験からWeb制作のスキルを身に着けて、在宅ワークや副業でお金を稼ぎたい!そんな方にはHTML、CSSのコーディングの勉強から始める事をオススメします。何故ならパソコンとインターネット環境さえ揃っていれば、初期投資ゼロで開始できるからです。今回はHTML、CSSのコーディングとは何か?また、その勉強方についてもお話していきます。
未経験からWebライターになる手順

WEBライティングとはどんな仕事?初心者にもわかりやすく解説

「ライティング」という言葉の響きからハードルを高く感じてしまう人が多い職種ですが、実際には主婦の方や学生さんでも空き時間にできるお仕事です。では具体的にはどんな仕事内容なのか。今回はWEBライティングについて、初心者にもわかりやすく解説していきます。
未経験からWebデザイナーになる手順

Webデザイナーとは?仕事内容と始め方

私は30歳の頃に独学でwebデザインを学び始め、2ヶ月後にはwebサイト制作案件を受注しました。 今回から私の実際の体験談のご紹介も含めて、webデザイン未経験...
在宅フリーランスとして生きる

夫が会社を辞めてフリーランスになったときの妻の心境

いまや夫婦2人でフリーランスをしていますが、夫が会社を辞める決意をしたとき、まったく焦らなかったといえばそんなことはありません。今回は、夫が会社を辞めてフリーランスになったときの妻(わたし)の心境をつづっていこうと思います。
Web Design Tips

【CSS】transitionの入れ先を間違うと、思った通りに動かない件 hover編

transitionと:hoverで「カーソルを乗せた時にふわっと明るくなるボタン」を作ったのに、カーソルを離した時だけ一瞬で切り替わっちゃう。今回はこの症状が起こる原因と、解決方法を解説します。
Web Design Tips

ブラウザ上のカラーコードを抽出!ColorPick Eyedropper

ペイントソフトのスポイトツールの様に、ブラウザの画面上に表示されているカラーコードが抽出出来ればいいのに! そんな方に「ColorPick Eyedropper...
Web Design Tips

無料でPhotoshopのファイル(PSD)を開く方法。ソフトご紹介。

webサイトのコーディング案件では、Adobe社の画像編集ソフト「Photoshop」が大活躍します。 しかしご存知の通り、Photoshopは有料ソフト。これ...
Web Design Tips

ブラウザ上に画像を透過して表示!PerfectPixelのご紹介

PerfectPixel(パーフェクトピクセル)はコーディング案件で活躍するブラウザツールです。HTMLやCSSのコーディング結果を表示させたブラウザの上にデザインデータを重ねられるので、コーディング結果とデザインデータの差異が一目瞭然!