営業事務から更新確認表と工程表を受け取ったら作業開始。Naviログイン」をクリック。2IDとパスワードを入力し、ログイン※IDとパスワードはBACKUP_2/Domain/お名前com.でドメイン更新.rtfを参照。3ドメインを更新する会社をチェックして「1年」を選ぶ(会社が複数ある場合は全部にチェックしてから次へ進む)。4「その他の支払い方法」の「銀行振込」をチェック。5確認画面に進んで、申し込むボタンを押し、完了画面をPDFで保存する。※BACKUP_2/Domain/の該当する年のフォルダに保存したPDFを入れる。↓PDF保存する画面(完了画面)6工程表のドメインの横に更新した日付と時間、金額(税前、税後)を書く。『申込日』の欄にも更新した日付を書いてハンコを押す。○CSSの:hoverがスマホで効かないhoverで何か効果をつける時に:hoverを使うと思いますが、タッチデバイスで:hoverをつけた要素を触っても反応しなかったり、アンカータグの場合は一度タップした時に:hover効果が出て、もう一度タップするとリンク先に飛ぶというように意図した結果にならないことが多いです。下のサンプルはPCでは問題ないですが、スマホだと反応しないものが多いはずです。http://dev.acc-test.net/members/yasuhara/hover/そこで、、、Javascriptでhover効果をつけることで、解決します。}すでに:hoverをつけている場合は:hoverを.hoverに変えれば良いです。手順2hover効果をつけたい要素の上にマウスのポインターを載せたり、タッチデバイスで要素の上に指を載せたりした時に、hover効果をつけたい要素に.hoverをつけ、離した時に.hoverをとるコードを書きます。});以上でスマホでもPCと変わらず意図したhover効果をつけることができます。コメントを残すフォームタグのselectの文字色を選択前と選択後で変える方法フォームタグのselectの文字色を選択前と選択後で変える方法をお伝えします。色を変えることで、閲覧者にとってわかりやすいフォームになるかと思います。class="contact_not_selected">お問い合せ項目を選択してください。選択前のoptionに任意のクラス名(ここではcontact_not_selected)をつけます。このように書くことで、1でつけたクラスがついているoptionを選んだ時は#e6e6e6が文字色になり、他のものを選んだ時は#000が文字色になります。Mapをカスタマイズしてページに埋め込む方法を紹介します。今回はこのページを例にしてカスタマイズ方法を紹介します。取得方法は上のリンク先のページに書いてあります。src="https://maps.googleapis.com/maps/api/js?key=◯◯◯"></script>1で取得したApiキーを◯◯◯の部分に入れます。id="map-canvas"></div>マップを表示したい箇所に入れます。idの名前は任意のもので問題ありませんが、この後紹介するJavascriptのコードのなかでmap-canvasと書かれている箇所も変更してください。}3でいれたdivにスタイルをつけます。Mapが表示されます。initialize);上のJavascriptのコードはLUSICさんのものをコピペしたものです。実際に使用する際は過去のサイトのものをコピペして作業をすると楽です。head内に書いてもいいですし、外部ファイルに書いてhead内で読み込んでも動きます。上から順にカスタマイズする場所を説明します。google.maps.LatLngのカッコの中に表示させたい地点の座標をいれます。osakaは他の名前でも問題ありませんが、コードのなかでosakaと書かれている場所の名前も変更してください。Map(https://www.google.co.jp/maps)で住所を入れます。2目的の場所で右クリックし、「この場所について」を左クリックします。"#1c95ff"“#1c95ff”にサイトの雰囲気に合った色を入れて下さい。-80「-80」が入っている箇所の数値が高いほど鮮やかに、数値が低いほどくすんだ色になります。17「17」が入っている箇所を変更することで表示する地図の縮尺を変更することができます。1〜21まで設定でき、数値が大きいほど拡大されて表示されます。icon:image,‘../images/pin.png’を変更すると、目的の場所を示すピンを作成した画像などに変更することができます。デフォルトでいい場合は2つとも削除してください。(ルーシック)'こちらは使用する会社の名前などに変更してください。設定は以上になります。Apiを活用したサイトを紹介します。http://www.eidai.com/showroom/umeda.htmlスマホのサイズでロードすると縮尺が変わるプログラムを書きました。コメントを残すwow.jsとanimate.cssでスクロールアニメーションスクロールをして要素に達したらアニメーションさせる方法これまでプラグイン使わずに下記のように書いてスクロールアニメーションを実現していましたが、プラグインでもできるようなので紹介します。WOW().init();</script>animate.cssはそのままでいいのですが、wow.jsは上記のように記述する必要があります。※WOWを小文字にすると動かなかったので、大文字で書きます。fadeIn"></div>アニメーションさせたい要素のCLASS名に「wow」と「(アニメーション名)」を追加します。アニメーションはanimate.cssの公式サイトから選ぶことができます。上記のように書くと下にスクロールして要素が見えた瞬間にフェードインアニメーションがスタートするようになります。細かく設定したい場合は、wow.jsのオプションを活用しましょう。></p>このように書くと、要素に達してからさらに200pxスクロールした時に、下から浮かび上がるように要素が2秒かけて出てきます。簡単にスクロールアニメーションが実現できました。