はてなブックマークでVue.jsのYouTube動画が人気を集めていました。 b.hatena.ne.jp 動画を見てみたら、「たにぐち まことのプログラミング学習応援チャンネル」というコンテンツでした。 https://www.youtube.com/user/tomostajp/playlists www.youtube.com たにぐちまことさんと言えば、HTMLやJavaScriptの本を書かれている方ですね。 twitter.com www.amazon.co.jp 本屋で、たにぐちさんの著書をよく見かけます。 これからWebをはじめる人のHTML&CSS、JavaScriptのきほんのきほん 作者: たにぐちまこと 出版社/メーカー: マイナビ出版 発売日: 2017/03/27 メディア: 単行本（ソフトカバー） この商品を含むブログを見る さて、動画チャンネルを見たら、Vu

Webサイトを作るときに、CSSフレームワークのBootstrapを利用しています。 https://getbootstrap.com/ Bootstrap4でナビげーションの中に文字を配置すると、そのままだと上寄せになってしまいました。 ナビゲーションの中にある他のリンクの文字の位置と比べると、上に寄ってしまっているので、見た目が良くありません。 ナビの中の文字の位置を指定する方法を調べてみました。 bootstrap ナビ 文字 中央 縦 - Google 検索 d-flexクラスで指定 Bootstrap4で縦方向（垂直）に文字の位置を指定する方法が紹介されていました。 これをナビの中でも指定すればOKでした。 clue-design.com 上下中央や上寄せ、下寄せに配置するためのクラスも用意されています。 flexboxを利用するため、それぞれ２つのクラスを指定すればOKです。

CSSフレームワーク「Bootstrap」のバージョンは、今「4」が最新です。 getbootstrap.com 右寄せの変更 BootstrapでHTML要素を右寄せするとき、以前は「pull-right」というクラスを記述してました。 新しいバージョン4では、「pull-right」だと右寄せができませんでした。 （＝右寄せの指定方法が変わってました。） オンラインドキュメントを検索したら、変更点が紹介されていました。 getbootstrap.com Utilities Display, hidden, and more: ： Added .float-{sm,md,lg,xl}-{left,right,none} classes for responsive floats and removed .pull-left and .pull-right since they’re re

今日から、ドットインストールのCSS入門を学んでみます。 CSS入門のメニュー #01 CSSとはなにか？ (02:55) #02 はじめてのCSS (02:52) #03 セレクタとプロパティを理解しよう (02:46) #04 もっとセレクタを使ってみよう (02:39) #05 属性セレクタを使ってみよう (02:44) #06 擬似クラスを使ってみよう (02:51) #07 擬似要素を使ってみよう (02:15) #08 セレクタの詳細度を理解しよう (02:50) #09 プロパティの値を指定しよう (02:47) #10 ボックスモデルを理解しよう (02:57) #11 borderで境界線のスタイルを変えよう (02:23) #12 paddingで余白を制御しよう (02:32) #13 marginとmarginの相殺を理解しよう (01:52) #14 文字に関する

JavaScript学習で、「CSSセレクター」という用語がたまに出てきます。 CSSセレクターについてまとめておきます。（メモ） CSS セレクターとは？ CSSセレクター CSSセレクターの分類 要素セレクター（タイプセレクター） HTMLタグとHTML要素の違い CSSで要素セレクターはなるべく使わない まとめ CSS CSSとは？－CSSの基本 CSS（Cascading Style Sheets、カスケーディング・スタイル・シート）とは、ウェブページのスタイルを指定するための言語です。 CSSは、HTMLと組み合わせて使用する言語です。 HTMLがウェブページ内の各要素の意味や情報構造を定義するのに対して、CSSではそれらをどのように装飾するかを指定します。 CSSとは？これを読めば初心者でも必ずCSSが書ける！｜Udemy メディア CSSとは、「HTMLのタグで囲んだ範囲の文

JavaScript学習の一環として、Webサイト制作の練習もやってみます。 今回は、CSSフレームワーク「Bootstrap」を準備します。 用語 CSSフレームワーク jQuery レスポンシブデザイン グリッドシステム CSSフレームワーク CSSフレームワーク - Google 検索 CSSフレームワークとは、Webサイト制作でCSSを書くときに、よく使う便利なCSSの機能をまとめたパッケージです。 最近は、「Bootstrap」というCSSフレームワークが人気です。 【2016年冬】最新CSSフレームワークまとめ - Qiita （2016年　GitHub人気ランキング） 1位：　Bootstrap　http://getbootstrap.com/ 2位：　Semantic-UI　https://semantic-ui.com/ 3位：　Foundation　http://fou