恥ずかしながら、web制作していると右側に謎の余白というか隙間ができて右にスクロールしてしまうことがよくあります。 そんなときに無闇やたらと探してもhtml、cssを全部見直す必要があり、やってられません笑 できるだけ簡 […]
伸びしろブログ > Tips
CATEGORY
Tips
【CSS・HTML】なんだこの余白!?右側に余白ができた時の対策方法
Tips
【CSS】要素の中央揃えは”flex”で簡単!
Tips
今回はCSSのflexを使って中央揃えにする方法を紹介します! flexを使って中央揃えにするプロパティ”justify-content: center;” ↓こんな感じに中央寄せになります。ブラ […]
:first-childと::afterを一緒に使いたい
Tips
リスト<li>の最初だけに::afterでスタイルを付けたいんじゃ!!!って人は③から見てください! 【基礎知識】:first-childは擬似クラス 擬似クラスとは CSS の擬似クラスPseud […]
効かないなんて有り得ない。CSS優先順位の話
Tips
この記事はコーディングしていたらよく遭遇する「CSS上書きできない問題」についての記事です。 あれ?全然CSSが効かないなぁとりあえず全部に!important付けとけばええやろ。、、、上書きできない。複雑すぎてよく分か […]
【jQuery】slick.jsを使ったスライダーで詰まったつまらない話
Tips
またつまらない所で詰まってしまいした。 詰まった箇所 このブログテーマは”pickup”というタグの付いた投稿を一番上に横並びになるんですが、なぜか↓のようなスタイルに… スタイル当て […]
【jQuery】これ見りゃ簡単!しかも無料!?スクロールに連動するアニメーションの実装方法
Tips
こんな感じの「フワッ」とアニメーションを簡単に実装できます! Web制作コース中級編「DAY 21 スクロールに応じて要素を「フワッ」と登場させる」をクリアしました。 https://t.co/1hjb04hEj6 #デ […]
【CSS】レスポンシブ時にpositionを解除する方法
Tips
テキストや画像などを好きな位置に指定させたはいいけど、スマホで見るとき(レスポンシブ時)は解除したい。 positionの解除ってどうやるんだ? ”解除”じゃなくて、”初期値に戻す”だ まさにこんな表情で思いついたわけで […]