タグ

2015年3月26日のブックマーク (2件)

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

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

    パララックスサイトの基本的な作り方 1/2!
    matea
    matea 2015/03/26
  • Dockerで自分のサイトを手軽にHTTP/2対応にしよっか - Qiita

    HTTP/2もほぼ仕様ができました。 代表的なWEBブラウザのうち、Firefox, Google ChromeならHTTP2が利用可能です。 HTTP/2は大雑把にいうとデータの転送周りでいろいろ効率がよくなって嬉しい感じ。 真面目に導入するにはまだ大変だけど、普通のサイトでもとりあえずDockerがあればHTTP/2に対応させて試すことができる。 環境 普通のWeb環境のモデルとして、Amazon EC2上にWordPressをHTTP(TCP/80)のみでホストしてるAMIMOTOさんを使ってみた。 WordPress AMI 網元 AMIからEC2インスタンスを起動すれば、平文のHTTPでWordPressが動いている。 ※ 起動時にセキュリティグループでHTTPS(TCP/443)も許可しておこう。 Dockerで起動するプロセスは、HTTP2で受けてupstream(rever

    Dockerで自分のサイトを手軽にHTTP/2対応にしよっか - Qiita
    matea
    matea 2015/03/26