We craft digital presence for brands, cultural institutions and individuals. We work globally from our studio in Warsaw.
ども、今京都なんですが、日本に帰ってきてサウナかと思う程にじめじめしており、主に気候面の理由で今すぐバンクーバーへ帰りたいセナですこんにちわ。しかし、食い物とサービスはやっぱ世界一ですね。 さて、今日は最近ネットサーフィンして時間潰してねーなーと思っていたところに知った『crossfade.js』というjQueryプラグインが思った以上にかっこよかったのでちょっとご紹介。画面をスクロールすると徐々に画像がフェードアウトしていくというシンプルな物ですが、ちょっとどっかのタイミングで使ってみたいなと思いました。 ものすっごい簡単な紹介になると思いますが、いってみましょー! スクロールすると画像がフェードアウトする『crossfade.js』 とりあえず見てもらった方が早いかなとも思うんで、こちらのデモサイトを見てもらえますか?下記の画像が、 スクロールしていくと、 こーんな感じで徐々にフェード
Explore products, learn from the community, and access resources
Shop Meal Shakes Keto Meal Shake Balanced Meal Shake Complete Meal Shake Daily Essentials AmbroGreens Accessories Ambronite Shaker Inspiration Blog Podcast Ebooks Priming About Us Our Mission Nutritional Philosophy Ingredients Ambassadors Get $10 My Account Choose Location USA & Canada Finland Germany Rest of World
Introducing Women+ Connect. Rides for women, by women. Learn more
出典:資源エネルギー庁 「令和元年度エネルギーに関する年次報告」(エネルギー白書2020)/BP「Statistical Review of World Energy 2018」 世界のエネルギー消費量(一次エネルギー)は、経済成長とともに増加を続け、1970年には約50億toe(原油換算トン、tonne of oil equivalent)だったものが、2000年には約93億toeとなり、2018年には約140億toeと、約50年間でエネルギー消費量は、約2.8倍近くまでに増えています。 特に、世界のどの地域でエネルギー消費量が増えているのかというと、先進国(OECD諸国)よりも、経済成長や人口増加の著しい中国やインドといったアジア大洋州地域で、急速に増加しています。これらの地域では、1970年から2018年の約50年間でエネルギー消費量は、約8.5倍近くまでに増えました。 アジア大洋州
ユーザーがページを表示し、スクロールやボタンをクリックした際に、おおっ!と思わせるクリエイティブなエフェクトを7つ紹介します。 Inspiration for article intro effects 7つのエフェクトをアニメーションgifにしてみました。 ページはフルスクリーンサイズの画像が最初に表示され、そこをスクロールボタンクリックでさまざまなエフェクトがおきます。派手すぎず、センスあるかっこいいエフェクトばかりです! 各エフェクトのソースは上記ページからまとめてダウンロードできます。
以前、iPhone5sのプロダクトページがリリースした頃に『簡単にパララックス実装可能な軽量スクリプト「skrollr」&コンテンツごとにページスクロールするjQueryプラグイン「fullPage.js」「One Page Scroll」』と題して1ページをフルスクリーン表示にして、画面全体をスクロールさせることで、1ページ分(1コンテンツ分)を画面遷移させるUIを実装できるjQueryプラグインを紹介しましたが、自分なりにもっと使いやすい形で実現できないかやってみた実験をご紹介してみます。 【2014/08/05 追記】 各ブロック内での横スライド機能を追加しました。 まずは動作サンプルから。 下記のサンプル画面でマウスホイールスクロールもしくは画面右側のナビゲーションボタン等を使って画面(ページ)を切り替えてみてください。 「jQueryで1ページごとにスクロールして画面遷移させるU
デモページ フッタはダイナミックに3Dで表示されます。 ScrollRevealの使い方 Step 1: 外部ファイル 当スクリプトとAni.jsを</body>の上、アニメーション用のスタイルシート「animate.css」をhead内に記述します。 <head> ... <link rel="stylesheet" href="http://cdn.jsdelivr.net/animatecss/3.1.0/animate.css"> </head> <body> ... <script src="anijs-min.js"></script> <script src="helpers/scrollreveal/anijs-helper-scrollreveal-min.js"></script> </body> Step 2: HTML 各要素のアニメーションの設定は、HTMLに記述
HTML+CSS+JavaScriptでつくるサイトの定番演出「高級ペライチ」! HTMLファイ部の「HTML5の鬼」ことほんだです。 カヤック社内では「高級ペライチ」という愛称で呼んでいる縦や横に長い1ページサイト。 スクロールに合わせたパララックスやアニメーションの演出が印象的ですよね。 今回は「高級ペライチ」とググると1位に表示される、 僕のはてブ「高級ペライチ」タグから厳選32サイトを紹介します! まずは王道!縦に長い高級ペライチ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く