css

HTML/CSS

【Autoprefixer】ベンダープレフィックスを自動化

レガシーなブラウザーにも対応させるためにCSSではベンダープレフィックス地獄です。。。そんな互換記述を必要に応じて自動的に行ってくれるプラグインがありますのでご紹介します。 環境 Visual Studio Codewin10<やりたい事>...
HTML/CSS

【css】Swiper.jsを使ってアクティブなスライドにanimationをつける

jQuery不要でsliderを実装する事ができるライブラリーSwiper.jsを使ってsliderを実装しました。今回やりたい事は、・Sliderで写真とテキストを表示・アクティブなSliderに対して、写真とテキストをそれぞれスライドイ...
HTML/CSS

【Sass】@mixin を使ってメディアクエリを召喚する(超効率的なレスポンシブ構築)

cssではメディアクエリをいちいち書く必要があります。 毎回メディアクエリ書くのも手間ですし、ブレイクポイント(サイズ)が変更になった場合は、全て修正しなければなりません。そこで、メディアクエリの@mixinを定義してしまえば、それ以降では...