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

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

CSSで吹き出しを作ろう!

こんばんわ。

 

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

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

 

今日はHTML・CSSを使って

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

 

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

 

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

 

では。

Webサイトを作ろう!

こんばんわ。

 

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

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

 

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

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

 

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

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

 

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

 

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

 

では。

 

CSSレイアウトlastsection

こんばんわ。

 

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

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

 

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

 

・リストメニューの作成

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

・positionプロパティ

・画像付きリスト

 

を学びました。

 

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

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

 

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

 

 

しかし、動画を見て

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

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

 

では。

 

CSSレイアウトⅡ

こんばんわ。

 

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

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

 

・カラム

・clearfix

・カラムの余白

・カラムレイアウト

・可変幅のカラム

 

を学びました。

 

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

 

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

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

 

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

 

では。

 

CSSレイアウト

こんばんわ。

 

今日からはCSSを使用した

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

 

レイアウト出来たら

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

 

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

 

では。

 

そういえば…

私がプログラミングの勉強をしているサイトの

紹介をしていなかったですね。

 

私の勉強サイト

『ドットインストール』です。

無料でも学べる範囲が多い気がします。(ほかのと比べても)

 

無料で使えるとこをマスターしたら

有料でやろうと考えてます。

 

では。

CSS3 lastsection

こんばんわ。

 

昨日はプログラミングの勉強はお休み。

今日は一気にCSS3の残った範囲を終わらせました。

 

背景の色や形の設定や

アニメーションの基礎を

学びました。

 

まだしばらく

Webサイトの基礎を学んでいこうと思います。

 

まずは基礎からしっかりと。