takec23com | office takec

【HTML】pictureタグを使ってPCとSPで画像を切り替える方法

今回はpictureタグを使ってPCとSPで画像を切り替える方法を紹介する。今回はブレイクポイントをPCが768px以上、SPが767px以下とした場合としている。

swiper.jsはとても便利だ。しかし、高さが違う画像などをスライダーにせってした時に高さがバラバラになってしまう。それをCSSのみで解決できるので、今回はその方法を紹介する。.swiper-slideにheight […]

子要素を固定化する方法は簡単でcssで子要素に対してflex: none;を指定するだけだ。 See the Pen Untitled by 山崎毅 (@lvfthhbg-the-flexboxer) on CodePe […]

今回はHTMLのみでアコーディオンを実装する方法を紹介する See the Pen Untitled by 山崎毅 (@nbudjgzu) on CodePen. 上記のままだと三角のアイコンが邪魔なので以下以下のcss […]

See the Pen Untitled by 山崎毅 (@nbudjgzu) on CodePen.

CSSのみで背景を斜線にする方法を紹介する。 See the Pen Untitled by 山崎毅 (@nbudjgzu) on CodePen.

scroll-padding-topを使う機会があったのでメモ。以下のコードを追加するだけで解消されるのでぜひためしてみよう。

html CSS jQuery

メニューでクリックしたらクラスが付与され色が変わったりするメニューの作成方法をメモしておく。 codepenで実装したサンプルを見て参考にしてほしい。 See the Pen Untitled by 山崎毅 (@nbud […]

jQuery