Web技術 【HTML】HTMLのみでアコーディオンを実装する方法
今回はHTMLのみでアコーディオンを実装する方法を紹介する See the Pen Untitled by 山崎毅 (@nbudjgzu) on CodePen.上記のままだと三角のアイコンが邪魔なので以下以下のcssを当てることで三角のア...
Web技術
Web技術 Web技術 【css】画像を縦横比を変えずに大きさを変更する方法
See the Pen Untitled by 山崎毅 (@nbudjgzu) on CodePen.
Web技術 【CSS】背景を斜線にする方法
CSSのみで背景を斜線にする方法を紹介する。 See the Pen Untitled by 山崎毅 (@nbudjgzu) on CodePen.
Web技術 【jQuery】クラスで色指定、メニューの作り方
メニューでクリックしたらクラスが付与され色が変わったりするメニューの作成方法をメモしておく。codepenで実装したサンプルを見て参考にしてほしい。 See the Pen Untitled by 山崎毅 (@nbudjgzu) on Co...
Web技術 【WordPress】トップと投稿ページでそれぞれにタイトルを指定する方法
今回はwordpressでタイトルタグをトップと投稿ページでそれぞれ指定する方法を紹介する。修正するファイルは、head.phpだ。もしタイトルタグが２つ存在している場合は、function.phpファイルも修正する必要がある。head.p...
Web技術 【JS】swiper.jsでスライドが１枚とそれ以外で処理を分けるやり方
swiper.jsでスライドが１枚の場合と複数枚の場合で処理を分けるやり方を紹介しておく。例えば複数枚の場合は、ループを１枚の場合はループなしを行いたい場合は以下のようにするとよいvar swiper;$(window).load(func...
Web技術 【CSS・JS】モーダル：コンテンツ量が多い場合にスクロール
モーダル内のコンテンツが多く、スクロールしたい場合は以下のコードのようにコーディングすればOKHTMLの構造は同じなので運用面でも問題ない See the Pen Untitled by 山崎毅 (@nbudjgzu) on CodePen...
Web技術 【JS】swiper.jsを使ってモーダルでスライダー・カルーセル表示
今回はswiper.jsを使ってモーダルでスライダー・カルーセルを実装する方法を紹介する。 See the Pen Untitled by 山崎毅 (@nbudjgzu) on CodePen.
Web技術 【JS】同じクラスで複数のモーダルを表示する方法
今回は同じクラスを使って複数のモーダルを表示させる方法を紹介する。 See the Pen Untitled by 山崎毅 (@nbudjgzu) on CodePen.
Web技術 【CSS】蛍光ペンのようなunderlineの実装方法
今回はcssで蛍光ペンのようなアンダーラインの実装方法を紹介する。 See the Pen Untitled by 山崎毅 (@nbudjgzu) on CodePen.