2021-01-01から1ヶ月間の記事一覧
毎更新のダイエット記録の回でございます。 i-phoneのヘルスケアアプリより週末毎の平均値を抽出して、 前週と比較することで検討改善をルーティーンにしようという狙いで書いております。 －－－－－－－－－－－－－－－－－－－－ 【基本データ】 年齢：3…
プログラマー転職を目指す、progateでのお勉強記録。 今回は、HTML&CSS・Flexbox編の復習記録となります。 １．Flexboxとは Flexboxとは、CSSのレイアウト方法の1つである。 並び向き（縦並び→横並び）の指定や、折り返し（なし→あり）の指定を簡単に行う こ…
プログラマー転職を目指す、progateでのお勉強記録。 今回は、HTML&CSS上級編の復習その3となります。 内容は【footerの位置調整、SNSボタンの調整、フォントのレスポンシブ化、画面サイズが大きい時への対応、スマートフォンのヘッダーレイアウトを整える】…
プログラマー転職を目指す、progateでのお勉強記録。 今回は、HTML&CSS上級編の復習その2となります。 内容は【viewportの設定、width100%、responsive.cssの読み込み、レイアウトの配置の 変更、floatと親要素の高さ】です。 １．viewportの設定 レスポンシ…
毎週更新のダイエット記録の回でございます。 i-phoneのヘルスケアアプリより週末毎の平均値を抽出して、 前週と比較することで検討改善をルーティーンにしようという狙いで書いております。 －－－－－－－－－－－－－－－－－－－－ 【基本データ】 年齢…
プログラマー転職を目指す、progateでのお勉強記録。 今回は、HTML&CSS上級編の復習その1となります。 内容は【レスポンシブデザインとは、メディアクエリとは、max-widthとmin-width、ブ レイクポイント、レイアウト崩れを直す、box-sizing: border-box;の…
プログラマー転職を目指す、progateでのお勉強記録。 今回は、HTML&CSS中級編の復習その6となります。 内容は【position: relative;による位置の変更、ボタンをへこませる、画面上に要素を固 定する、要素の重なりの順序を指定する】です。 １．position: re…
プログラマー転職を目指す、progateでのお勉強記録。 今回は、HTML&CSS中級編の復習その5となります。 内容は【相対的な大きさの指定、position: absolute;、基準位置の変更、影を作る、 cursor、:active、CSSを打ち消す】です。 １．相対的な大きさの指定 …
プログラマー転職を目指す、progateでのお勉強記録。 今回は、HTML&CSS中級編の復習その4となります。 内容は【アニメーションをつける、行間を指定する、line-heightと縦の中央寄せ、<a> タグをクリックする範囲、文字の太さを指定する】です。 １．アニメーシ</a>…
プログラマー転職を目指す、progateでのお勉強記録。 今回は、HTML&CSS中級編の復習その3となります。 内容は【アイコンをつける、Font Awesomeの使い方、opacityとrgba、rgb、rgba、】で す。 １．アイコンをつける アイコンを表示するには、Font Awesomeと…
毎週更新のダイエット記録の回でございます。 i-phoneのヘルスケアアプリより週末毎の平均値を抽出して、 前週と比較することで検討改善をルーティーンにしようという狙いで書いております。 －－－－－－－－－－－－－－－－－－－－ 【基本データ】 年齢…
プログラマー転職を目指す、progateでのお勉強記録。 今回は、HTML&CSS中級編の復習その2となります。 内容は【ボタンを作る、インラインブロック、display、複数クラスの指定、カーソルを乗せた時に色を変える、ボタンを角丸にする、テキストを中央に寄せる…
プログラマー転職を目指す、progateでのお勉強記録。 今回は、HTML&CSS中級編の復習その1となります。 内容は【<header>と<footer>、背景画像を指定する、背景画像の大きさを指定する、 要素を中央に配置する、要素を透過させる、文字の間隔を指定する】です。 １．<header>と<footer> <div class="header">と<div class="footer">のよ</div></div></footer></header></footer></header>…
プログラマー転職を目指す、progateでのお勉強記録。 今回は、HTML&CSS初級編の復習その8となります。 内容は【コンテンツの枠組みを作る、枠線をつける、内側の余白と下側の余白、ボック スモデル、<input>と<textarea>、ボタンを作る、複数のセレクタに同じCSSを指定す る】</textarea>…
プログラマー転職を目指す、progateでのお勉強記録。 今回は、HTML&CSS初級編の復習その7となります。 内容は【ヘッダーとフッターで別のCSSを適用させるには、文中の一部にCSSを適用させ るには、ブロック要素とインライン要素】です。 １．ヘッダーとフッ…
プログラマー転職を目指す、progateでのお勉強記録。 今回は、HTML&CSS初級編の復習その6となります。 内容は【レイアウト、エディタの補完機能、ヘッダーの枠組みを作る、リストのマーク をなくす、リストの中身を横並びにする、余白の調整】です。 １．レ…
毎週更新のダイエット記録の回でございます。 i-phoneのヘルスケアアプリより週末毎の平均値を抽出して、 前週と比較することで検討改善をルーティーンにしようという狙いで書いております。 －－－－－－－－－－－－－－－－－－－－ 【基本データ】 年齢…
プログラマー転職を目指す、progateでのお勉強記録。 今回は、HTML&CSS初級編の復習その5となります。 内容は【HTMLの全体構造、HTMLのバージョン指定、<head>要素と中身】です。 １．HTMLの全体構造 実際のHTMLファイルには、決められた型を書いていく必要がある</head>…
プログラマー転職を目指す、progateでのお勉強記録。 今回は、HTML&CSS初級編の復習その４となります。 内容は【背景色を変える、横幅・高さを変える、特定の要素にCSSを適用する】です。 １．背景色を変える 背景色を変えるには「background-color」プロパ…
プログラマー転職を目指す、progateでのお勉強記録。 今回は、HTML&CSS初級編の復習その３となります。 内容は【CSSとは、文字の色を変える、文字の大きさ・色を変える】です。 １．ＣＳＳとは CSSとは、HTMLの要素に対して「色・大きさ・配置」などを指定し…
プログラマー転職を目指す、progateでのお勉強記録。 今回は、HTML&CSS初級編の復習その２となります。 内容は【リンクを作成する、属性の書き方、画像を表示する、リストを作成する】で す。 １．リンクを作成する リンクを作成するためには、<a>要素を用いる</a>…
プログラマー転職を目指す、progateでのお勉強記録。 今回は、HTML&CSS初級編の復習その１となります。 内容は【HTMLの仕組み、見出しつけ、段落作成、コメントについて】です。 １．HTMLの仕組み HTMLでは、テキストに「タグ＜＞」という印をつけて囲むこと…
毎週更新のダイエット記録の回でございます。 i-phoneのヘルスケアアプリより週末毎の平均値を抽出して、 前週と比較することで検討改善をルーティーンにしようという狙いで書いております。 －－－－－－－－－－－－－－－－－－－－ 【基本データ】 年齢…
