タグ

ブックマーク / blog.fenrir-inc.com (3)

  • 【CSS】とにかく読みにくいページをつくってみた!pointer-events でイベントを制御する

    こんにちは、R&D 部の青野です。 「読者視点で見やすくて読みやすいページを作りましょう」とよく言われてますが、たまには見づらくて読みにくいページがあってもいいんじゃないか。 ということで、読みにくいページを作りました。 と言っても、デザイン、ページ構成的にというわけではなく、ただ暗いだけのページです。 仕組みとしては暗く描画した canvas タグをページの上に重ねているだけとなっております。 また、このページはモバイルとPCでは見え方が少し違いますので、モバイルで見ている方はPCでも見てみてください。 (さすがに暗いままだと記事が読みにくいので、ページを明るくするボタンを付けました。ご利用ください。) ON OFF 通常 canvas 要素や img 要素などが上に重なっている場合、その下にある要素は選択できなくなります。しかしこのページではまっ暗な状態でも上にある[ON][OFF]の

    【CSS】とにかく読みにくいページをつくってみた!pointer-events でイベントを制御する
    hush_in
    hush_in 2017/10/07
  • 実は違う。クロスブラウザでの gif アニメーション再生速度の合わせ方。

    *Safari 5.0 系は Ienternet Explorer と同じで 0.06秒 からしか対応してません。 対応している速度よりフレームレートが短くなると明らかに遅くなっているのが分かると思います。 各ブラウザで対応しているフレームレートの限界を超えると、強制的に 0.10秒 になります。 (Safari、Google Chrome など一部のブラウザでは違う) 以上のことからクロスブラウザで gif アニメーションの再生速度を合わせる方法は、フレームレートを 0.06秒 までにすることです。 gif アニメーションを作る、またはこれから作ってみたいと思っている方は、フレームレートは 0.06秒まで!ということを覚えておくといいかと思います。

    実は違う。クロスブラウザでの gif アニメーション再生速度の合わせ方。
    hush_in
    hush_in 2012/11/19
  • 【保存版】これを見たら、あなたの財布は確実に緩むであろう素敵すぎるネットショップ 101選

    こんにちわ。坪内です。 突然ですが、この2年ほどで集めた素敵なネットショップを一挙公開しちゃいます。はっきり言って、この記事書いてるだけで、何度もポチリかけたくらい、素敵なアイテムがてんこ盛りです。既に知っているショップも多いと思いますが、知らないショップがあったら是非チェックしてみてください。 ちなみに、数が多すぎて説明文書くのは断念しました。カテゴリ毎には分かれているので、実際にご自身の目で確認してみることをオススメします。

    【保存版】これを見たら、あなたの財布は確実に緩むであろう素敵すぎるネットショップ 101選
  • 1