[B! sass] maekawandのブックマーク

Release the docs!

# Install SassDoc globally npm install sassdoc -g # Run SassDoc on your project sassdoc source/ Already using SassDoc? Upgrade to version 2 right away! SassDoc is to Sass what JSDoc is to JavaScript: a documentation system to build pretty and powerful docs in the blink of an eye. Among other things, SassDoc is: usa ble out of the box; highly customisable; blazingly fast; fully themable; integrated

maekawand 2015/01/14

リンク

Sass Guidelines

An opinionated styleguide for writing sane, maintainable and scala ble Sass. The Sass Guidelines project has been translated into several languages by generous contributors. Open the options panel to switch. About the authorMy name is Kitty Giraudel, I am a French front-end developer, based in Berlin (Germany) since 2015, currently working at Cofenster. I have been writing Sass for several years no

maekawand 2015/01/14

sass

リンク

The Basic Brockmann SASS Grid

for web designers A set of basic grid mixins written in SASS, for use with Libsass, owing to Steve Hickey. Install You can download Brockmann, clone the repo or install it using Bower. bower install the-basic-brockmann Setup Include _grid.scss & _mixins.scss in your project, then declare these variables in a preceeding file: $max-width: 1360px; $column-width: 6.38298%; $gutter-width: 2.12766%; $ma

maekawand 2014/11/02

grid
sass

リンク

SassとGulpを使った便利なメディアクエリの記述方法とアウトプットの最適化

先日このブログのデザインをリニューアルしたときに、メディアクエリの記述が結構手間だったので、記述のしやすさ、メンテナンス性の良さ、また、最終的なCSSファイルの最適化の3つの観点から、便利な書き方と最適化の方法をまとめてみました。目次モバイル・ファーストCSSで書く要素ごとに、Sassを使って記述する Gulpを使ってメディアクエリの整理するまとめモバイル・ファーストCSSで書くメンテナンス性の良さや重複の少ないよりシンプルなCSSの記述を目指すと、モバイル・ファーストCSSで書くのが良いです。デスクトップ・ファーストCSSで書く場合、小さい画面向けにはスタイルを追加するというより、消していく（または、上書きして帳消しにする）作業が多くなってしまいます。このブログはモバイルからのアクセスが1割程度なので、今回のデザインのリニューアルでは、

maekawand 2014/10/01

sass
gulp

リンク

Sassy Z-Index Management For Complex Layouts — Smashing Magazine

Z-index is an inherently tricky thing, and maintaining z-index order in a complex layout is notoriously difficult. With different stacking orders and contexts, keeping track of them as their numbers increase can be hard — and once they start to spread across CSS files, forget about it! Because z-index can make or break a UI element’s visibility and usability, keeping your website’s UI in working o