タグ

+HTMLと+サイト運営に関するkenk1024のブックマーク (2)

  • パララックスサイトの基本的な作り方 1/2!

    こんにちは。 今回はパララックスサイトの基的な作り方を紹介したいと思います。 去年くらいから流行始めたパララックスサイト。今年になってもその勢いは止まりません。 そんなパララックスサイトの基的な作り方です。 パララックス(視差効果)とはパララックス(視差効果)とは画像やテキスト等の個々の要素を別々に動かして視差効果で立体的にみせるテクニックです。 ※当サイトはアフィリエイト広告を利用していますが、当サイトが独自に作成した記事であり、第三者から依頼を受けたものではありません。 準備をしよう!htmlを用意します。 jQueryはjQueryのサイトから直接読み込みます。 [html] [/html] スクロールした値を取得してみよう!スクロールした値によって個々のボックスを移動させますので、スクロールした値を取得します。 html[html] スクロールの値を取得スクロールの値 | 0

    パララックスサイトの基本的な作り方 1/2!
  • IEで「レイアウト崩れが起きてます」と言われた時の対処メモ(Internet Explorerの「互換表示モード」を解除する)

    HOME>Web>IEで「レイアウト崩れが起きてます」と言われた時の対処メモ(Internet Explorerの「互換表示モード」を解除する) 業務でやっているとある企業のWebサイト(レスポンシブ対応、対象ブラウザ:IE9〜)構築で、こちら側のブラウザチェックでは問題ないのにクライアントから「こちらのPCで表示が崩れるんですが…」との連絡が。 対応していないCSS3プロパティの効果が見えないとかならまだしも、レイアウトがグチャグチャになっていると言われては冷や汗が止まりません。 しかも、制作側ではどのPCで見ても問題ない上、対応していないIE8ですら問題ないというのに…これは困った。 ie8で崩れぬ表示 クライアント先のie9で崩れている そんな悪夢(バグ)の波間で 終わらない旅路(デバッグ)を続ける堕天使(わたし) 虚しさの意味を知る 柔らかな風が吹くこの場所で… (GLAY/HOW

    IEで「レイアウト崩れが起きてます」と言われた時の対処メモ(Internet Explorerの「互換表示モード」を解除する)
  • 1