タグ

2013年6月8日のブックマーク (7件)

  • Googleから学ぶ ヌルヌルサクサクなスライドメニュー - Qiita

    スマフォwebページのスライドメニュー アプリでは当たり前のように実装されているスライドメニューですが、webページではなかなか使い心地のよいスライドメニューが実装されているのは見かけません。 スマートフォンのブラウザではjavascriptでのアニメーションはどうしてもガタガタになってしまうし、ちらつきやスクロール制御のめんどくささからもうwebページでネイティブアプリ並のスライドメニューを実装するなんて無理と思っていました。 Facebookのwebページですらボタンの反応は悪いしアニメーションも動かないし最悪です。 一方Google先生はパーフェクトなスライドメニューを実装していた さすがGoogle先生! 俺達に出来ないことを( Googleのスライドメニューは以下の点でパーフェクトです。 1. スライドのアニメーションがとても滑らか・ちらつかない 2. ボタンの反応にストレスを感

    Googleから学ぶ ヌルヌルサクサクなスライドメニュー - Qiita
    d4-1977
    d4-1977 2013/06/08
    確かに、スライドのアニメーションは滑らか。ただ、jQueryでアニメーションをスマホで、というのは、やめた方が賢明
  • ビジネスUXを効果的に導入するための4つのステップとは?

    UX(User eXperience)すなわち、ユーザー体験は、2000年初頭から知られている概念で、この3〜4年の間で製品の企画や開発など多様な分野で注目されている概念です。 そして製品開発はもちろんのこと、今ではユーザーの生活全般の範囲にまで拡大されて考慮されています。また、B to Cだけではなく、B to Bの領域にまでUXの概念が普及してきています。特に最近では、その期待効果に関心が集まってきています。 数年前までのIT業界では、企業システムにデザインというのは贅沢なものだと思われていて、ただ見た目をきれいに飾る程度の認識がほとんどでした。しかし、いくつかの企業においてUXの成功事例が知られるようになったことで、システムの画面も単にきれいなものではなく、業務の効率性と生産性を高めることだと考え、顧客満足度の向上につなげるための画面や機能の設計を行う企業が増えてきました。 このよう

    ビジネスUXを効果的に導入するための4つのステップとは?
    d4-1977
    d4-1977 2013/06/08
    そうだった。IAがUIを作るための、ユーザーと、情報の中間に立つものでもあることを忘れていた...
  • 次はこれ読んで

    MovableTypeにあったからか前や次のエントリー(とそれに加えてウェブログのトップ)に移動するリンクをpermalinkに設置するウェブログは多い。こと日に限ると90%以上のウェブログにあるように感じる。このクラシカルなパターンに対して、最近はRead This Nextなどとして最も関連性が高いエントリーをひとつだけ推薦したり(Dustin CurtisとかSvbtleネットワークのウェブサイトはそう)、単に時系列的に1つ古いエントリーへのリンクのみというパターンが増えている。 次にこれを読むと良いんじゃないかなー 特にSvbtleで採用されている最も関連性の高いエントリーをRead This Nextとして推薦するというのは、トピックがバラエティに富んでいて時系列における前後にあたるエントリーと関連性が薄いことが多いウェブログには向いていそう。つまり企業やプロダクトではなく個人

    次はこれ読んで
    d4-1977
    d4-1977 2013/06/08
    内容から、オススメをするのは難しいけれど、同じカテゴリとか、同じタギングからとかなら、どうなんだろう?類似する記事ばかり勧める、というのも難しい
  • ::beforeによる(画像)置換の終焉

    なんだか最近のGoogleのペンギン先生は::beforeや::after擬似要素で仕込まれるモノもバッチリ解釈するとかいう噂(当か嘘かは知らない)を聞いた。スクリーンリーダーも読んじゃうらしい。ここのロゴは::before擬似要素でHを一文字挿入して実現していたので、もし解釈されるとなるとウェブサイトのタイトルが「Hhail2u.net」になってしまう。 特に::beforeや::after擬似要素に限った話ではなく、古き良きtext-indentプロパティーによるものやattr()関数とかでも問題が起こるという話だと思うので、画像置換とその類のテクニックはもう格的にアレな時代なのかもしれない。別の方法を……といってもCSSが解釈されて隠したり改変したりするのもチェックしてるという話なので、CSSでどうにかしようというのは無理がある。::before擬似要素でcontentプロパティ

    ::beforeによる(画像)置換の終焉
    d4-1977
    d4-1977 2013/06/08
    Google先生がCSSを読みすぎる....
  • Future Perl - YAPC::NA 2013 に参加して - tokuhirom's blog

    YAPC::NA 2013 に参加してきました。その中でも印象にのこったことを取り急 ぎアップしておきます。 今回は日からは @yusukebe と @xaicron と TPF の President である Karen が参加していたようです。 僕は今回がはじめての US だったので、いろいろと困惑することもありました が、旅行記などには興味がないという人も多いでしょうし、書くのがめんどく さいですし、たぶん xaicron が書くと、ほとんど内容がかぶるので割愛させ ていただきます。 デニーズのシェイクに興奮する yusukebe と xaicron エントリーでは YAPC::NA で僕が感じたこと、技術的に Perl Community が どこに向いているか、といったあたりのことについて述べていきたいとおもい ます。 今年は Perl 25 周年ですので、これまでの Per

    d4-1977
    d4-1977 2013/06/08
    Perl6がついにくるのかなあ...油断ならないですね
  • デザインの基礎、黄金比から大和比、第2黄金比まで - kojika17

    よく黄金比という言葉を聞いたりしますが、実際にどういうものかわかっていなかったり、 デザインの当てはめ方が分からなかったりすることが多いので、簡単にまとめてみました。 貴金属比 nの場所に自然数が入り、第1貴金属比を黄金比、第2貴金属比を白銀比、第3貴金属比を青銅比といいます。 よく聞く黄金比は、貴金属比の1つです。 近似値 1.6180(約5:8) CSSで黄金比を見る 伝承では古代ギリシアから使われ始めたと言われています。 パルテノン神殿、モナリザなど数多くの建築物や美術、アートなどに使用されています。 白銀比 白銀比には、以下の2つがあります。 1:1+√2 の第2貴金属比に含まれる白銀比 1:√2 の日で古くから使用されている白銀比(大和比) どちらも白銀比と呼ばれることが多いので、紛らわしいです。 白銀比(第2貴金属比) 近似値 1:2.414(約5:12) CSSで白銀比を見

    デザインの基礎、黄金比から大和比、第2黄金比まで - kojika17
  • TechCrunch | Startup and Technology News

    When Alex Ewing was a kid growing up in Purcell, Oklahoma, he knew how close he was to home based on which billboards he could see out the car window.…

    TechCrunch | Startup and Technology News
    d4-1977
    d4-1977 2013/06/08
    [A/Bテスト]