HTML/CSS 【css】Swiper.jsを使ってアクティブなスライドにanimationをつける
jQuery不要でsliderを実装する事ができるライブラリーSwiper.jsを使ってsliderを実装しました。今回やりたい事は、・Sliderで写真とテキストを表示・アクティブなSliderに対して、写真とテキストをそれぞれスライドイ...
2020-01
HTML/CSS 
JavaScript 子要素のdivがfocusされたら親要素のheaderのstyleを変更する→【修正】cssでも解決できました
やりたい事 headerの子要素にあるdivがfocusされたら、親要素headerのheightを変更する。cssにfocus-withinがありますが、これだと子孫要素にfocusされた場合は有効ですが、親要素のStyleを変更する事は...
HTML/CSS 【Sass】@mixin を使ってメディアクエリを召喚する（超効率的なレスポンシブ構築）
cssではメディアクエリをいちいち書く必要があります。 毎回メディアクエリ書くのも手間ですし、ブレイクポイント（サイズ）が変更になった場合は、全て修正しなければなりません。そこで、メディアクエリの@mixinを定義してしまえば、それ以降では...