タグ

ブックマーク / www.mdn.co.jp (6)

  • MdN Design|総合情報サイト

    ページ上部の固定のメニューを画面がスクロールしたときにもじゃまにならないように半透明にしてみよう。参考にするサンプルは「Fixed Fade Out Menu: A CSS and jQuery Tutorial | Codrops」(tympanus.net/codrops/2009/12/11/fixed-fade-out-menu-a-css-and-jquery-tutorial/)だ。 まずはjQueryを読み込む【1】。次に半透明にするJavaScript部分を作成しよう。ウインドウがスクロールされたときに動作する関数で透明度を操作する。$(window).scrollでスクロールしたときに動作する。「var scrollTop = $(window).scrollTop();」ではスクロール時の座標を取得して変数に格納する。変数「scrollTop」が0ではないとき、すなわち

    MdN Design|総合情報サイト
    div1
    div1 2012/10/25
  • MdN Design|総合情報サイト

    Webサイトのクオリティは「企画」で決まる。Web制作は「企画」、「設計」、「制作」という基フローで進行するものだが、その大となる企画が良くなければ、デザインやシステムにどれだけこだわっても、結果的にWebサイトのクオリティが上がることはない。しかし、企画さえ良ければいいのかというと、それだけでは不十分といえる。どれほど優れた企画であっても、クライアントの承諾が得られなければ意味がない。つまり、自分が用意した企画が、クライアントにどれだけ理解を示してもらえるかということが肝心だ。さらに、そこに魅力を感じて予算や時間を投資したくなるかどうかが案件の成否を左右する。 では、クライアントがOKを出したくなる企画というのは、どのようなものだろうか。筆者がWebディレクターとしての立場から述べるならば、クライアントに提案した際に「それいいね。やってみたい!」、「この企画なら自分たちの目的を達成で

    MdN Design|総合情報サイト
  • MdN Design|総合情報サイト

    第2回「Coming Soonページをデザインする」 2009年11月26日 翻訳元サイト:Smashing Magazine http://www.smashingmagazine.com/ 原文:Designing “Coming Soon” Pages http://www.smashingmagazine.com/2009/11/10/designing-coming-soon-pages/ 翻訳:中野恵美子 ※記事は「Smashing Magazine」様より許可を得て翻訳、掲載しています ドメインを購入したが、まだWebサイトをローンチしていない時、何をすべきか決めるのは、いつでもちょっとした難問だ。ドメイン管理団体やWebホスティング会社のデフォルトページをそのまま表示させておくのは、プロらしいとは言えない。とはいえ、Webサイト制作に格的に取り組むべき段階では、汎用的な

    MdN Design|総合情報サイト
  • 手軽にWebを彩るCSSコーディングテクニック50 - 海外デザイン事情第7回 - MdN Design Interactive

    第7回「手軽にWebを彩るCSSコーディングテクニック50」 2010年03月15日 基的なCSSを使ったWeb制作はそれほど難しくないが、より高いレベルのデザインを実現しようとすると、難易度はグッと上昇する。そんなときは、世界中のデザイナーやデベロッパーが提供しているCSSテクニックを使ってみるとよいだろう。ここでは、世界各国のデザイナーやデベロッパーが紹介している、ビジュアル表現やレイアウトなどを中心としたCSSのコーディングテクニックを紹介していこう。 翻訳元サイト:Smashing Magazine http://www.smashingmagazine.com/ 原文:50 Useful Coding Techniques (CSS Layouts, Visual Effects and Forms) http://www.smashingmagazine.com/2010/0

    手軽にWebを彩るCSSコーディングテクニック50 - 海外デザイン事情第7回 - MdN Design Interactive
    div1
    div1 2010/03/15
  • MdN Design|総合情報サイト

    ケータイサイト制作・運用からマーケティング活用まであらゆる情報を網羅! 今“ 知っておくべき”ケータイサイト制作事情 第3回 これからケータイサイトの制作に格的に取り組もうというクリエイターのためにケータイサイト制作のツボと最新情報をお伝えしていく連載第3回目。今回は、これまでどのような形でも、なかなか切り込むことができなかったであろう「ケータイサイト制作の最新の効率化」というテーマを扱っていく。

    MdN Design|総合情報サイト
  • 「HTML 5が開くWebアプリケーションの隆盛──前編」 by. 小川 浩 - MdN Design Interactive

    HTML 5が開くWebアプリケーションの隆盛──前編」 2009年10月13日 TEXT:小川 浩 (株式会社モディファイ CEO 兼クリエイティブディレクター) Googleが発表したiPhone用乗換案内のWebアプリの衝撃 2009年10月5日、Googleが発表したiPhoneGoogleマップの乗換案内サービスは、App Store経由でダウンロードするものではなく、Safari上で動く、純然たるWebアプリなのだが、その動きたるやネイティブのクライアントアプリに匹敵する素晴らしいものだった。 マスメディア的にはあまり大きく取り上げられることはなかったこのアプリだが、実はWeb2.0のムーブメントから始まった、すべてのアプリケーションがWeb上に置かれていくという流れがいよいよiPhoneにも達しつつあることを示す、非常にエポックメイキングな事件であったと筆者は考えている。

  • 1