昨年度からWebサイトに取り入れられ始めたパララックス効果、現在でも取り入れられているWebサイトをよく見ます。実際にパララックスが取り入れられているWebサイトを実際に触って興味を持ったり、作成された方もいるのではないでしょうか。参考にできるパララックスを使ったサイトはたくさんありますが、今回はパララックス効果を上手く取り入れ、ストーリーを印象的に伝えているサイトをまとめてみました！ （参考: 15 Awesome Websites That Tell a Story As You Scroll） Every Last Drop http://everylastdrop.co.uk/ 私たちが起きてから寝るまでに使う水の量が視覚的にわかるWebサイトです。 Ben the Bodyguard http://benthebodyguard.com/index.php 写真やメモ管理アプリの
rumiko matsumoto / TAKESHI WATAMURA | 綿村 健 / SCANNER™ | a design &...他...全23件
基本的にグラデーションや角丸はジェネレータからコピペして設定できるので、作業自体は簡単です。HTML5＋CSS3サンプルを使って表現してみましょう。 （1）装飾のキモは「グラデーション・線・角丸・影・テクスチャー」 前回HTML5＋CSS3の「レイアウトを自在に使いこなす」では、限られたいくつかのCSSプロパティを組み合わせて、さまざまなレイアウトができることをお見せしましたが、今回はそれに装飾を加えていきます。 いざ装飾しようとすると、どこから手を付ければ良いのか迷ってしまうかもしれませんが、アイコンなどの絵を除けば、装飾の要素は「グラデーション」「線」「角丸」「影」「テクスチャー」くらいなものです。それらを整理して組み合わせることで、全体として一体感のあるデザインに仕上げられます。 「それが難しいんだよ！」というお叱りの声が聞こえてきそうですが（笑）、以下の2つを見比べてみましょう。上
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
2013-04-11 UXを学ぶならこれだけは目を通しておけ！ UXとはなんぞや!?って日々思いながら手探りでUXを意識したサービス開発、UXの向上を測っております、どうも @tacumacy です。 ボク自身、UXのことはなんとなーくわかってはいましたが、本格的にそれを仕事としてやろうとなった時から本気で勉強しなきゃやばい！と思い猛烈に危機感を感じたので、めちゃくちゃネットサーフィンをしてUXに関する情報を集めては読みまくりました。そこでボクが読んで参考になった書籍や記事を、どうせならここでまとめて見れるようにしておこうと思います。もし勉強したいな、と思ったときに見ていただけると幸いです。 こんな人に読んでほしい ・これからUXを学びたいと思っている人 ・UXについて、手っ取り早く情報が欲しいと思っている人 書籍紹介 以下、これだけは頭に入れておきたいなぁと感じた内容をまとめてくださって
ただ映像を集めただけのブログだが、必要な人には必要そうなのでご紹介。 The Kid Should See Thisは、子供向けの映像ばかりをあつめたTumblrブログだ。 ただ、子供向けアニメなどではなくて、自然科学系の映像が多いようだ。 自然とか科学とか工作とかに興味をもってほしい、という場合には（who’s not?）、なかなかいいのではなかろうか。 最初から子供向けに作られているので、あまり見せたくないような映像が省かれているというのも素敵ですな。 子供に何か見せてー、とせがまれたら4回断る前に教えてあげたいですね。
jQueryを使用して、簡単に画像にズーム効果を付ける方法が掲載されています。 使用する画像は原寸大の画像1枚。 img要素のwidth/height属性にサムネイル表示時のサイズを指定しておきます。 サムネイル画像にマウスがのった時に、画像をサムネイル表示時よりCSSで画像サイズを25%大きくするアニメーションを行い、z-indexをあげて他の要素より上に表示するようにしています。 マウスが離れた時に、CSSで画像サイズを元のサイズに戻すアニメーションを行い、z-indexを元に戻す方法がとられています。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://w
webデザインの入門書を買おうか迷っている方。 もしもそんな方がいたら、ネット上にはここを押さえておこうよと、webデザイナーが直接良質な記事を仕上げてくれていますのでそちらを是非一度参考にしてみて欲しいなと思いまとめて見ました。 また、その記事で、もっともぐっときた台詞もチョイスすてみました。 どんな想いで記事を書かれているかというのも大事かなと。 こちらもあわせてどうぞ。 Web制作をこれから始める人の為のスキル・HTML・CSS・ブラウザ・写真素材入手の基礎情報 とりあえず時間のない人はこの3つだけでも食べて デザインを勉強したことがない人でもデザインできるようになるかもしれない4つの基本原則 最初、デザイナーは型破りであるというイメージを抱く人も多いのですが、実際の現場では、様々な原則の上にあるルールにのっとり、そのルールを崩す「理由」があります。 例えばそれがセンスと呼ばれること
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
▷部屋全体を消臭したいときお部屋の匂いを消す方法にはいくつか種類があります。 まずはもっともオーソドックスな、部屋全体の消臭法から見ていきましょう！ ①まずはとにかく換気しよう！ 部屋の臭いを取るにはまず換気をすること。 換気扇を回すほか、窓を開けるなどしてこまめに空気の入れ替えを行いましょう。 風呂場などはカビの原因となる湿気が溜まりやすいため、 よく換気をすることで臭いを防ぐことができます。 ②茶がらを使う お部屋全体が臭うときにオススメしたいのが、乾いた茶がらを灰皿で燃やす方法。 お茶に含まれる成分が臭いの原因物質と結びつき、すっきり消臭してくれます。 湿った茶がらをフライパンで煎れば、キッチン周りの臭いもクリーンに♪ ③光触媒の人工観葉植物を置く 近頃、消臭効果のある人工観葉植物が販売されているのをご存知でしょうか？ 光触媒でできた人工観葉植物は、日光を浴びると部屋に漂う臭いの原因
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Evernoteの素晴らしいとよく聞きます。なんでも保存できること、どこからでも使えること、これなしでは生きていけない人がどれほど多いかについてなどです。しかし、私自身何度も試してみたのですが、その良さがわかりませんでした。何を見落としていたのでしょう。話題にすると、何人もの人が「Evernoteにトライしたが、結局しっくりこなかった」と言いました。どうやら私だけではなかったようです。 ただ、Evernoteを絶賛する記事やコメントを読むうちに、もう一度だけ試してみようと思いました。もしあなたもEvernoteの良さがわからない人のひとりなら、ぜひ以下を参考にしてみてください。 保存すればするほど、Evernoteは便利になる 一番重要なことから始めましょう。Evernoteが愛されている理由を知りたいなら、まずフルに活用することです。ただのノートツールとして使っているだけでは何もわかりま
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Flat Surface Shader / Lula Magazine / Kerber他...全15件
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く