みなさん、こんにちは。 某制作会社でせっせとサイトを作っているWebディレクターのイムです。 我々Webディレクターは、世の中のクリエイティブのトレンドを知るために常に情報を集めているのですが、 たま〜に 「いやこれどういう意図やねん!」 「めちゃくちゃぶっ飛んでるな〜! !」 「この発想はどこから出てくるの? 」 と思ってしまうようなWebサイトに出会うことも多々あります。 今回はその中から、 「このサイトを制作した人、結構こじらせてるな〜! !」 と思ってしまうような、遊び心満載のサイトを5つピックアップしましたので、ご紹介します! Javascriptを使ってここまでできる！凄い動きのサイト10選 | 株式会社LIG. Gブログ裏サイト Webの制作ノウハウをメインで発信しているLIGブログ。実はこのサイト、エラーページを表示させると、裏サイトへと繋がるんです。 「404 NOT FOUND」のエラーメッセージが表示されたページで、下にスクロールしていくと…… 「誰?」 謎のおじさんが魔界へと誘います。 その魔界の先は見てのお楽しみですが、ブログのデザインもその中の記事も相当こじれています。 「上野近辺で急な便意に襲われた時に利用させていただけるトイレ一覧」 「モテカワ美女が好きな男の子とふたりでディズニーに行ったけどフラれた事件を振り返る」 「自宅で除霊をした時に学んだこと」 など、全くもってWebと関係ない話ばかり。 ただ、実はこの裏サイトには作られた意図がありました。 LIGブログはWeb制作業界では有名なメディアです。 ただ、有名になったことで社員の「記事を書く」ということに対するハードルが高くなっていました。そこで「記事を書く」きっかけを作るために、この裏ブログを作ったそうです。(LIG様のイベントで聞いたことですので、記憶違いがあればすみません……)。 内容も個性的でクスッとするものが多いので、ぜひ見てみてください。 2. インタラクティブな音楽ビデオPUMPER Webと映像が融合した特設サイト。フランス人アーティストMAI LANのミュージックビデオを、インタラクティブな仕組みを取り入れてサイトを構築しています。こじれているというとかなり失礼ですが、世界観がかなり独特です (正直何が何だか全くわかりません) 。 ただ、技術的にはかなり面白く、映像をクリックするとその瞬間に背景の模様が変化します。まさにWebと映像がうまくリンクしているサイトとなっています。 摩訶不思議な世界へ突入したい方は是非ご覧ください。 3.
PCでも、スマートフォンでも、画面をス クロール させた時の各パーツ等の 「動き・挙動」 というのは、 ユーザー の興味を引きつける上で非常に重要な要素です。 最近では動画以外の要素にも動きをつけて表示するホーム ページ が増えてきました。 今回は、 ページ 下部へとス クロール させるごとにユニークな動きをする、簡単に設置できるjQueryの プラグイン をご紹介します。デモ ページ と併せ、「どんな動きをするか」という具体的な説明もご覧ください。 注目!スクロール時にユーザを引きつけるjQueryプラグイン8選 1. セクションが重なるようにレイヤー表示「」 配布ページ | デモ 一つひとつのセクションをレイヤーに見立て、 ページ トップから積み重なるように表示するエフェクト効果を実装できます。垂直に配置した各パネルを上部に固定配置しながら、積み重なるようにス クロール することができます。言葉だけではイメージが湧きにくいので、 デモ をご覧ください。 2. 背景も前景の要素もパララックスできる「」 ス クロール するごとに、複数のレイヤーにある要素を異なるスピードで動かし、立体感や奥行を演出する技法をパララックスエフェクト(視差効果)と呼びます。enllax. jsは、背景だけではなく前景要素にもパララックスエフェクトをかけることができる プラグイン です。背景には「background」、前景には「foreground」をjQueryのスクリプト部分で指定するだけで設定は完了です。 3. あっちからもこっちからも飛び出してくる「Skrollr」 Skrollrは、近くに見えるものは早く、遠くに見えるものを遅く移動させることで立体感を出すことができます。しかしそれだけではなく、回転しながら遠くから近くにやってきたり、右からも左からも飛び出すようなアニメーションを表示させることが可能で、ス クロール するごとに画面を暗くすることもできます。 4. 事前に敷いた線路上を動く「jQuery Scroll Path」 一般的なホーム ページ ではス クロール すると上から下に流れていきますが、jQuery Scroll Pathを使うと、まるでプラレールの線路上で電車が走っているかのようにあらゆる方向に動いていきます。一番下までス クロール すると、また最初のレール位置に戻る無限ス クロール も設定できます。 5.
Green Chameleon こちらも同様、つぶつぶ第三弾。つぶつぶのロゴマークがはじけます。 Super Top Secret 黒い液体のような背景の上でカーソルを動かすと、水面に波がたちます!※音注意 Y7K こちらも液体ウニョウニョ系。カラフルな液体がカーソルの位置に向かって動き出します。 Rally Interactive ゆっくりと流れる帯。スクロールするとヘッダーバーに変化します。メニューを表示した時のアニメーションも素敵。 Mint Design Company 動く手描きイラストが可愛らしいサイト。アニメーションのついた手描きイラストは珍しいかも? DENNIS ふよふよ浮かんでいるオブジェクトが突き刺さる!※音注意 Canva ぼかされている背景画像の上でカーソルを動かすと、その部分だけくっきり見えるようになります。 Truth Labs リンクにカーソルを合わせると、ふわふわ浮遊する多数の円が縮んだり広がったりします。 PANIC 滑らかでユニークな動画がおもしろいサイト。斜めのレイアウトや奇抜な配色も要チェック! Habib Fadel ぱっと見、油絵の具を塗りたぐっただけの画面ですが、カーソルを動かすとほんのり画面が動き、テキストが浮かび上がります。 Take it 画面中央からアイコンがポンポン飛び出します。シンプルなエフェクトなので真似しやすいかも。 LEG WORK 個性的なイラスト動画と派手目の配色が目を引くサイト。コロコロ変わるページタイトルも面白いです。 Fivefootsix にゅるにゅるっと腕がでてきて、テキストに絡んだりテキストを分解していきます。 様々なアニメーションを使ったWebサイトを紹介しましたが、やはりこういったエフェクトはWebサイトの内容によってはうっとおしく感じるかもしれません。 「見せるサイト」なのか、「読ませるサイト」なのかをよく考えて、導入するかを判断しましょう 。 Web制作の最新情報やWebクリエイターボックスからのお知らせ、中の人の近況等を定期的にお送りいたします。 ぜひご登録ください!もちろん無料です! :) 広告掲載について 書いた本 クーポン Webサイト制作やデザインのオンライン講座、WordPressのテーマ、名刺印刷などに使える、Webクリエイターボックス限定の お得なクーポン がたくさん揃っています!制作の際にぜひお役立てください!
☆【送料無料】長崎心泉堂 長崎カステラ2本(プレーン・抹茶) 風呂敷き包みセット 法事・仏事のお供えや引き出物に 故人をしのぶ、仏事用お菓子の決定版 モンドセレクション金賞受賞。 伝統の技と、こだわりぬいた素材が生み出す、本場長崎カステラ。 10切れカット済み。 累計800万本超の実績。 ギフトの定番、老舗カステラ。 上品で高級感のある、仏事用の風呂敷き包み。 (紫・紺の2色からえらべます。) ●内容 ・プレーン:0. 6号(310g) ・抹茶:0. 一周忌 お供え お菓子. 6号(310g) 外寸:(縦)27. 5cm×(横)7. 0cm×(高さ)7. 0cm ●賞味期限 約2週間 開封前:常温(直射日光・高温多湿を避ける) 開封後:密封し冷蔵庫などで保管してください ●配送 常温便 ※北海道・沖縄は別途送料 ラッピング選択・のし・のし記名・メッセージカード・手提げ袋可 [お彼岸 お供え お菓子 日持ち お供え物 初盆 一周忌 49日 四十九日 お香典返し 和菓子 お返し カステラ お悔やみ 法事 法要 引き出物 のし 内祝い 品物 贈り物 新盆 見舞い 送料無料 返礼品 ギフト 紙袋 食品] 仏事 特選あけぼの 風呂敷 セット TO14 ショップ カステラ専門店【長崎 心泉堂】
日時や場所を決める 弔問は遺族の都合に合わせて決めるのが一般的です。来ていただく場所や、迎えに行く場合は待ち合わせ場所、都合のいい日時をいくつか伝えるようにしましょう。 2-2. お悔やみの言葉への返事 弔問を希望する連絡を受けた際、遺族は「ご愁傷さまです」「お悔やみ申し上げます」など、お悔やみの言葉を言われるでしょう。「ありがとうございます」と返すのは不謹慎と感じる人もいるので、お悔やみの言葉に対しては、以下のような言葉を返しましょう。 恐れ入ります 痛み入ります お心遣いありがとうございます 2-3. 弔問を辞退したい場合 急死で悲しみが大きい場合や、要介護者が自宅にいる場合など、 弔問を受けられる状況でなければ弔問はお断りして構いません 。弔問を辞退したい場合は、訃報を伝える際や訃報や葬儀について知らせる案内状にあらかじめ弔問のお断りをしておきましょう。曖昧な表現ではなく、以下のように明確にお断りすると相手に伝わりやすいでしょう。 諸般の事情により、弔問などのご厚志につきましてはご辞退申し上げます 故人の遺言により、弔問および香典はお断り申し上げます 香典、供花、供物、弔問はご遠慮いただくようお願い申し上げます 辞退しているにも関わらず、重ねて弔問したい旨の連絡を受けた場合は、上記の言葉に加えて「大変恐縮ではありますが、お気持ちだけ頂戴いたします」と付け加えるといいでしょう。 こちらの記事もCHECK! 3. 弔問客を迎えるための準備 通夜の前に弔問客が訪れる場合の遺族の服装や、葬儀後に弔問客を迎えるための準備について確認しましょう。 3-1. 服装 通夜の前の弔問や葬儀後の弔問では、 喪主も親族も弔問客も平服が一般的 です。黒や紺、グレー、白等の地味な色合いのスーツやワンピース、ジャケット、シャツ等を着用しましょう。メイクは控えめに、派手なアクセサリーは身に着けないようにしましょう。 3-2.