jarallax.jsの使い方解説
こんにちは、デザイナーのサリーです。 JSを書けない私が、いろいろとパララックスのJSを漁ってみて、一番書き方がシンプルでわかりやすそうだったのが「jarallax.js」でした。 使ってみたら簡単でいい感じでしたが、ところどころクセがあって悩んだ箇所があったので、覚え書きの意味も兼ねて、今回はjarallax.jsの使い方を解説します。 （注：スマホやタブレットでは上手く動きませんので、PCでご覧ください。詳しくはこちら「パララックスサイトをつくるときにディレクターが気をつけるべき4つのこと」をどうぞ。） jarallax.jsとは？ パララックスの動きが実装できるJSです。その名の通りjQueryを使用します。 公式ページはこちら： http://www.jarallax.com/ HTML <!DOCTYPE html> <html lang="ja" dir="ltr"> <hea
パララックスサイトの作り方の初歩
最近パララックス（視差効果）を取り入れたサイトが増えてきました。 仕組みや簡単なものを作れるようにしておきたかったのでいろいろ試してみました。 ちなみにもっと効率良く作れる方法とかもあるかもしれませんので、一例ということで御覧ください。プラグインはまだ試したことがないので そちらを使ったほうが楽かもしれません。 パララックス効果のjQueryプラグインまとめ あと動作はこの記事時点でのFirefoxの最新版でしか確認はしていません。 スクロール量を取得する まずはスクロールすると動くので、スクロール量を取得します。ちなみにjQueryを使ってます。 $(function(){ $(window).scroll(function(){ var y = $(this).scrollTop(); $("#num").text("スクロール量：" + y);//表示用 }); }); サンプルペー
完璧に分かる！コーディング一連の流れと知識(HTML5+レスポンシブ+WordPress)
作成：2014/01/27 更新：2015/08/07 Web制作 > 前回、Web制作の一連の流れを書きましたが、今回は少し掘り下げて「コーディング」についてのフローをまとめます(HTML5+レスポンシブ+WordPress)。会社によって違うと思いますが、ざっくりとしたコーディングの流れと気をつけておきたいことをメモしています。 エンジニア速報は Twitter の@commteで配信しています。 もくじ コーディング前の準備 １．仕様書の確認 ２．入稿データの確認・スケジューリング HTML5 マークアップ ３．テンプレート作成 ４．条件付きコメント ５．GCF＋キャッシュクリア ６．OGP記述 ７．ファビコン ８．アウトライン作成 ９．バリデーターをチェック CSS の設定 １０．ノーマライズスタイル レスポンシブデザイン設計 １１．モバイルファーストを基準に設計 １２．プログレッ
【よろしくやってんじゃねえよ理論】批判の９割は嫉妬。ー 本当の意味で自由に生きている人は、それを見ている人の心まで自由にする。 - いばや通信
私は家のない生活をしている。そのため、稀に一人暮らしの女性の家にお邪魔させていただく機会がある。先日、東京で「私より年下の一人暮らしの初対面の女性の方」の御宅にお邪魔させていただいた。その女性の方からはLINEを通じて連絡をもらった。「もし良ければ我が家にどうぞ」と声をかけていただき、私はお言葉に甘えることにした。すると、結果的に非常にユニークな現象が起こった。 私は自身のツイッターから「今日は私より年下の一人暮らしの初対面の女性の方の家にお世話になっています」と投稿した。すると、即座に批判の声が届いた。ある男性の方が私に言った。「よろしくやってんじゃねえよ」と言ったのだ。そりゃそう思うだろうな、と私は思った。ひとり暮らしの女性の家にお邪魔するということは、そこから連想される何かこう謎めいたロマンスの香りが漂い始める感じはわかる。だがしかし、この男性が想像している世界と、私が実際に生きてい
【公式】MACKINTOSH PHILOSOPHY（マッキントッシュ フィロソフィー）公式オンラインストア
OTHER COLLECTIONマッキントッシュ フィロソフィーのコレクションは、 全国のストアで展開しているモノ以外でも、 それぞれの各カテゴリーにフォーカスしたコレクションを展開しています。 その中でも今シーズンのオススメをピックアップしました。 RECOMMEND
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
