できることからコツコツとwebサイト作りやデザインのテクニッキを紹介したり、人生をエンジョイしたりするヤツ。JS小技リッチなサイト制作をする時度々必要になってくるスプラッシュ画面。主な用途はサイトコンテンツを表示する前に表示されるローディング画面ですね。他にもサイトのイメージ訴求に使ったりすることもあるのですが、毎回スプラッシュ画面が表示されるのは鬱陶しいということ、でクッキーを使って初回訪問時にだけ表示されるようにしたいとご要望をいただいた時のメモ。PHPでもできるのだけど、今回はPHPを使えない案件だったためJS(jQuery)にて実装。PHPの時の参考:PHPでcookieを使ってみるまずHTMLでスプラッシュ画面の要素を作る。class="wrapper">ページコンテンツ</div>ページコンテンツは隠しておき、JSで表示非表示を切り替える。none;}最後にJSで条件分岐。max-age=3600';}問題としてjavascriptが無効にされている時にページコンテンツがいつまでも表示されない。javascriptが実行されるタイミング次第で$(“#loader”).hide;が効くまで一瞬表示されてしまう場合がある。等が考えられるので、CSSの部分もJSで制御する等したほうがいいかも。コメントをキャンセルメールアドレスが公開されることはありません。Chromeのウインドウ幅を変えると表示がおかしくなるHTMLメールを制作するときに気をつけたいこととかメモ大切な人にククサを贈ろう。実物が見られる販売店舗を探してみた。Fireworksの代わりになるか?Sketchでできること、できないことCSSで、ホバーで下に沈むボタンを作る時に気をつけたいこと松屋銀座に現れし白いモフモフ。