マガジンのカバー画像

38からのWebエンジニア学習LOG【マガジン】

23
38才ママのフェニックスA子が、フリーランスでWebエンジニアを目指していく学習ログノートです。日々の学びを記録します。一緒に勉強していきましょう。 最初の記事はこれ。 http…
運営しているクリエイター

#css3

Web制作2週間の成果(HTML5/css3/BootStrap4/jQuery)【38Web-10】【制作ログ】

9月から本格的にWeb制作の勉強を始めて2週間が経ちました。初めての制作サイトはV3.0までアップし、jQueryのフィルタ付きギャラリーを実装するまでに。 こんにちは。38歳からWebエンジニアを目指しているフェニックスA子(@lipton_milk999)です。まずはWebデザイナーに必要なスキルから揃えています。 Web制作を始めて2週間8月末でライティングの仕事が切れたため、9月から1ヶ月みっちりWeb制作の修行を積んで、仕事を得られることを目標にしてます。 2

サンプルサイトv1.0!1日半でやっとcssコーディング完成【38Web-9】【制作ログ】

トップページのみですがサンプルサイトのv1.0(HTML5+css3)ができました。 こんにちは、38歳からWebエンジニアを目指しているフェニックスA子(@lipton_milk999)です。 1日半〜2日かけてようやくcssコーディングができました。 サンプルとして適当なとこにUPした。 以下に、キャプチャ画像を貼ります。レスポンシブデザイン。 mobile版 PC版 リンクなどはダミーなので下層ページはありません。 次は同じものをBootstrap4で作

css初学者は実際のWeb事例から学ぶ方が効率が良いと知った話【38Web-8】【制作ログ】

cssを初めて組むにあたり、重い本を家に置いて来たのでググりながら打ち始めたのですが、これがめちゃ効率悪かった。 基本は「本や実際の事例を真似して(写経)作るのが最も早い」ことを知りました。 こんにちは、38歳からWebエンジニアを目指しているフェニックスA子(@lipton_milk999)です。 前回はHTML5のマークアップまでをやりました。制作ログはこちら。 今回はいよいよcssの中身に入るのですが、参考にしていた本が手元になかったんですね。スタバで作業しよう

Web設計を元にHTMLマークアップをやった【38Web-7】【制作ログ】

今日はこれまでのWeb設計を元にして、HTMLファイルを作るところまでをやりました。HTML5のマークアップは初の作業です。 こんにちは、38歳からWebエンジニアを目指しているフェニックスA子(@lipton_milk999)です。 HTML5でマークアップするかつてHTML4の時代に手打ちしてたことはあるのですが、その時は思うがままにプレビュー押しながらタグ打ってたので、きちんとしたフロー手順でやるのは初です。 HTML5では、文書構造(アウトライン)を元にマークア

初学者が失敗から学ぶ、Web設計手順の細分化【38Web-5】【制作ログ】

今日はサンプルサイトのワイヤーフレームを元に、コーディング前のいろんな設計をしました。 38歳からWebエンジニアを目指しているフェニックスA子(@lipton_milk999)です。 ここで「設計手順おかしくない?」と思った人もいることでしょう。そんなお話です。 ワイヤーフレームで先にイメージをつけた(半分失敗)私はもともとHTMLやcssで趣味ページ(黒歴史サイト)やWordpressのブログを作っていたことから、なんとなく「サイトのイメージが先にできてしまう」ので

Web初学者がBootstrapとjQueryどちらから手をつけるか?+サンプルサイト設計手順【38web-3】

こんにちは、38歳からWebエンジニアを目指しているフェニックスA子(@lipton_milk999)です。 今日は写真の3つの本(HTML5+css3、Bootstrap、jQuery)を読み終えたので、その内容を整理しようと思います。 書籍をもとに整理すると、簡単なWebサイトの製作の流れとしては、次のような流れになるかと思います。(ここでは下層ページは除いて、まずトップページのみについてまず整理) <Webサイト(②からはトップページ)の製作の流れ>① サイトマッ