2016年6月22日以降に新たに制作されたサイトでGoogle Mapsを利用する場合は、APIキーが必須なっています。以前この時期にAdvanced Custom Fields(以下ACF)を使ってサイトを作ったクライ…

リキッドデザイン用に作ったナビゲーション。hoverすると子メニューが出現します。PC幅用のメニューです。隣接セレクタの”+”を使用して、.nav_list_innerをhoverしたとき、.na…

以前投稿した横から出るメニューの進化版みたいなものです。スマホ用横から出るメニュー 横ナビ以外の領域をクリックまたはタップしたときに横ナビを閉じるようにしました。 デモページ HTML CSS js(jQuery) 解説…

横幅100%の地図を掲載しているサイトは多いですよね。しかしマウスホイールでスクロール中にカーソルがGoogleMapの中に入るとMapがの拡大縮小されてしまいスクロールできなくなります。 APIを使って制御するやり方が…

※2017年1月17日修正 HTML 5.1が11月1日にW3Cによって勧告されました。 HTML 5.1で新たに導入されたレスポンシブイメージが結構よい感じです。 以前はPC、スマーフォン、タブレットで画像を切り替える…

CSSだけで作るドロップダウンメニューです。親メニューliにposition: relative;を効かせ相対位置に、子メニューulにposition: absolute;を効かせ絶対位置にしています。 子メニューulに…

スマホ用です。左からメニューが出てくるタイプのもの。jQueryのtoggleClassでclassを振るシンプルなものです。メニューボタンをタップしてメニューを出していますが、本当はメニュー以外をタップした場合もメニュ…

wordpressの投稿をランダムに出力します。orderby=randで並び順をランダムにできます。orderbyは順序付けパラメータです。post_type=worksでカスタム投稿タイプ”works&#…