2016年4月24日のブックマーク (3件)

  • HTML5 × CSS3 × jQueryを真面目に勉強 – #6 パララックスエフェクトの基本 | DevelopersIO

    そんな訳で、パララックス・スクロールについて少し学んでみたので、超初心者向け(※自分含む)のサンプルをいくつか紹介していきたいと思います。 はじめに - パララックスエフェクトについて パララックス(parallax)を直訳すると視差です。視差効果とは、視界が移動する際に各物体がそれぞれ異なったスピードでスクロールすることで、奥行き間をはじめとした視覚効果を指します。 アニメーションの世界ではディ○ニー映画で古くから使われていたり、ビデオゲームにおいても横スクロールアクションのゲームなどで昔から使われています。 JavaScript(jQuery)でパララックスエフェクト 1 | スクロール値を取得 どれだけスクロールしたかという値を取得します。これだけではまだパララックスも何もありませんが、全てはここから始まるのです。 $(function() { $(window).scroll(fu

  • CSSスプライトについてあれこれ。

    CSS Sprites(CSSスプライト)」についてまとめます。 すでにいろんなサイトで紹介されてるので、検索すれば制作手順から何から何までたくさんヒットしますが、それ故、どの方法が一番ベストなのかってのがいまいち不確かだったので、個人的にまとめ直してみることにしました。 TwitterやFacebookのスプライト用画像 CSSスプライトは、サイトの読み込みを高速化する目的で使われているCSSの小技です。TwitterやFacebookなどでは、ちっこいアイコンとかマークを表示するのに使われてますね(2012.8現在)。 具体的には「サイト内で使用するたくさんの画像(パーツ)をなるべく一枚画像にまとめて、サーバへのリクエスト回数を少なくする」という事をやってます。 画像とCSSだけで高速化が実現できるので大変お手軽なのですが、CSSスプライト用の画像を用意するにはちょっとした工夫が必要

    CSSスプライトについてあれこれ。
    Hi32
    Hi32 2016/04/24
    cssスプライトと画像置換と印刷について
  • 相手の気分を害することなく「指摘する」ためのテクニック | ライフハッカー・ジャパン

    なにげなく使っていた言葉が、気づかないうちに相手を戸惑わせたり、場合によっては不快にさせたりすることはよくあるもの。たとえば個人的には、とても気になるのが「あなた」という言葉の使われ方です。もちろんそこには敬意が込められている場合が多いわけですが、大前提として「対等もしくは目下のものに対して」使うべき言葉であるということは、あまり知られていないからです。 ともあれ、そのような単語レベルのみならず、日常のちょっとした言葉づかいにも気は使いたいところ。でも、"なにが正しくてなにが失礼なのか"は、なかなか見極めにくいものでもあります。そこで活用したいのが、『その日語、大人はカチンときます!』(ビジネス文章力研究所編、青春文庫)。「『ちゃんとした言い方』一発変換帳」というサブタイトルからも想像できるとおり、日常生活のなかで相手を不快にさせないための表現をまとめた文庫です。 書は、間違えがちな言

    相手の気分を害することなく「指摘する」ためのテクニック | ライフハッカー・ジャパン