コーディング 【CSS】隣接セレクタ間接セレクタ直下セレクタの使い方 こんにちはYukiです。 みなさんこんな風に思ったことはないでしょうか。 特定の要素の隣の要素だけスタイルを変えたい。でもわざわざ新しいクラス作りたくない・・・。 親要素をhoverしたら子要素が変化したりできないかな?... 2021.02.28 コーディングプログラミング
コーディング 【JSなし】CSSだけでタブ切り替えをする方法 CSSだけでタブ切替表示をする方法をご紹介します。コードの解説やどういう仕組みで動いているかも詳しい説明付きなので、スラスラと読んで理解できると思います。jQueryやJSを使いすぎたくないという方にはピッタリの方法です。 2021.02.25 コーディングプログラミング
コーディング 【Bootstrap4】モーダルの作り方&使い方 bootstrap4でモーダルを作成する方法を紹介します。CSSだけでは難しいですが、Bootstrapを使用するととても簡単に作成できます。オリジナルのCSSやJSを書く必要は一切なし。用意されたオプションや属性を使用するだけでシンプルなモーダルは簡単に実装可能。 2021.02.21 コーディングプログラミング
WordPress WordPressでjQueryが動かない時の解決法 jQueryがWordPressで動かない時の解決法をご紹介します。jQueryのプログラムがWordPress内でだけ動かなくて困ったことはありませんか?原因はWordPressとjQueryどちらでも使う記号にあります。解決方法とその原因を両方合わせて解説します。 2021.02.18 WordPressプログラミング
コーディング 【CSSのみ】スクロール位置を調整する方法 こんにちはYukiです。 ページ内リンクのスクロール位置がズレて困ったことはありませんか? 固定ヘッダーのせいで、コンテンツの上部がヘッダーに隠れてしまう・・・ JavascriptやjQueryは使わず、CSSだけで実... 2021.02.14 コーディングプログラミング
コーディング Chromeで動画が再生されない時の対処法 Chromeで動画が再生されない!と困ったことはありませんか?HTMLのvideoタグに属性をひとつ書くだけで解決できる可能性があります。 問題が発生する条件や理由とその対処法を紹介します。 2021.02.07 コーディングプログラミング
コーディング 【サンプルあり】Swiper.jsの使い方【コピペOK】 jQuery不要、スライドショーの作成ならSwiperが一番オススメ!コードも少なくキレイなスライドショーを簡単に実装することが可能。導入方法、使い方、サンプルを全てこの記事でわかりやすく解説します。 2021.02.04 コーディングプログラミング