Webやアプリのデザイントレンドを紹介。たまに雑談。

Browse By

[Javascript] Making an Apple-style Splash Screen – Appleのトップページのようなスプラッシュスクリーン制作のチュートリアル

  • Pocket
  • このエントリーをはてなブックマークに追加

最近になってAppleがトップページで実行するようになった、新製品を紹介するスプラッシュ画面(今はやってないみたいです)をJSを使って再現するというチュートリアル記事。最初に製品だけが表示されて、その後他のコンテンツがフェードインしてくるっていうアレです。言葉で説明しても分かりづらいですね。デモページを見ればだいたいどんなものか分かると思います。JSライブラリにはjQueryが使われているようです。サイトロード時に別のページを用意する事なく、自然な感じで大きく紹介したい場合に便利な表現。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください