第1回「詳細度」
さて、唐突にはじまりましたが「100年後も崩れない CSS 勉強会」、きょうは詳細度についてお話しします！ あっ 崩れてる！ …っていうのは CSS あるあるだと思うんですけど、スタイルシートを書いているときはきちんと表示できてても、あとから見るとあれ？おかしくない？みたいなこと、よくありませんか？ なんでスタイルが崩れてしまうんでしょうか。そのことを考えるために、逆になんでスタイルって「当たる」のか、というところを改めて見てみようと思います。 CSS には書かれたスタイルを適用する優先順位があって、まず1番目に上から順番に「当てる」というのと、その次に詳細度という順番によって「当てる」という、ふたつのルールがあります。 まずは、上から順番に「当たる」ことについて見てみます。 GMO Pepabo, Inc. とだけ書かれた div 要素があって、class という名前の class が指
RubyでStyleStatsをつくった - まっしろけっけ
StyleStats is 何？ StyleStatsの説明は下記をご覧いただくのが一番早いかと思います。 html5experts.jp 簡単に言うと@t32kさんが作ったCSSを解析するツールです。 先週のYAPC::Asia Tokyo 2015の2日目でLTをなさっていたっぽいので 知っている方もいるかと思います。 経緯 今回StyleStatsをRubyで作ることになった経緯は下記です。 gem install stylestats … (ヾﾉ･∀･`)ﾅｲﾅｲ— Koji Ishimoto (@t32k) 2015, 8月 19 こんなことをつぶやいていたので、おっ！と思って反応してみた @shiro166 作って！Golang版は既にあるｗ— Koji Ishimoto (@t32k) 2015, 8月 19 そしたらお願いされたので30秒くらい考えて面白そうだと思ったので
あまり知られていないCSSの12の事実(続編) | POSTD
1年以上前に、私は最初の 12 Little-known CSS Facts（あまり知られていないCSSの12の事実） を発表しました。SitePointで最も人気の高い記事となりました。この記事を書いた後も、私はCSSのアドバイスやちょっとした情報の収集を続けました。だって、大ヒット映画も必ず続編を制作するじゃないですか。 注釈 SitePoint/ Natalia Balska によるイラスト それでは、早速今年も開発のヒントになる12の事実について話しましょう。もちろん、中にはもうすでにご存じのこともあると思いますが、この中で初めて知ったという事実がありましたら、コメントでお知らせください。 1. border-radius プロパティに”スラッシュ”シンタックスを使用できる事実 このプロパティについてはSitePointに4年以上 前に書いた のですが、この機能が存在することを、未
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
