40代目前の男がフリーランスを目指すブログ

40代目前の男がフリーランスを目指す為の日記です。

Bootstrap

簡易ランディングページの作成6日目

9月6日(金)の日記です。 先日は生のHTML・CSSでランディングページを書きましたが、本日は同じWebページを今度はBootstrap4にて書く事にしました。 目的としてはBootstrapの復習もそうですが、やはり実務ではBootstrapを使う機会が多いと思うので、ランデ…

Bootstrapの練習6日目 & メールフォームと送信機能の実装

8月29日(木)の日記です。 今回もBootstrap4を用いたサイト制作は行ないましたが、初めての試みで、メールフォームの送信機能の実装を行ないました。 まずは完成形です。 実際に各項目を入力して送信すると、下記の様に完了ページに飛び、メールが送信側と…

Bootstrapの練習5日目

8月28日(水)の日記です。 前回ではBootstrap4を用いてPC版の写経を行ないましたが、今回はこのサンプルサイトを「スマホ」と「タブレット」にも適用するレスポンシブサイトにしてみます。 Bootstrap4の規定に従い、スマホ版は画面横幅が544px以下、そして…

Bootstrapの練習4日目

8月27日(火)の日記です。 先日からBootstrap4の写経を行ないまして、ようやく1つのサンプルサイトが出来上がりました。 結論から言うと、1度ハマりました。 今まではサンプルのコードを書いていたから形に出来ていただけで、いざ写経となると本当に使いこ…

Bootstrapの練習3日目 & jQueryの追加勉強

8月26日(月)の日記です。 本日はBootstrap4の技術取得の前に、以前知り合いから頂いた日経ソフトウェア付録の『プログラマとWebデザイナーをつなぐjQuery教本』という冊子を勉強しました。 内容としてはjQueryの簡単な基礎や応用が書かれているのですが、…

Bootstrapの練習2日目

8月24日(土)の日記です。 Bootstrap4の勉強ですが、『Bootstrap4 フロントエンド開発の教科書』を元にクラス名をザッと理解し、サンプルサイトの制作を行ないました。 非常に濃密な内容ですので一度に全部を覚える事は出来ませんが、1つ1つのクラスがどの…

Bootstrapの練習1日目

8月23日(金)の日記です。 先日はjQueryの復習を行ないましたが、今日からはBootstrapを勉強していきます。 現在はBootstrap4が主流との事ですが、まずはBootstrap3にてサンプルを作ってみました。 感想ですが、びっくりする事に、一切独自のCSSを作る事無…