JavaScript勉強会

JavaScriptの学習日記

CSS

たにぐち まことのプログラミング学習応援チャンネル

はてなブックマークでVue.jsのYouTube動画が人気を集めていました。 b.hatena.ne.jp 動画を見てみたら、「たにぐち まことのプログラミング学習応援チャンネル」というコンテンツでした。 https://www.youtube.com/user/tomostajp/playlists www.youtube.com…

Bootstrapでナビの文字を縦方向の中央に配置する方法

CSS

Webサイトを作るときに、CSSフレームワークのBootstrapを利用しています。 https://getbootstrap.com/ Bootstrap4でナビげーションの中に文字を配置すると、そのままだと上寄せになってしまいました。 ナビゲーションの中にある他のリンクの文字の位置と比べ…

Bootstrap v4の右寄せ方法が変更されてた

CSS

CSSフレームワーク「Bootstrap」のバージョンは、今「4」が最新です。 getbootstrap.com 右寄せの変更 BootstrapでHTML要素を右寄せするとき、以前は「pull-right」というクラスを記述してました。 新しいバージョン4では、「pull-right」だと右寄せができま…

ドットインストール CSS入門

今日から、ドットインストールのCSS入門を学んでみます。 CSS入門のメニュー #01 CSSとはなにか? (02:55) #02 はじめてのCSS (02:52) #03 セレクタとプロパティを理解しよう (02:46) #04 もっとセレクタを使ってみよう (02:39) #05 属性セレクタを使ってみ…

CSSセレクターとは?

JavaScript学習で、「CSSセレクター」という用語がたまに出てきます。 CSSセレクターについてまとめておきます。(メモ) CSS セレクターとは? CSSセレクター CSSセレクターの分類 要素セレクター(タイプセレクター) HTMLタグとHTML要素の違い CSSで要素…

Webサイト制作【4】 Bootstrap準備編

JavaScript学習の一環として、Webサイト制作の練習もやってみます。 今回は、CSSフレームワーク「Bootstrap」を準備します。 用語 CSSフレームワーク jQuery レスポンシブデザイン グリッドシステム CSSフレームワーク CSSフレームワーク - Google 検索 CSS…