CSS,WEB

No Image

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

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

CSS,WEB

No Image

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

JQuery,WEB

No Image

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

jquery.jpostal.js

自動入力は ...

JQuery,WEB

No Image

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

jQuery-Validation-En ...

HP作成,WEB

No Image

覚え書きです。

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

JQuery,WEB

No Image

覚え書きです。

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

CSS,WEB

No Image

覚え書きです。

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

Javascript,WEB

No Image

覚え書きです。

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

HP作成,WEB

No Image

覚え書きです。

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

Responsive Mailform

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

Javascript,WEB

No Image

覚え書きです。

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