プログラミングを勉強しよう

プログラミング学習メモ、読書感想、筋トレ日誌などなど、いろいろと更新しています!

Bootstrap2

こんばんわ。

 

今日も仕事終わりにプログラミングの勉強。

 

今日も先日に引き続きBootstrap。

dropdownメニュー

breadcrumb、pagination、pager

Navbar

について学びました。

 

DropdownメニューとかNavbarはスマホやPCサイトでよく目にします。

こんなのも簡単に作れるんだね。

 

HPもそろそろ書いてみよ。

 

では。

Bootstrapを勉強。

こんばんわ。

 

今日も仕事が終わってからプログラミングの勉強。

今日からはBootstrapを学んでいます。

 

今日はBootstrapの

・概要

・Gridシステム

・レスポンシブWebデザイン

・tableスタイリング

・formスタイリング

について勉強しました。

 

よく様々なサイトでみる

メールアドレスの入力フォームが自分で作れると思うと面白いね。

 

では。

 

CSSで吹き出しを作ろう!

こんばんわ。

 

今日も仕事が終わってからのプログラミングの勉強。

正直、2日間できていなかったので久しぶりな感じです。

 

今日はHTML・CSSを使って

吹き出し💬(←こんなの)を作るやり方を学びました。

 

HP作る時のレイアウトに使えるな。

 

まぁ、HPは作るかわからないけど…(笑)

 

では。

Webサイトを作ろう!

こんばんわ。

 

今日も仕事終わりにプログラミングの勉強をしています。

今日は明日が休みなので一気に進めてみました。

 

実際にWebサイトのレイアウトや文字配置・画像配置などを

行なって、Webサイトに見立てたものを作成しました。

 

動画見ながらコーディングしていくので

追いついていくのが大変です(;'∀')

 

でも、なんとか真似して作れました。

 

また明日からは別のレッスンやっていこう。

 

では。

 

CSSレイアウトlastsection

こんばんわ。

 

今日も仕事が終わってから

プログラミングの勉強をしています。

 

今日はCSSレイアウトの最後。

 

・リストメニューの作成

・マウスオーバーした時の動作

・positionプロパティ

・画像付きリスト

 

を学びました。

 

マウスオーバーした時の動作まで色々あるとか

奥が深い。(ただ知識がないだけ)

 

次回からは実際にHPの作成を勉強していきます。

 

 

しかし、動画を見て

真似しているだけでできていることに

楽しさと新たな事を吸収できていることに感動を覚えます。

 

では。

 

CSSレイアウトⅡ

こんばんわ。

 

2日ぶりのプログラミング勉強。

今日は前回に引き続きCSSレイアウト。

 

・カラム

・clearfix

・カラムの余白

・カラムレイアウト

・可変幅のカラム

 

を学びました。

 

カラム?可変幅?と思ったので調べました。

 

・カラム・・・レイアウトの際の『列』

・可変幅・・・ブラウザの幅に合わせたレイアウトの表示に変えられるようにする設定

 

ちょっとずつ、こんなメモも入れていきます。φ(`д´)メモメモ...

 

では。

 

CSSレイアウト

こんばんわ。

 

今日からはCSSを使用した

レイアウトを学び始めています。

 

レイアウト出来たら

HPを作るのにかなりイメージが持て始めてくる。

 

明日も継続して頑張ろう。

 

では。