[Archive(year)] 2017年 全32件

Easy FancyBoxは主に画像等をポップアップできるlightbox系プラグインです。このプラグインの凄いところは画像だけではなく、inline要素やyoutube、iframe要素までも簡単にポップアップできるこ…

CSSだけで作れる、ページを読み込み時にふわっとさせるアニメーションです。コードをコピペするだけで簡単にふわっとできます。 CSS デモページ

wordressを入れたサイトで静的htmlを載せたい時がたまにあります。 そんな時にどこにhtmlファイルを入れればいいのか試しました。 まずthemesの中に入れてみたのですが、当たり前ですけどhtmlは認識しません…

PHPで作るメールフォームです。今回はデータベースには値をpostせず、入力されたデータをただメールで送信するだけのシンプルなもの。自信ないのであんまり使わない方がいいかも。またリベンジしたいです。※サーバーによっては動…

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を使って制御するやり方が…