2019.04.12

Sassのメディアクエリmixinの決定版ライブラリ「Sass MQ」

以前、Sassの変数（Map）とmixinでメディアクエリを管理する記事を書きました。 Sassの変数とmixinで変更に強いメディアクエリをつくる単純なmixinで導入はしやすいですが、min-widthとmax-w…

2018.06.13

SassとPostCSSを組み合わせて作るCSS開発環境

突然ですが、僕はずっとPostCSSを誤解していました… このたび晴れて誤解が解けたので、記念に記事を書きたいと思います。 Sassの代わりではないはい、これです。この記事で言いたいことは、これがほぼ全てです。僕は…

2018.03.15

Bootstrapのようなグリッドシステムは便利ですが、コンテンツ内で使おうとすると困ってしまう場面があります。例えばスマホでは1カラムでPCでは2カラムにしたい場合です。 PCの時は横並びになったカラムの間に余白（ガ…

2017.04.13

CSS Niteで発表されたコーダー白書2016（19ページを参照）によると、業務でHTMLコーディングをしている人のうち、約70%がSassを日常的に使っているそうです。 CSSプリプロセッサーにはStylusやLES…

2016.08.23

レスポンシブWebデザインではメディアクエリ（media queries）を書くことが多くなります。通常のCSSではブレイクポイントを変更したくなったときに、すでに書いてしまった箇所を直していくのはとても大変です。 Sa…

2016.06.24

「どうやってコーディングをして組み立てていこうか？」いくつもの案件を経験しても、いつも悩んでしまうのがCSSの書き方です。「それなら自分なりの考えをまとめてルールを作ってしまおう」と考え、CSS設計に関する情報から自分…

2016.03.11

みなさん、楽しいSassライフを送っていますか？「とりあえず.cssを.scssに変えて、ネストにしたりして使ってるよ！」という方、そろそろmixinを取り入れてみませんか？ Sassってなんでしょ？という方は、以前「…

2014.07.16

Sass（※この記事ではSCSSを指します）やLESSといったCSSプリプロセッサがどんどんメジャー化しています。しかし、私の実感としてまだまだ使っていない人も多いのではないか？と思っています。導入が難しそう。書き方…