タグ

ブックマーク / less.carbonfairy.org (3)

  • IE 9以下に存在するセレクター数制限にはまった

    IE 9以下に存在するセレクター数制限にはまった 開発中にいきなりCSSが壊れて原因を探っていたらこれに行き着きました。IE 9以下では1つのCSSファイル当たり4,095個までしかセレクターを認識しない。4,096個以上は無視される。ええええ。。 SCSSだと割とカジュアルにセレクター数が増える CSSは出来るだけ1ファイルにまとめたい(リクエスト数削減のため) との組み合わせがやばい。SCSSはセレクターが他のページに影響しないように以下のように書いていました。 // 共通部分 @mixin foo { color: red; .foo { font-size: 2em; // たくさんの指定… ... } } // 影響範囲を以下のページのみに限定したい #page-a { @include foo; } #page-b { @include foo; color: yellow;

  • less - WEB+DB PRESS Vol.58に記事書いたよー

    今日発売のWEB+DB PRESS Vol.58に@hokacchaと共同でHTMLCSS3の特集記事を書かせて頂きました。内容についてはWEB+DB PRESSにHTML5とCSS3の記事を書きました - Webtech Walkerをどうぞ。 僕はJSパートの4章、6章を担当しました。網羅的な紹介になりましたが、個人的にはフォーム要素などのよく分からないけどとりあえず使っとけばUI良くなる的な部分を試してもらえるとうれしく思います。副作用も特にないはず。 見てもらうことを意識しながら書くのが新鮮で楽しかったです。今回のWeb+DBはいい記事が揃っていると評判です。HTML5とか興味なくても手元に置いておくといいよ:D \アフィリエイトはこちら/

  • less - 画像限定Tumblrクライアント「pixel bottle」作りました

    Tumblr Dashboardの画像を表示するウェブアプリ、pixel bottleを作りました。 pixel bottle 以下のような機能があります。 1分おきに自動でリロード。画像は直近100件程表示されます リブログ、Like、Unlikeが出来ます Fluidで作成したOS X用のアプリを用意しました。Dockに未読バッジを表示したりGrowl通知したりします HTML5です 常にデスクトップに表示してDashboardの画像をチェック、リブログする想定で作りました。一瞬で好みを判断出来る画像なら作業しながら楽しく使えるかなと思っています。若干色を薄くしてTumblrの証(エロ画像)が流れてきても目立たないように配慮しました(健全な方が多いようなら透明度のオプションを追加するつもりです)。 ずっと表示してると誰がいつリブログしてるかが分かったりして面白いよ・・! よかったら使っ

  • 1