高速ウェブアプリのためのCSSパフォーマンス - MOL
Web Directions East | カンファレンス：11月13日（金） Nicole Sullivan（ニコール・サリバン） 3000以上にも昇る大規模サイトの最適化に携わって来た Nicole Sullivan は、現在 Yahoo! のパフォーマンスエンジニアと最適化のエバンジェリストとして国内外のセミナーで講演。Webサイトに関する研究だけでなく、プロジェクト管理もこなすマルチタスクなリーダーシップを発揮。フロントエンドエンジニアとしての高いスキルを持つ。 Stubbornella Nicole Sullivan (@stubbornella) | Twitter Nicole Sullivan presentations | SlideShare 高速ウェブアプリのためのCSSパフォーマンス UNDERSTANDING THE CASCADE デフォルトのスタイルがブラウザ
Sass(Scss) Memo: @extend | Culture27
今回は@extendについてです。 別のセレクタの全てのスタイルを継承することができます。 Scss .borderRed { border: 1px solid red; } .selectorA { @extend .borderRed; // ここで.borderRedを継承指定 padding: 2px; } 出力結果のCSS .borderRed, .selectorA { /* ここに .selectorA が追加されます */ border: 1px solid red; } .selectorA { padding: 2px; } @extendに使用できるセレクタ 1つの要素のみに関連するセレクタであればほとんど使用できます。 要素セレクタやid/classセレクタや擬似クラス、属性セレクタなども使用できますし、各セレクタを連結させたもの(div#selectorA.se
text-overflowはFirefox7から使える／複数行の時はJavaScriptで対応 - with the flow
まんまです。使えるようになってるのを最近知りました。 text-overflowはIEが6から独自仕様として実装していたものですが、 Microsoftの珍しく素晴らしい先見性によって、CSS3の仕様にも組み込まれたものです。今までもwebkit,Operaでは使えていました。 それが、Firefox7からようやく実装されたということですね。 以下のクラスを作っておいて、横幅の指定された対象要素のクラスに追加してあげれば良いです。 .ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -o-text-overflow: ellipsis; } はてなはCSSが使えるようなので、以下実際にやってみますね。 わかりやすいようにボーダ
ビートルズのハードデイズナイトのイントロのコードがついに分かった！（動画）
ビートルズのハードデイズナイトのイントロのコードがついに分かった！（動画）2011.12.16 13:0012,331 satomi テープ逆回転じゃなかった！ ビートルズの『A Hard Day's Night』の出だしで鳴るジャ〜ンのコードは永遠の謎とされてきましたが、なんとなんとCBCラジオのランディ・バックマン（Randy Bachman）氏が解読しちゃいましたよ！ ビートルズの全マスターテープをデジタル保存しているアビー・ロード・スタジオに直にお邪魔して、音楽制作ソフトでパート別に再生して耳で拾いました。 以下の後半で種明かしをしています。 （訳） 去年（ビートルズのプロデューサー）ジョージ・マーティンの息子ジャイルズ・マーティン（Giles Martin）の招きで普通は入れないアビー・ロード・スタジオに入れてもらった。で、そのとき彼が言ったんだ。 ｢ビートルズのソーステープはこ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://twitter.com/nex3/posts/99-selector-inheritance-the-easy-way-introducing-extend
