タグ

2018年8月28日のブックマーク (2件)

  • [CSS]知っておくと便利!レスポンシブ用に画像を配置するスタイルシートの5つのテクニック

    何らかの理由で画像をレスポンシブ対応にうまく配置できない時があるかもしれません。何時間もかけて、いろいろな実装方法を試すこともあるでしょう。 CSSハックは無しで、レスポンシブ用に画像のサイズ変更を処理して配置するスタイルシートの5つのテクニックを紹介します。 Time-saving CSS techniques to create responsive images by Adrien Zaganelli 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 画像に適した方法で実装しよう 画像を配置するこれからのテクニック IEでも機能する、Netflixで使用されているテクニック 簡単な方法 パフォーマンスを考慮した方法(上級) レスポンシブ対応の画像を実装する時の流れ 画像に適した方法で実装しよう 今、金曜日の17時だとします。

    [CSS]知っておくと便利!レスポンシブ用に画像を配置するスタイルシートの5つのテクニック
    tsuki-rs
    tsuki-rs 2018/08/28
    Netflixの方法をbackground-imageでやるには.wrapperの中にbackground-imageとcontainを記述する。
  • ルンバの死角

    日常生活の効率化に今や欠かせない文明の利器、全自動掃除機ルンバ。 ルンバが動きやすいように段差を無くしたり家具を少なくしたりするハックが流行っているが、どうしても限界はある。利用者の工夫程度では補えない弱点が実はある。見逃されていた欠点、言うなれば「ルンバの死角」が。 それはルンバの上面だ。ルンバが通過した床面のホコリやゴミなどはすべからく皆、そこが廊下だろうが畳だろうが関係なくすべて吸い込まれてしまうのだが、しかしルンバがどれだけ動き回ろうとも、彼女の体自体は動きのすべてについてまわり、ゆえにそこにある汚れには決して手が届かない。輝きに満ちた主人の部屋の中で、それを達成すべく献身した彼女だけが唯一、汚れにまみれている。これほど悲しいことはない。 ルンバをもう一台設置する。無論ルンバの上に置く。ルンバを掃除する専用の小型ルンバというわけだ。 しかし安易な解決策にありがちなことではあるが、こ

    ルンバの死角
    tsuki-rs
    tsuki-rs 2018/08/28
    一方その頃、僕はルンバの上面に保護フィルムを貼った。