Hatena Blog Tags
はてなブログ トップ
webデザイナー講座
このタグでブログを書く
言葉の解説
ネットで話題
関連ブログ

webデザイナー講座

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
優夫と行く、バンコク駐在記録•4年前

Webデザイナー勉強方法

結婚、主人の海外赴任をきっかけに退職した私。 今ある自由時間を有効活用する。 どこでもパソコンひとつでできる仕事を身につける。 自分で仕事量を調整できる仕事がしたい。 などが頭を巡り、SNSの広告に出てきた「3ヶ月でWebデザイナーに」という言葉に飛び付きました。 たまたま出てきたその会社の無料講習（オンラインレッスン生になるための勧誘動画）を視聴し、Webデザイナーの仕事内容やそのスクールで学べること、卒業後のフォロー等を考慮し、入校することを決めました。 1ヶ月間、全額返金補償制度があったため即決しましたが、そこから1ヶ月、授業を受けつつ他のサイトやYouTubeでアップされているWebデ…

#元保育士#元言語聴覚士#webデザイナー講座#webデザイナースクール#新しいことへの挑戦

関連ブログ

ごきげんでいたい主婦のブログ•4年前

FammのママWebデザイナー養成講座は高い？

育児中に何かスキルを習得したい！これからの時代、在宅で働きたい！ と思われる方、多いのではないでしょうか。 私もその中の一人で、インスタでFammのWebデザイナー養成講座の説明会の広告を見て ZOOMでのオンライン説明会に参加後、個別の電話説明会に参加してきました！ この個別電話説明会、令和３年２月１０日までなら参加するだけで もれなくAmazonギフト券５０００円分がもらえます。 ただし条件があって メールで配布される資料をすべて読んでおくこと（そんなに多くないです） など、配布の条件がありますので、事前にしっかり確認しておいてくださいね！ そして受講する場合は、受講料も２万円ほど割引にな…

#fammschool#webデザイナー講座#動画編集#FammママWebデザイナー養成講座
ABCウェブエンジニアblog•4年前

【Webデザイン】#2 コーディングの思考の流れ。スマホサンプルサイト作成【参考】

前回パート1から引き続きのコーディングの思考の流れを具体的に言語化して実践していく記事です。 ▼#1からご覧になられる方はこちらからどうぞ。 webabc.hatenablog.jp 模写コーディングにつまづく方向けに、より簡単なサンプルサイトデザインを作成しました。 そのサイトデザインの画像データを元に、実際にどういった思考の流れでコーディングしていくかを解説していきまず。 入門者の方で、特に「自分で何をどうコーディングしたらいいかさっぱり分からない」という方向けの非常に易しい記事になってますので、高度な事を期待される方はご容赦ください。 では、やっていきましょう。

#WEBデザイナー#webデザイナー講座#Webデザイン
ABCウェブエンジニアblog•4年前

【Webデザイン】#1 コーディングの思考の流れ。練習サンプルで実際にやってみた。【参考】

以前、模写コーディング以上に簡単な練習用のデザインを作成し、記事にて公開しました。 webabc.hatenablog.jp webabc.hatenablog.jp 今回はこちらのデザイン画像から、実際にどういった思考の流れでコーディングしていくかを解説していきたいと思います。 入門者の方で、特に「自分で何をどうコーディングしたらいいかさっぱり分からない」という方向けの非常に易しい記事になっているかと思います。 高度な事を期待される方はご容赦ください。 模写含め、コーディングのやり方など最初の一歩につまづく方のお役に立てば幸いです。 では、やっていきましょう。

#Webデザイン#webデザイナー講座#模写コーディング
ABCウェブエンジニアblog•4年前

【コーディング練習用】スマホサイト版Webデザイン入門オリジナルデザインテンプレート

▼前回コーディング練習用のシンプルなPCサイトデザインテンプレートの公開記事を書きました。 webabc.hatenablog.jp 今回はそれに引き続き、そのデザインをレスポンシブでスマホ対応させたテンプレートを作りましたのでご紹介したいと思います。 よくある模写コーディングにおすすめのサイト以上に構造がシンプルになっていますので、是非Webデザイン入門、コーディング初心者の方のスキルアップにご活用頂ければと思います。

#webデザイナー講座#WEBデザイナー#Webデザイン#模写コーディング
ABCウェブエンジニアblog•4年前

【コーディング練習用】Webデザイン入門オリジナルデザインテンプレート

このところWebデザイン入門用の記事を多く書いてきました。 模写コーディングの超初級サイト3選記事など、厳選してみて思ったのが、もっと入門用に最適なサイトはないかという事。 シンプルでミニマルかつ、自然と頻出タグなどが身につくようなサイト。。。 ▼なるべく入門者に適したサイトをピックアップした記事です。 webabc.hatenablog.jp 探してみましたがご紹介したサイト以上のものはなかなかありませんでした。 そこで、無ければ作ってしまおうと。 今回はWebデザイン入門に最適なコーディング練習用のサイトデザインテンプレートを作成してみましたので、ご紹介します。 是非練習用にお役に立てれば…

#webデザイナー講座#Webデザイン
ABCウェブエンジニアblog•4年前

【Chrome拡張機能】模写コーディングのやり方が分からない方へ…必須な拡張機能5選＋α

前回、模写コーディングおすすめサイトを初心者向けのレベルを目安に3サイト＋αご紹介しました。 ▼なるべくボリューム少なく、コーディングの難易度がシンプルなものをチョイスしておりますので初めて模写挑戦するという方にはご参考頂きたいと思います。 webabc.hatenablog.jp ただそれでも初挑戦するような方はやり方が分からないという人も多いと思います。 今回は模写コーディングをする上で役に立つ、必須ともいえるGoogleChromeの拡張機能を紹介させて頂きます。 これから模写コーディングに初挑戦するという方、行き詰ってる方のお役に立てれば幸いです。 ではやっていきましょう。

#WEBデザイナー#webデザイナー講座#Webデザイン#模写コーディング
ABCウェブエンジニアblog•4年前

難しくない！模写コーディング超初級おすすめサイト3選+α

「模写コーディングって難しい」、「やり方が分からない」 と、HTML/CSSを学んだ次のステップでつまづく方は多いと思います。 まず、模写コーディングとは 「既存のサイトの見た目をそっくりそのまま、自力でHTML/CSS/JSなどコーディングをして再現する」 ことをいいます。 ▼これから独学でWebデザイン入門されるという方にもおすすめの勉強法です。webabc.hatenablog.jp Webデザイン脱初心者の登竜門として、模写コーディングは立ちはだかっています。 その原因として、模写でおすすめされるウェブサイトの多くが、０から入門された初心者にとってはレベルの高いものが多いせいだと思いま…

#WEBデザイナー#webデザイナー講座#Webデザイン#模写コーディング
ABCウェブエンジニアblog•4年前

【CSS】ハンバーガーメニューPart.3「動くアイコン5種、サンプルコード解説」

スマホサイトでよく見かける ハンバーガーメニュー。 これまで何度か記事で取り上げてきました。 ▼Part1ではハンバーガーメニューの概要からUI/UX考察。 webabc.hatenablog.jp ▼Part2ではCSSのみのシンプル実装コードをまとめています。 webabc.hatenablog.jp 今回はそのハンバーガーメニューのコードレシピ解説と題して、いくつか動きのバリエーションをつくって解説したいと思います。

#WEBデザイナー#webデザイナー講座#CSS#HTML
ABCウェブエンジニアblog•4年前

【初心者】Webデザイン入門、独学で何から学べばいいか分からない人へ【未経験】

Webデザインを独学で始める方で、まず何から手をつければ良いか分からない方がいらっしゃると思います。 HTML/CSS等のWebデザイン入門系の参考書を手に取って一通り読み終えても、そこから「独学を進めることが出来ない…」という相談も実際のレッスン生の方でいらっしゃいました。 今回はWebデザインを一から学ぶ方向けに、独学で何からどういう手順で学べばいいか、例を挙げてお話したいと思います。

#Webデザイン#webデザイナー講座#Webデザイナーをめざす#webデザイン初心者