CSSのmin()・max()について
min(A, B) A と B のうち、小さい方の値を採用するので、最大値をとることができる。 min（calc(70vw / 3.9),70px） の場合、どんなに画面が大きくなっても、この要...
0
0
Comment0
19 search resultsShowing 1~19 results
Stocked
You need to log-in
LP よく使うスタイル設定
要素の中央揃え 中央揃えにしたい要素に注目した、 ブロック要素だったら、幅を設定したうえでmargin:0を使用する。 テキストや、画像などのインラインボックス要素だったら囲っているブロック要素...
0
1
Comment1
CSS 単位について
単位一覧 単位 何を基準にしている？ 使い方や特徴のポイント どんなときに使う？ px 画面の小さな点（ピクセル） 絶対的なサイズ。どんな画面でも同じ大きさになる。 アイコンのサイズや境界線の太...
0
0
Comment0
HTML・CSSの学び直し。
HTML タグ構成 <h1 id="id1">かちかちやま</h1> 要素：h1のタグ全体 要素名：h1 属性（プロパティ）：id="id1" 属性名：id 属性値：id...
0
0
Comment0
CSS メディアクエリーについてまとめ
メディアクエリーとは、スマホ・タブレット・PCなど、 画面の大きさや種類に応じてCSSを切り替える方法のことです。 メディアクエリーの定義 モバイルファースト ビューポートの幅が狭い場合のスタイ...
1
1
Comment1
HTML・CSSの学び直し📱メディアクエリー編
メディアクエリー メディアクエリーとは、スマホ・タブレット・パソコンなど、 画面の大きさや種類に応じてCSSを切り替える方法のこと！ よく使用するメディアクエリー一覧 スマホ @media sc...
0
0
Comment0
レスポンシブデザインでよく使う技
SPテクニック calcで要素を柔軟に調整する calc(Xvw / 3.9); vw(ビューポート幅) vw 単位は、ビューポート（ブラウザの表示領域）の幅に対して相対的にサイズを決定するため...
1
1
Comment0
JavaScriptでハンバーガーメニュー
SPのメニュバーにハンバーガーメニューを実装する覚書です。 PC完成イメージ PCは、横並びのメニューとします。 PC版の説明はここでは省きますので、設定したCSSのみ最初に載せておきます。 完...
1
1
Comment1
CSS positionプロパティ
positionプロパティは、HTML要素をどのように配置するかを定義します。 このプロパティには主に以下の5つの値があり、それぞれが要素の振る舞いを大きく変えます。 static (初期値) ...
0
0
Comment0
CSSレイアウト
フレックスボックス フレックスボックス（Flexbox）は、 要素を横や縦にきれいに並べたいときに使うレイアウト方法。 フレックスコンテナ・アイテムとは CSSでdisplay: flex;を指...
1
2
Comment0
CSSアニメーション
X軸とY軸の方向 アニメーションで基準になる軸です。 transform 要素の形や位置、向きを動的に「変形」させるCSSプロパティ 構文 transform: 変形関数1 変形関数2 変形関数...
0
1
Comment1
HTML📦ブロック要素とインライン要素の違い
ブロックレベル要素とインライン要素 ブロックレベル要素 1つのまとまった単位となっているひとかたまり（見出しや段落） 常に改行されて縦につまさる 親要素の幅を直接引き継ぐ（デフォルトで横幅100...
0
0
Comment0
JavaScript 非同期処理について
fetch() ネットワーク越しにデータを取得するためのものです。 Webサイトからデータを取得したり、APIを使ってサーバーとやり取りしたりする際に使用されます。 fetch() は非同期処理...
0
1
Comment0
JavaScriptの学び直し。
変数・定数 数値から始めてはいけないです。 スコープ グローバルスコープ どこからでも参照可能です。 ローカルスコープ ブロック内だけで参照可能です。 データ型 文字列→数値変換 Number(...
0
1
Comment0
HTML・CSSの学び直し。float編
floatとは 要素を左または右に寄せて配置し、その反対側に後続の要素が回り込むようにした状態のこと インライン要素を含むほとんどの要素に指定できる！ フロートの状態になると、ブロックボックス...
0
0
Comment0
JavaScript学び直し。応用編！
ドットインストールで、JavaScriptの学び直しを行いました。 大切だと思ったことをメモに残していきます。 数値操作編 Math.ceil どの値でも、切り上げ整数。 「自分より大きい方向」...
1
1
Comment0
CSS変数
CSS変数とは、変数を使って、色やサイズなどの値をまとめて管理できる機能です。 定義 CSS変数の宣言 :root { --my-color: blue; } :rootは HTML全体に適用さ...
1
1
Comment1
エンジニアからPMOへの挑戦(PMOの役割とロードマップ) 🌿vol.1
はじめまして。記事を読んでくださってありがとうございます！ このたびエンジニアからPMOへキャリアチェンジすることとなり、 ディープラーニングと自身の振り返りのために挑戦記をかこうと思い筆をとり...
3
7
Comment0
useEffectの使い方
使い方に悩んだuseEffectを、個人的にまとめてみました！ 誰かの役に立てれば嬉しいです。 ※公式さんはこちらuseEffect useEffectとは？ Reactコンポーネントに存在する...
2
0
Comment0
19 search resultsShowing 1~19 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles