CSSのスタイルは何が優先されるか（CSSの詳細度について）
こんちはbasara669です！ CSSがうまく当たらなくて困る時があると思います。どういう順序でCSSは適用されるのか、どう解釈されているのか。この辺りはW3Cで優先度が決めているので紹介します。
css
css
css
css
css
可読性の高いMedia Queriesの書き方
こんちは！basara669です。 レスポンシブのサイトを構築する際に、Media Queriesを使って各ブラウザのサイズに合わせたCSSを書いていくと思います。 このMedia Queriesを書く場所で可読性が変わ…
css
「イマドキCSS設計」の解説 – 後編：BEMとSMACSSと実際の運用について
こんにちは！basara669です。 勉強会で使った「イマドキCSS設計」の資料の解説の最終回で、BEMについてもう少し具体的な例を書きました。また、SMACSSについても軽く触れ、実際にこれらの概念を取り入れて、どのよ…
css
「イマドキCSS設計」の解説 – 中編：BEMについて
こんにちは！basara669です。 勉強会で使った「イマドキCSS設計」の資料の解説の第2回目で、BEMについて書きました。 他の記事はこちら 「イマドキCSS設計」の解説 – 前編：css設計の必要性
css
「イマドキCSS設計」の解説 – 前編：css設計の必要性
こんちは！basara669です。 先日、勉強会で話した資料がかなり反響があって、様々な人に閲覧していただきました。 イマドキCSS設計 ただ、これだけだとコードしか無かったりよくわからない部分も多いと思うのでその時の勉…
css
cssをより良く書くために気をつけている12のこと
最近ガジェットなエントリーばかりだったので、たまにはちゃんとした技術的なエントリーを・・。 CSSはとても簡単な言語で、誰でもすぐ書けるようになるんですが、とても壊れやすいものだと思います。 簡単に無駄なコードは増えやす…
css
Grunt.jsの始め方 -cssmin,watch編-
前回、sassのコンパイルを行なってみたので、今回はcssminやwatchなどを使ってみたいと思います。 Grunt.jsの概要だったり、インストールが知りたい方は過去記事参考にしてください。 Grunt.jsの始め方…
css
Grunt.jsの始め方 -タスク編集とsass編-
今回はGrunt.jsを使って実際、sassのコンパイルを行なってみたいと思います。 Grunt.jsの概要だったり、インストールが知りたい方は過去記事参考にしてください。 Grunt.jsの始め方 -Grunt.jsの…
css
Grunt.jsの始め方 -インストール編-
今回はGrunt.jsのインストールを解説してみたいと思います。 Grunt.jsについての概要が知りたければ、前回の投稿の Grunt.jsの始め方 -Grunt.jsの概要編- を見てみて下さい。 Grunt.jsイ…
css
Grunt.jsの始め方 -Grunt.jsの概要編-
最近何かと話題のGrunt.jsなのですが、Grunt.jsについてこの間とある勉強会で話して来ました。 Railsとか勉強会！【春だから・わっくわっく！4/24（水）懇親会付き！！】Railsで最速Webアプリモック制…
