画像を使った視差アニメーションを簡単なjQueryのコードで実装するTips
マウスの動きに応じて重ねた複数の画像 が動きその動きを使って視差効果を与える、 というjQueryプラグイン。ユニークでいいで すね。ソースも軽量です。こういうの実装され てるだけで、ちょっと味のあるデザインに なりますよね。 視差アニメーション用のjQueryプラグインは今までもいくつかありましたけど、今回使用されてるものは割と簡単なコードだったので勉強にもなると思いメモ。 PLAX マウスの動きに合わせて重ねられた画像がそれぞれ別の動きをするので結果的に視差効果が生じる、というもの。よくあるやつですね。Githubの404ページのアニメーションで使われてるスクリプトみたいです。 デモ (function($){ var layers = [], docWidth = $(window).width(), docHeight = $(window).height() $(window).
レイアウトに関する強力なjQueryプラグイン６つ:phpspot開発日誌
6 Powerful jQuery Plugins to Create and Enhance Website Layout | Queness レイアウトに関する強力なjQueryプラグイン６つが紹介されていました。 一昔前では不可能では？と思われたような複雑なレイアウトもjQueryを使うことで簡単に実現できます。 ちょっと変わったレイアウトにしたいっていう時に参考にさせてもらいましょう UI.Layout リサイズ可能な複雑なレイアウト作成 Masonry ブロックを新聞みたいにしきつめて表示 jLayout divをならべてその親divのclassにルールにしたがって記述することで複雑なレイアウトが簡単に作れます jQuery pageSlide ページ全体をズラしてアニメーションしながらサイドバーを出すエフェクト jQSlickWrap 画像にあわせて文書をまわりこませられる C
最近のインターフェイスデザインから学ぶ、7種類のボタンデザイン
ユーザーのアクションを誘う購入や送信や検索ボタンなど、最近のインターフェイスデザインでよく見かける7種類のボタンデザインを紹介します。 Common elements used in interface button design [ad#ad-2] 下記は各ポイントを意訳したものです。 また、元記事ではそれぞれのボタンを作成するPhotoshopのチュートリアルも掲載されています。 1. テクスチャを使ったボタン 2. パターンを使ったボタン 3. 3Dを使ったボタン 4. 1ピクを使ったボタン 5. 背景をインデントしたボタン 6. グロウを使ったボタン 7. ハイライトを使ったボタン 1. テクスチャを使ったボタン テクスチャはボタンにわずかな奥行きを与え、クリックが可能であることが分かるようにする素晴らしいテクニックです。
news - iCloudの容量がたった5GB/IDで足りるわけ : 404 Blog Not Found
2011年06月07日09:44 カテゴリNewsiTech news - iCloudの容量がたった5GB/IDで足りるわけ というわけで発表された。 Apple - Apple Events - Apple Special Event June 2011 Lion, iOS 5, iCloud といった名前をAppleにしては珍しく先に発表したこともあり「何をするか」には驚きはない。 驚いたのは、それをどうやって実現したか、だ。 Mac OS X v10.7 Lion と iOS 5 は、iCloud により iTunes なしでも同期できるようになる。以前から望まれていたし、以前からそうなるだろうと言われていたことだ。ただ同期を取るだけであれば技術的な困難はさほどない。極論してしまえば同期が必要なデバイスの全容量の合計分のストレージを用意して、rsyncなどの既存のテクノロジーをその
Appleに殺されてしまうひと達まとめ - yifeの日記
WWDC 2011 Keynoteも終わりました。 iOS4までで基礎は完成させたということでしょうか、これまで30%税で儲けさせてくれたはずのサードパーティすら殺してしまいそうなサービスを次々と発表するジョブズの姿を見ると、ああプラットフォーマーの強権というものは恐ろしいのだなぁと実感し、嬉々としてObjective-Cを学んでいた昨日までの自分に恐怖するわけであります。 そこで今回は、アップデートで死んでしまう、あるいは死なないまでも大ダメージを受けるであろうひとたちを振り返り、明日への戒めとしたいと思います。 なお、WWDCの画像はEngadgetから引っ張ってきています。感謝いたします。 iOS組み込みのTwitterサポート Twitterを使用するにはiOSの設定画面でアカウントを登録しなければならず、すべてのアプリケーションはHTTPでTwitterAPIを叩く代わりにiOS
電話を使ったWEBサービスを構築する際に使えそうなフレームワーク「Plivo」:phpspot開発日誌
Plivo 電話を使ったWEBサービスを構築する際に使えそうなフレームワーク「Plivo」。 マイクなどを使って録音し、WEBに簡単にアップロードしてシェアできたりする「こえ部」が面白かったりしますが、Plivoを使えば電話とアプリケーションを絡めたサービスを作る際に使えそうです。 システムとの対話にはREST APIを使い、RESTの仕様を覚えれば内部について深く知らなくてもある程度使えるようなものになっているみたい。 例えば、スカイプやGTalk等からのリクエストを自分のアプリケーションに流した後、何らかの処理を行い、mp3音声を返すみたいなことが出来るようです。 Amazon EC2に登録したりすると電話がかかってきたりしますが、おんなじような仕組みなんでしょうかね。 各種言語用のヘルパーライブラリもあるみたい。PHPでいうとこちら 実際に試してみたわけでもなく、なんとなく面白そう、
自宅の家電を外出先からiPhoneやiPad経由でリモートコントロール可能にする「iRemocon」
ついうっかりエアコンやテレビなどをつけたまま外出してしまい、帰宅してから気づいてショックを受けたことのある人も少なからずいるかもしれませんが、そんな状況を解決すると思われるデバイス「iRemocon」が本日6月7日から予約開始されています。 操作に必要なのは「iRemocon」本体のほかにiPhoneやiPad、iPod touchといったモバイル端末と、自宅の無線LAN環境。外出先からの操作に加えてタイマー機能も搭載していて、操作時に用いるリモコン画面は自分でカスタムすることも可能となっています。 家電消し忘れによる電力の無駄使いを防ぐデバイス「iRemocon」の詳細は以下から。iRemocon http://i-remocon.com/ これが外出先からモバイル端末で家電を操作できる「iRemocon」の本体。現状の対応モバイル端末はiPhone4、iPhone3GS、iPhone3
いっしょに仕事をしたいプログラマ 5つの特徴 - たごもりすメモ
ちょっとこんなことを考えるきっかけがあったので、ざっと書き出してみた。Webに公開されている情報からあるプログラマについて見てみたとき、どういう人ならいっしょに働いてもいいかについて。 ここに書く内容はソースコードの品質以前の問題についてのみにしてある。だからこの特徴を満たしていればどうということに直接なるわけではない。ただ、欠けているところがあれば、少なくとも自分はその人といっしょに仕事をしたいとは思わないだろう。 なお自分は現勤務先の採用活動にはかかわっておらず、このエントリの内容は勤務先の採用基準とは全く無関係です。 学生さんなどの場合にはまた話が違うと思います。 あと割と自分のことは棚に上げてます。「お前これできてねえじゃん」という部分については都度ご指摘をいただけますと大変ありがたく思います……。 1. その人が書いたソースコードが公開されている 日本語で何を言われてもぶっちゃけ
年々時の経つのが速く感じるのはなぜか？ この謎を脳科学者が解明!? | ライフハッカー・ジャパン
いよいよ6月に入り、2011年も半分に差し掛かりました。年々、なんだか時の流れがどんどん速くなっているような気がしませんか？ これは単なる気のせいというわけではなく、ヒトの脳の情報処理の仕組みと関係があるそうです。 米誌『The New Yorker』では、脳による時間の認識について研究している、神経科学者David Eagleman氏の分析を紹介しています。 ヒトの脳は新しい情報を受け取ると、まず、情報を理解しやすい形に整理しなおします。すでになじみのある情報を処理するときは、それほど時間がかからない一方、新しい情報の処理はこれよりも遅くなり、これによって時が長く感じられます。つまり、歳を重ねて新しい情報が少なくなると、時の経つのが速く感じるようになるというわけです。 世の中をより知ると、脳に書き込まれる新しい情報も減り、時間がより速く過ぎているように感じます。子どもの頃の夏休みは永遠に
バカ学生と思われないための21のメール術｜常見陽平の「就活最前線」｜就活の栞
こんにちは、常見陽平です。 5月、6月に、いくつかの大学で、3年生向けの就職ガイダンスで講演をしました。 まだ、2012年度の採用は継続しておりますし、 2013年度は採用広報開始時期が後ろ倒しになるのですが、 ガイダンスは5月～7月に実施する大学が多いようです。 私は大学での講演で配布する資料に、連絡先のメールアドレスを明記しています。 時間も限られていて全員の質問に答えることができないこと、 少しでも多くの学生から感想を聞きたいからです。 頂いたメールは、やや時間を頂きますが、必ず返信するようにしています。 もっともメールアドレスを告知したところで、 メールを送ってくる学生はせいぜい参加者の1％程度なのですね。 連絡先を伝えても学生はメールを送ってこない、ということを講演で言ったところ、 いつもより多くのメールを頂きました。 しかし、マナー面においても、内容面においても残念なものが多数
こんなに高品質なのに無料で利用できるCSSベースのテンプレートのまとめ
企業用サイト用をはじめ、コマース用、ポートフォリオ用、ブログ用などの高品質ながら無料で利用できるCSSベースのテンプレートを紹介します。 テンプレートは1ページだけのものから、配下ページなど複数のページが揃っているものもあります。 ※テンプレートは全て無料で利用が可能ですが、ライセンスを必ず確認してください。
Rails3.1の初期化プロセスを細かく追いかけたRailsGuidesの記事を和訳したよ:ミームの死骸を越えてゆけ
This domain may be for sale!
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
punksteady.com
ファーストビューは何pxまで？ ブラウザの表示領域サイズ5年間の変化を大公開 | 初代編集長ブログ―安田英久
