タグ

2014年9月5日のブックマーク (3件)

  • [CSS]動画を背景に使い、オーバーレイでコンテンツを配置するテクニック(IE8、スマホへの対応方法)

    動画を背景としてブラウザいっぱいに表示し、その上にオーバーレイでコンテンツを配置するCSSのテクニックを紹介します。 動画の背景はレスポンシブ対応、video要素に対応していないIE8や、動画の自動再生に対応していないスマホへの対応方法も! Create Fullscreen HTML5 Page Background Video 下記は各ポイントを意訳したものです。 以前紹介した時(前の記事)からアップデートされ、実装の解説も充実しているので、改めて許可を得て翻訳しました。 中の人は、Smashing Magazineのエディタさんです。 動画を背景に使う時の大切なポイント デモ CSSで動画を背景にしたコンテンツを実装する方法 動画を背景に使う時の大切なポイント 動画をサイトに使う時は、動画が単にかっこいいからという理由ではなく、サイトのメッセージが伝えられる動画を使用しましょう。 動

    [CSS]動画を背景に使い、オーバーレイでコンテンツを配置するテクニック(IE8、スマホへの対応方法)
    spmilk
    spmilk 2014/09/05
  • アラサー喪女に奇跡が起きた

    月曜日、朝の通勤電車内(中混みくらい)で、ぼーっと扉近くに立って、 あーもうすぐ誕生日がくるなー、またひとつ年とるのか・・・もうすぐ30なのになー と思ってたら、痴漢にあった。 人生、初痴漢。 と言うのも、最近になって意識的におしゃれしてみたり、メイクの練習してみたりしてきたばかりだから、たぶんこれまでは痴漢の対象にすらなりえなかったんだと思う。 うわ、痴漢の対象になった、喜ぶべきなのか怖がるべきなのかわからない、とりあえず気持ち悪いけど声が出ない、 と思ってじっとされるがままだったんだけど、しばらくしたら、職場の同僚のAさん(男、アラサー、隠れモテ、部署隣)が痴漢と私の間に割り込んできて助けてくれた。 痴漢はごそごそ逃げていったけど、Aさんに「大丈夫?」って聞かれたから、半べそかきながら「大丈夫です、ありがとうございます」と答えた。 そしたらAさんが、「お礼は昼飯おごってくれればいいから

    アラサー喪女に奇跡が起きた
    spmilk
    spmilk 2014/09/05
    努力の結果がでたと思えるようないい話だから実話であってほしいんだよなぁ
  • 明日から実践できる!メンタルを強くするための「13の方法」 | TABI LABO

    それがどんなジャンルであれ成功している人は、メンタルが強い。ビジネスでもスポーツでも、才能云々よりも「何としてでも成功させたい!」という強い意思がなければ、成功は見込めない。 国内でも多くのメディアで、強いメンタルを手に入れるメソッドが紹介されているが、ここで紹介するのは、海外メディアLifehackによる「メンタルが強い人の特徴」という記事だ。 例えば、1番初めの項目に「自分を哀れむな!」なんて内容がくるところが、いかにも英語メディアらしくて興味深い。国内メディアとはひと味違ったハウツーをどうぞ! 1. 絶対に自分を哀れんだりしない! Photo by  Franc Le Blanc on Flickr どんな状況であっても、自分自身を哀れんだり、周囲の人間のせいにすることはない。人生は山あり谷あり。それを解決していくのは自分であることを十分理解している。 2. 他人にコントロールされ

    明日から実践できる!メンタルを強くするための「13の方法」 | TABI LABO
    spmilk
    spmilk 2014/09/05