WEB MEMO LOG

【CSS】iOSで横スクロールがカクカクするのを滑らか(スムーズ)にする方法

【CSS】iOSで横スクロールがカクカクするのを滑らか(スムーズ)にする方法

iOSで横スクロールをする際、カクカクとぎこちない感じになります。それを解決する方法をメモメモ。

【CSS】BODY内で外部CSSを読み込む方法

【CSS】BODY内で外部CSSを読み込む方法

<head>内を変更できない場合、<body>の中で<link>を使ってCSSを読み込んでも動作しますが、文法的にNG、今後不具合が起こる可能性もあるとのことで、JSを使って<body>内で外部CSS等を読み込ませる方法をメモメモ。 ▼「style.css」を読み込ませる方法

【CSS】Flexboxを使って要素を上下左右中央に配置する方法

【CSS】Flexboxを使って要素を上下左右中央に配置する方法

要素を左右だけではなく、上下左右中央に配置する方法は色々あるみたいですが、Flexboxを使って配置する方法をメモメモ。 【参考】[CSS]高さが分からない要素を天地・左右・天地左右の中央に配置するテクニックのまとめ

【CSS】n番目の要素を指定できる「nth-child」と「nth-of-type」の違いと方法

【CSS】n番目の要素を指定できる「nth-child」と「nth-of-type」の違いと方法

便利なn番目の要素を指定できる「nth-child」と「nth-of-type」ですが、違いや方法をメモメモ。 ▼E:nth-child(n):親要素のn番目の子要素であるE要素 ▼E:nth-of-type(n):親要素内で兄弟関係にあるE要素でn番目のもの 【参考】 何番目系の便利なCSSまとめ CSS3セレクタ「nth-child」と「nth-of-type」の使い方と違い

【CSS】フッター要素を常に下に表示したい!CSSで!

【CSS】フッター要素を常に下に表示したい!CSSで!

コンテンツが少ないときなど、フッター要素が上にきてしまうので、なんか思ったんと違ーう!となってしまうケースありますよね。 それを回避するための方法をメモメモ。 ▼HTML ▼CSS

【CSS】フォームを作る際に入れておくCSS

【CSS】フォームを作る際に入れておくCSS

お問い合わせフォームを作る際に入れておきたいCSSをメモメモ。 ▼iOSでのボタン等のデザインをリセット ▼半角英数字の文字列を折り返す

【CSS】Flexboxでレイアウト

【CSS】Flexboxでレイアウト

いままでfloatやJSで横並びのボックスを調整していましたが、楽になりますね~。 よく使いそうなものをメモメモ。 ▼flexboxレイアウト ▼flexアイテムの複数行に配置 ▼flexアイテムの等間隔配置 ▼flexアイテムの高さを揃える 【参考】CSS3 Flexbox の各プロパティの使い方をヴィジュアルで詳しく解説 | コリス

【CSS】CSSでよく使うメモ

【CSS】CSSでよく使うメモ

よく使うんだけど、覚えられないCSSをメモメモ。 ▼FontAwesomeでアイコンを表示 ▼角丸 ▼アニメーション ▼「・・・」を出す ▼ページ内スクロールする際の高さ調整 ▼テキストのベースライン調整 (参考)http://www.nishishi.com/css/text-vertical-align.html