aoasagiのブックマーク / 2014年9月6日

aoasagi id:aoasagi

2014年9月6日のブックマーク (4件)

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

CSS
リンク
finefinefine.jp
This domain may be for sale!
aoasagi 2014/09/06
jquery

javascript
リンク
waterfall.js
div要素などで配置した高さの異なるパネルをレンガ状に一定の隙間で配置するjQuery兼Zeptoのプラグインを紹介します。左のサイドバーは適用なし、右だけレンガ状にできます。 waterfall waterfall -GitHub そういえば最近、デモにzeptoの方を使ってるプラグインが増えてきましたね。 waterfallのデモ waterfallの使い方 waterfallのデモスクリプトのページ自体がデモになっています。まずは、デスクトップサイズでの表示。デモページ、幅780pxで表示カラムの数はカラムの幅の最小値を設定することで、自動で表示されます。ページ内の適用範囲も指定できるので、左のサイドバーはそのままの表示です。 waterfallの使い方使い方は簡単です。 HTMLがあれば、数行加えるだけで完了です。 Step 1: 外部ファイル waterfallはj
aoasagi 2014/09/06
jQuery

レイアウト
リンク
【中毒性注意】納豆にちょい足しすると捗る禁断の廃人飯レシピまとめ - ぐるなびみんなのごはん
どーも、こんにちは！女子ごはん研究家として活動している１６４です！！今回、皆様にご紹介するのは、納豆にちょい足しすると病みつきになってしまう廃人メシでーーーーす！！料理が不得手な男性でも作れる、女性が喜ぶ手料理レシピを提案している私にとっては、まさにぴったりなレシピ提案！！それでは早速ネバ旨い珠玉の５品、お試しあれ！！ ①アボカドのこってり感がクセになる！【メキシカン納豆】材料納豆　　　１箱アボカド　１/４個レモン　　１/８個塩　　　　小さじ１タバスコ　適量作り方 1. アボカドを１/４にカットして、実をスプーンなどでつぶす。レモンを絞り、塩を加え、タバスコをかけてよく和える。納豆の上に盛る。なんじゃこりゃ！！納豆の上に、こんな緑色の、けったいなもん乗っけたって旨いわけないやろがい！！大体、納豆は昔から醤油とからしって相場が決まっとるんじゃい！！こんなの旨いわけ
aoasagi 2014/09/06
レシピ
リンク
- 2014年9月7日
- 2014年9月6日
- 2014年9月5日