クリスマスなのでBEMを紹介する - Qiita
CSS Advent Calendar 2014も最終日となりました。最近なにかと話題のBEMについて書いていきたいと思います。 BEMとは Block Element Modifierの略で、Webサイトのコンポーネント化のための厳密なclass命名規則です。 手法 BEMの手法はそれほど複雑ではありません。 世の中のWebサイトは、ヘッダ、検索バー、記事など、多くの要素によって構成されています。これらの大きな要素をBlockと呼びます。 それぞれのBlock、例えばここでは検索バーについて注目すると、検索バーは検索ボックスや検索ボタンなど、更に幾つかの要素が組み合わさって出来ていることがわかります。これをElementと呼びます。 ElementやBlcokは、既存のものとほぼ同じであるものの、少しだけ変化させたようなものが必要になることがあります。これをModifierと呼びます。
CSS4で追加される予定のセレクタを紹介するよっ - Qiita
CSS Advent Calendar 2014 12日目です。二日連続ですがYuZakuroが担当します。 概要 CSS4のモジュールの一つであるSelectors Level 4にはセレクタについての記述があります。 尚、この規格は草案段階であり、変更される可能性があります。 今回は、その中でもリンクに関するセレクタを紹介したいと思います。 :any-link a:link, a:visitedの両方を指します。 visitedでも色が変わらないようなデザインをすることはよくあります。そんなとき、CSS3では、下のように、わざわざlinkとvisitedの両方に同じ指定をしなければいけません。 CSS4では、:any-linkのみを指定するだけで実現できます。
bootstrapよりかっこいい? Foundationを導入する - Qiita
CSS Advent Calendar 2014 三日目です。偉大な@izumin5210先輩の後に書く事になってしまいとても緊張しています。 bootstrapは良いものです。デザイナーじゃなくてもそれっぽいデザインができるし、日本語の情報も豊富だし、公式ドキュメントもとてもわかりやすい。 ただ、あまりにもたくさんの人が使うので、bootstrapを使うだけでは「またbootstrapか…」と思われるようになってしまいました。 もちろん、bootstrapだって考えて使えば良いデザインは出来ますが、当然その分手間はかかります。 ということで、bootstrapよりも手間をかけずに、bootstrapよりもかっこいいサイトが作れるCSSフレームワークであるFoundationを紹介したいと思います。 特徴 良い所 適当に作ってもbootstrapっぽいデザインにならない(当たり前ですが)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
