タグ

2011年6月1日のブックマーク (7件)

  • これは必見かもなYoutube等の埋め込み動画を動的にリサイズするCSS例:phpspot開発日誌

    CSS: Elastic Videos これは必見かもなYoutube等の埋め込み動画を動的にリサイズするCSS例。 ブロックのサイズが変更された際において動画を固定サイズにしてしまうとレイアウトが崩れてしまいますが、公開されているサンプルを使うと、HTML5動画、embed/iframeの動画をレイアウトに合わせてCSSで自由に伸縮可能。 解像度の違う、iPhone等でも動作を確認しているそうで、どんな環境でも動画をページにフィットさせたい用途に有用です。 通常サイズ。ブロックいっぱいに広がる動画 幅をiPhoneなみに小さくしてみた例。動画も縮んでます。 IEでも動くみたいです。 これは覚えておいたほうがよさそうです。 関連エントリ フリーで新しめのXHTML/CSSで書かれたサイトテンプレート45 ぜんぶピュアCSSでやっちゃおうというJavaScriptの代替デモ56 Ajaxスタ

    sionsou
    sionsou 2011/06/01
  • HTML+CSS主体のJavaScriptエフェクト! 簡単で「使える」jQueryテクニック(解説つき)

    4月から入社した2011年度新卒社員です。 ハロこんにゃんセヨ がぜんウェブウェブしているほんだです。 今年4月より、意匠部のME課(めか)でマークアップエンジニアとして働いているほんだです。 入社したての新卒社員ですが、PCサイトのHTML+CSSのマークアップや、MovableType(ブログ構築ツール)での組み込みなど、色々な仕事をさせてもらってマークアップリア充です。 そんな中でも最近多い業務はjQueryを使ったビジュアル面でのちょっとしたJavaScript(以下 JS)プログラミングです。 jQueryってとっても便利ですなぁ。HTML+CSSの知識を持っている人なら、簡単に「使える」エフェクトをつくれます。 この記事では僕が入社して2ヶ月間に学んだ、簡単で「使える」jQueryテクニックを紹介します。 jQueryってなんぞってとこと、使う前の準備をざっくり解説 jQuer

    sionsou
    sionsou 2011/06/01
  • 「おもらし女子」「オムライス食べられない女」 過激コラム「エビオス嬢」の正体

    「エビオス嬢」っていったい誰なんだ――ネットで今これがちょっとした話題になっている。「オムライス女子」「おもらし女子」のコラムで一躍有名になったが、その内容はあまりにも衝撃的だ。 エビオス嬢さんが初めて登場し、センセーションを巻き起こしたのは、女性におくる脱力提案サイト「Pouch(ポーチ)」に2011年4月26日に掲載された「オムライスをべられない女をアピールせよ」というコラム。 「ここで出ちゃったらやあよ! やあよ!」 レストランで卵料理を注文し、 「……だって、……だって、卵割ったらヒヨコが死んじゃうじゃないですかぁっ! 赤ちゃんかわいそうですぅ!」 などとべない女を演じるというもの。 5月23日に掲載されたのは、合コンで男を落とす6つのテクニック。その一つが「泥酔おもらし女子」だった。 内容は、泥酔を装い、トイレの場所がわからない状態で「ここで出ちゃったらやあよ! やあよ!」と

    「おもらし女子」「オムライス食べられない女」 過激コラム「エビオス嬢」の正体
    sionsou
    sionsou 2011/06/01
  • ゆーすけべー日記

    サキとは彼女の自宅近く、湘南台駅前のスーパーマーケットで待ち合わせをした。彼女は自転車で後から追いつくと言い、僕は大きなコインパーキングへ車を停めた。煙草を一吸ってからスーパーマーケットへ向かうと、ひっきりなしに主婦的な女性かおばあちゃんが入り口を出たり入ったりしていた。時刻は午後5時になる。時計から目を上げると、待たせちゃったわねと大して悪びれてない様子でサキが手ぶらでやってきた。 お礼に料理を作るとはいえ、サキの家には材が十分足りていないらしく、こうしてスーパーマーケットに寄ることになった。サキは野菜コーナーから精肉コーナーまで、まるで優秀なカーナビに導かれるように無駄なく点検していった。欲しい材があると、2秒間程度それらを凝視し、一度手に取ったじゃがいもやら豚肉やらを迷うことなく僕が持っているカゴに放り込んだ。最後にアルコール飲料が冷やされている棚の前へ行くと、私が飲むからとチ

    ゆーすけべー日記
    sionsou
    sionsou 2011/06/01
  • ヘアワックスのつけ方は誰も教えてくれない - duck75の日記

    ヘアワックスの使い方がいまいちわかりません。しかし今更友達に訊くのも恥ずかし... - Yahoo!知恵袋僕は、近年、疑問に思っていることがあって、それは、みんな、髪の毛をかっこ良くセットしているけど、あれはどうやってやるんだ?ということでした。よくよく考えてみても、学校では習わなかったし、親からも教えてもらったことはありません。僕はが好きなんですけど、「正しいヘアセットの仕方〜男子編〜」とかいうがあるとも聞いたことがない。お兄ちゃんはいないし、弟もいない。残念ながら何人かの親しい男友達も、なぜか、髪を正しくセットしていないのです。父は・・・、最近髪の毛が薄いです。推測するに、これは、類は友を呼ぶ、というものではないだろうかと思う。つまり、自分がおしゃれに気を配っていない、従って、周りの人も同じような人が集まっている、というわけだ。そもそも、これまでは僕も、特に髪の毛をセットする必要性

    sionsou
    sionsou 2011/06/01
  • 「萌え」じゃなくて「ブヒる」!? ネット界隈に広がる新しい視点 - エキサイトニュース

    新作アニメが始まると、こんな言葉がネットに飛び交うようになります。 「これブヒれる?」 「ブヒイ」 豚ですね。 そう、豚なのです。 2010年末くらいから今年にかけて、急激に広がったのがこの「ブヒる」という動詞です。 端的に言うと「萌え」を超えた、一つ上の表現です。 ちょーっと「萌え」文化を巡る足跡を言葉からたどってみるとしてみます。 90年代から広がった「萌える」という単語。可愛い子を見て高ぶる気持ちの表現として、ネットスラングになりました。 インターネットのないパソコン通信時代ですね。 最初は動詞でしたが、次第に「萌え」という名詞に変化します。 つまり、ある対象、主に二次元のキャラクターに対して感じた感情表現から、キャラそのものの持つ属性へと変わった、ということです。 注意したいのは、「萌え」=「性衝動」ではないところ。どうしても男性が女性キャラに使うことが圧倒的に多いので「萌えって女

    「萌え」じゃなくて「ブヒる」!? ネット界隈に広がる新しい視点 - エキサイトニュース
    sionsou
    sionsou 2011/06/01
  • スタイリングは乾かし方で変わる!美容師が教える「正しい髪の乾かし方」 - はてなニュース

    洗った後の髪の毛、ドライヤーで適当に乾かしていませんか?実は乾かし方ひとつで、スタイリングの仕上がりや髪の傷み具合が大きく左右されます。スタイリングしやすくなる乾かし方の基、くせ毛の広がりを防ぐ方法など、上手な髪の乾かし方を美容師さんに教えてもらいましょう。 ■ 乾かす順番がある?美容師さんに学ぶ正しい乾かし方 あなたはいつも、どの部分から髪を乾かしていますか? ▽ 髪の正しい乾かし方 | 銚子の美容室 Ce la vie 上記のエントリーでは、ロングヘアの女性をモデルに、乾かし方のコツを写真付きでレクチャーしています。美容師さんによれば、どんなヘアスタイルの場合でも、“まず根元から乾かす”のがポイントだそう。流さないタイプのトリートメントをつけ、最初は頭のうしろの真ん中あたりから乾かします。その際、手で髪を少し引っぱりながらドライヤーを当てましょう。部分ごとの髪の性質に合わせて乾かし方

    スタイリングは乾かし方で変わる!美容師が教える「正しい髪の乾かし方」 - はてなニュース
    sionsou
    sionsou 2011/06/01