【Slick】ズーム&フェードするスライドショーを作る超簡単な方法
Slickは簡単&シンプルにスライドショーを作成することができるjQueryのプラグインです🔌デフォルトでも十分いい感じのスライドショーやカルーセルを実装することができますが、、 例えば、メインビジュアルのスライドショー・・・
Slickは簡単&シンプルにスライドショーを作成することができるjQueryのプラグインです🔌デフォルトでも十分いい感じのスライドショーやカルーセルを実装することができますが、、 例えば、メインビジュアルのスライドショー・・・
align-itemsはflexboxまたは、gridレイアウトを使用している時に、並べている方向と垂直に交わる軸方向の配置を調整するプロパティです💡 align-itemsの基本 flexコンテナ(display:fl・・・
レスポンシブデザインで画面幅に応じた画像を読み込みたいときに使うpictureタグの使い方ついてまとめておきます📌 <img>と<picture>の違い レスポンシブデザインでコーディングする場合・・・
レスポンシブデザインでコーディングする場合に、画面のサイズやに応じた画像を読み込むためにはsrcsetやsizes属性の設定が必要です💡ただ、srcsetやsizesの使い方がすごくややこしい・・・😢なので、ここにまとめ・・・
text-alignは子要素、孫要素のインライン要素やテキストを揃える方向を設定するプロパティです。ブロックレベル要素の配置場所を設定することはできません。 👉 align-items:center;が効かない場合はコチ・・・
webサイトで、ブラウザの高さに合わせてファーストビューを作る場合、CSSでheightを100vhに設定すると、実際にスマホで見た場合、若干下にはみ出てしまう問題を解決します。 PCブラウザのレスポンシブモードなどでチ・・・
flexboxで超シンプルなページ全体のレイアウトを作ってみます。フレームワークもよいけど、flexboxで作ってしまえば、HTMLもシンプル&キレイ🙆個人的にフレームワークを使うと、HTMLがどんどん煩雑になっていくの・・・
flexboxでよくあるタイル状にボックスが並んだレイアウトを作る方法と考え方まとめ💡 ベーシックなタイル状のレイアウト 同じボックスをきれいに整列させていく一番ベーシックなレイアウト。ショッピングサイトのアイテム一覧や・・・
CSSのflexboxを使って色々なナビゲーションのレイアウトを作ってみました。
CSSのflexboxでレイアウトを作っていく方法。flexboxを使うと、ボックスを左右や上下に簡単に並べることができ、タイル状のレイアウトなどが簡単に実装できます💡 flexboxの基本 例えば下記のようなレイアウト・・・