jQueryで奥行きのある背景スクロールを作ってみる 普通に背景画像を指定するだけだとスクロールに追従して画像も移動しますが、jQueryで背景位置を調節することでスクロールの速度をずらすことができます。 この記事ではこの機能を利用して、スクロールすると奥行きの感じられる動作を作ってみます。 投稿日2011年05月13日 更新日2011年05月13日 画像を手前は早く、奥は遅く移動 デモを見て頂ければわかると思いますが、やってることは手前の背景画像を早く動かし、奥の画像を遅く動かしているだけです。 html + css 画像は当然ですが2枚以上用意しましょう。 ここでは3枚画像の画像を使用します。 なのでdivを3つ用意し、それぞれに背景画像を指定します。 html <div id="bg03"> <div id="bg02"> <div id="bg01"> <!-- /#bg01 --
WordPressでサイトを作る際に毎回入れるプラグインを人に教える機会があったのでブログでもご紹介します。 新しくブログを作る時や仕事でカスタマイズする際に参考にしてもらえれば幸いです。 全てのサイトで必ず導入するプラグイン このサイトでも使っていますし、クライアントのサイトを作る際にも毎回導入しています。 セキュリティ関係やSEO対策プラグインが主なものですよ。 All in One SEO Pack サイト全体、個別記事、ページ毎にタイトル、description、キーワードの設定などが出来るようになります。 SEOに必要な最低限の機能はカバーされていますので、マストなプラグインですね。 Akismet スパム対策のプラグイン。 オンラインサーバでコメントの内容をチェックするスパム対策サービスです。 標準でインストールされているので、管理画面から有効化してAPIキーを入力するだけでO
どんな人でも一晩に8時間寝られれば、睡眠が足りないことはないでしょうが、もちろんどの程度の睡眠時間が適当かというのは人によっても違います。 ペンシルバニア大学とWalter Reedの2つの研究機関が、それぞれ睡眠時間に関する研究を行ったところ、一晩に7時間睡眠をとっていても、徐々に睡眠不足になっていくということが分かったそうです。 Photo remixed from an original by Tom Small. 研究は4年に渡って続けられ、2003年にその研究結果が発表されています。 ほとんどの人が、夜は5〜6時間睡眠をとれば十分という昔ながらの習慣に、特に理由もなく何となく従っていたそうです。ほんの数パーセントの人たちしか、それでうまくいっておらず、ほとんどの人は、8時間睡眠をとった方が良いという結果に。それ以下の睡眠時間だと、注意力や反応時間など、あらゆる面で問題が起こり始め
While I was coding the Elemin Theme (a responsive WordPress theme that I recently designed), one of the challenges that I faced was to make the embedded videos elastic. Using the max-width:100% and height:auto trick works with native HTML5 video tag, but it doesn’t work with embed code using iframe or object tag. After hours of experimenting and Googling, I finally found a trick on how to achieve
2011年05月31日 福島の高校生の絶望聞いて (95) カテゴリ:社会時評 喫茶店で久し振りに朝日新聞を読んだ。「声」欄に定時制高校教員(44歳)のこんな投稿が載っていた。全文を写す。 授業で原発のことに触れた。「3号機が不調のようだね」と言うと、4年の男子生徒が怒ったようにこう言った。「いっそのこと原発なんて全部爆発しちまえばいいんだ!」 内心ぎょっとしつつ、理由を聞いた。「だってさあ、先生、福島市ってこんなに放射能が高いのに避難区域にならないっていうのおかしいべした(でしょう)。これって、福島とか郡山を避難区域にしたら、新幹線を止めなくちゃなんねえ、高速を止めなくちゃなんねえって、要するに経済が回らなくなるから避難させねえってことだべ。つまり俺たちは経済活動の犠牲になって見殺しにされているってことべした。俺はこんな中途半端な状態は我慢できねえ。だったらもう一回ドカンとなっちまった方
続・ハイパフォーマンスWebサイトを読んでCSSセレクタの高速化の話しが面白かった(というか全然知らなくてちょっとびびった)ので紹介します。 セレクタは右から左に解釈される これは正直知らなくて、結構衝撃でした。 #foo .bar {} これはなんとなく#fooを探して、その中の.barを探している気がしてたんですけど、実は.barを探して、その親要素に#fooがあるかを探すそうです。なので特に#fooが必要なければ .bar {} と書いたほうが高速だということ。 また、以下の様に要素名で指定すると、その要素を全て探します。 #foo a {} これは一度a要素を全て探すので、できればaにclassをふって #foo .anchor {} とするほうが高速のようです。(#fooをとるとより高速) 特にユニバーサルセレクタなどは、 #foo * {} とすると、全ての要素の親要素に対して
モバイルゲーム 物凄い勢いで勃興したモバイルゲーム業界は、いろいろな課題や問題に直面しながらも巨大化し、今日の時点でのスマートフォン向けゲームの市場へと継承されていきます。 モバイルゲームの歴史 2001 Javaアプリと3Dゲームの登場 Javaが利用できるようになったことにより、ダウンロード型のゲームが供給できるようになりました。 2002 携帯電話端末の大容量化・3D化競争 Java搭載携帯電話端末が登場してからごく僅か1年の間に、アプリのサイズに関しては10倍に広大化し、表現方法も2Dから3Dにシフトし始めました。J-PHONEは『ゼビウス』や『スペースハリアー』などといった昔のアーケードゲームを、ドコモはSIMCITYなどパソコンで世界的規模のヒットを飛ばしたゲームを主力商品としていました。 2003 モバイルゲームの一般化 メモリの制限が厳しいJava仮想マシン上ではなく、OS
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く