WEB

max-width:1024px;
width:100%;

max-widthを書くときwidth:100%を一緒に書く。

難しいですよね・・・セレクトボックスやチェックボックス・ラジオボタンの装飾・・・
CSSの量が多く複雑になり過ぎるのが厄介です・・・
そんな中、わりと少なめのcssで野暮ったいデザインからサヨナラ出来るサイト様を見つけ ...

メールフォームの最適化第2段は、やはり郵便番号からの住所自動入力でしょう。
実際自分がフォーム使うときも、今時自動入力されていないとがっかりするものです。

jquery.jpostal.js

自動入力は ...

メールフォームの必須項目チェックを確認画面でするよりも、
入力時にその場でチェックしてくれる方が、入力者のストレスが少ないと思いJQueryのプラグインで実装してみました。

jQuery-Validation-En ...

覚え書きです。

スクロール後に固定されるナビの方法は色々あると思うのですが、今回参考にさせていただいた記事は、
色々な方法を一気に載せてくれているので、
自分の使っているタグやその他の事情により使いやすいも ...

覚え書きです。

JQueryを使用し、今付けているclass名を変更する方法です。
ナビゲーションの固定の際、スクロール後のデザインを変更するときに使用しました。
他にも使えるシチュエーションが多いのではな ...

覚え書きです。

JSを使わずに作るドロップダウンメニューです。
本家サイトでは色々なタイプのメニューを作ってくれているので、HPのタイプにより使い分け出来そうです。
作者様ありがとうございます。 ...

覚え書きです。

ページ読み込み時は出ていないのに、スクロールしたら出現するボタン。
よく見るのがトップへ戻るボタンですね。あれです。
なるべく少ないコードでと探していて見つかったものです。作者様ありがとうご ...

覚え書きです。

レスポンシブ対応で、基本的に欲しい機能は備わっているシンプルなメールフォームです。

Responsive Mailform

シンプル綺麗なデザインで作られているので、そのまま流用して ...

覚え書きです。

HP内に入れたiframeをスマホ等で見た場合、スクロールが出て来てしまう場合があります。
そんなデザイン的にイマイチな状態をなくすスマートな方法です。
そう、とっても短いJSを入れるだけ。 ...