Font Awesomeで★アイコンのラジオフォームをJS無しで作成する方法
Amazonや楽天など、多くのショッピングサイトで実装されている★数を選択して評価するフォーム。 複数の選択肢から1つの値を選択するフォームとしては、セレクトフォームとラジオフォームがありますが、今回はラジオフォームとF...
filter_inputで配列値を読み込む場合はオプションが必要になります
filter_inputでPOSTの値を取得する際は、その値が配列の場合、引数のオプションが必要になることがわかりました。 これまでセキュリティ上、POST値を取得する際は、 ではなく、 としていました。 のですが、...
Bootstrapでメガメニュー表示するCSS設定
Bootstrapの標準機能に少しスタイルシートをカスタマイズすることで、簡単にメガメニューを実装することが出来ます。 元々Bootstrapにはメニューアイテムをクリックすると、ドロップダウンとしてサブメニューが表示さ...
Bootstrapでモーダルウィンドウを画面中央でズーム表示するCSS設定
Bootstrapのモーダルはボタンクリック時に画面上部からスライド+フェードで表示されます。 これをLightboxのように画面中央からズームしながら表示するようにCSSに追記します。 CSSの設定 transform...
スクロールバーのカスタマイズはプラグインに頼らずjQueryで自作
目的はたった一つ。 ブラウザ標準のスクロールバーのデザインをカスタマイズすることです。 つまり、 マウススクロールにより、コンテンツがスムーズに移動 スクロールバーのトグルをドラッグアンドドロップでコンテンツが移動 他フ...
nanoScrollerのスクロールアニメーション
nanoScrollerはスクロールバーのデザインをカスタマイズ出来るjQueryプラグインです。実装も容易で、jQueryを知っていれば簡単に使えると思います。最近はむしろ、jQuery不要なプラグインも多く、逆に使い...
WordPressを静的サイトとして保存しておく方法
クライアント様のご要望で、現在公開しているWordPressサイトを取り下げて閉鎖したいと(サーバーの契約も終了)。しかし、サイトそのものはいつでも確認出来るようにしておいて欲しいとのこと。 何となくおっしゃりたい事も必...
サイクリング旅行用にストラップ付きのスマホホルダーを取り付けました。
サイクリングをしていて、気軽にスマホを取り出して写真を撮りたい!というシチュエーションは多々あります。 これまではウェストポーチに出し入れしていましたが、毎回チャックを開閉するのも面倒ですし、誤って落としてしまう、何てこ...
画像挿入時にリンク先が画像の時のみデータ属性値を付加する方法【WordPress】
WordPressの投稿画面で画像を挿入する際、リンクをLightboxで開くように設定したいと思います。 処理内容 「添付ファイルの表示設定」で指定するリンク先が画像ファイルの場合に限りaタグにdata-type="l...
BE-PALの6月号(2019年5月9日発売)にアウトドア向けの防滴財布が付録で付いてきます。
ネイチャー&アウトドアライフマガジンBE-PALの6月号(2019年5月9日発売)の特集が「野山が待ってる!自転車ライフ」と、来週自転車旅に出かける自分にピッタリだったのでKindleで購入しようと思っていたら・・・ ...
1...34567...48