続きを読む

• web-design-weekly.com

Slides for a talk on modular Sass I gave at Function Pink, April 2013. 続きを読む

• speakerdeck.com
• テクノロジー

SassやCompassを使って、少ない手間でちょっといい感じに見せる小ズルいTipsを紹介。グラデーション、角丸のお手軽かつ効果的な使い方とは？ シリーズ第2回、前回に続き、今回もSassやCompassを使って、少ない手間でちょっといい感じに見せる小ズルいTipsを紹介... 続きを読む

• www.atmarkit.co.jp
• テクノロジー

%s/\(\S\+\):\(link\|visited\|active\|hover\|focus\|lang\|before\|after\|first\-line\|first\-letter\|first\-child\|last\-child\|target\|enabled\|disabled\|checked\|indeterminate\|root\|nth\-child\(.\+\)\|nth\-last\-child\(.\+\)\|nth\-of\-type\... 続きを読む

• gist.github.com
• テクノロジー

Sassの公式サイトなどを参考に、構成などを再編集した日本語リファレンスのようなものです。このリファレンスについて 元は社内提出用に書いたレポートです。 レポートは１ページに全内容が入っていてだいぶ見辛いので、リファレンスらしい感じに作りなおしまし... 続きを読む

• tenderfeel.github.com
• テクノロジー

Loading… Flash Player 9 (or above) is needed to view presentations. We have detected that you do not have it on your computer. To install it, go here. Sassられ指南 - Presentation Transcript in UPGRADE JAPAN!! 2011.6.4 sat by @taiju2011 6 6 2... 続きを読む

• www.slideshare.net
• テクノロジー

この記事は CSS Preprocessor Advent Calendar 2012 23日目の記事です。 Font Awesome Font Awesome と言えば Twitter Bootstrap のアイコンを Web フォントとして使えるということでお馴染みのサービスです。Web フォントなので、CSS でアイコンの色やサイズを... 続きを読む

• www.shirokuro331.net
• テクノロジー

このエントリーは、 CSS Preprocessor Advent Calendar 2012の22日目の記事です。 この回では、Sassの@extendとプレースホルダーセレクタについて簡単に書きます。 @mixinと@extend Sassの機能でミックスインとエクステンドがありますが、 これらの使いようがど... 続きを読む

• blog.e-riverstyle.com
• テクノロジー

README.md grunt.jsの使い方 package.json を作成する npm init package.json のサンプル だいたい以下のようになる { "name": "Coffee-Scss-Grunt-Buildup", "version": "0.0.1", "author": "hisasann", "license": "BSD", "description": "ERROR: No README.m... 続きを読む

• github.com
• テクノロジー

歳晩の候、皆様におかれましてはますますのご繁栄の事とお喜び申し上げます。 NHN Japan ウェブサービス本部開発1室UITチーム(長い) 富田(@a_t)です。 CSS Preprocessor Advent Calendar 2012の3日目、css書くのに便利だからといって盲目的にcompass使ってない... 続きを読む

• tech.naver.jp
• テクノロジー

Sassどうも。CSS Preprocessor Advent Calendar 20122012年12月20日（木）を担当させていただきます@ken_c_loです。そうそうたる面々の中、みなさんハイレベルな内容で大変恐縮しているのですが、そんな中モジモジしながらしかし空気を読まずに、ずっと書きたか... 続きを読む

• d:id:ken_c_lo
• テクノロジー

A simple and lightweight mixin library for Sass.Bourbon – Sass Mixin Library A simple and lightweight mixin library for Sass. Bourbon is a library of sass mixins that are designed to be simple and easy to use. No configuration required. Forg... 続きを読む

• bourbon.io
• テクノロジー

この記事はCSS Preprocessor Advent Calendar 2012の2012年12月16日分の記事なります。 CSS Preprocessor Advent Calendar 2012 2012年12月16日 Sassを使ってグリッドシステムのテンプレート作成に挑戦したいと思います。ちょっとしたパズルを解くような感じで... 続きを読む

• kuroigamen.com
• テクノロジー

maedana SonicGarden SUG（SKIP User Group）／日本Hamlの会 2009/5/22 Railsを使ったWebアプリケーション開発で、プログラマやデザイナを悩ませるものの1つがスタイルシートの記述だろう。Sassを使って、“クールで構造化された”スタイルシートを記述してみよ... 続きを読む

• www.atmarkit.co.jp
• テクノロジー

Sassとは cssに「関数」「変数」「if文」「for文」などプラグラムの要素を追加してくれるものです。 仕組み 拡張子が「scss」のファイルを修正することによりリアルタイムに、 指定したフォルダの中に拡張子「css」のファイルをはき出してくれる。 Compassとは ... 続きを読む

• develo.org
• テクノロジー

CSS Preprocessor Advent Calendar 2012の10日目、@Takazudoです。 僕はSassが好きです。なぜならSassにはextendがあるからです。その理由を、社内勉強会で発表した、以下のスライドで話したことを補足しつつ、書きます。 OOCSS + Sass OOCSSってなんぞ まず、S... 続きを読む

• takazudo.github.com
• テクノロジー

Webプログラマ、Webエンジニアの皆さんが、個人で作るWebサービスやハッカソンなどで、短期間に集中してサービス開発してローンチしたいときに、もうちょっと自分でイイ感じにデザインできるといいなあという声をよく聞きます。 この企画は、そんなプログラマが... 続きを読む

• www.atmarkit.co.jp
• テクノロジー

Build websites with your favorite template languages. ERB, Haml, Markdown, Textile, and more! Views, partials & layouts Perfect for Websites or HTML mockups Views, Partials & Layouts Serve provides the equivalent of the Views part of the Rail... 続きを読む

• get-serve.com
• テクノロジー

Sass、Less、StylusなどCSS Preprocessorに関するAdvent Calendarです。 CSS Preprocessor Advent Calendar 2012  パフォーマンスの勉強ができてなおかつSass/Compassのお勉強にもなるお得なシリーズまさかの2回目。Adventにぶつけてきた！ややもするとシリーズ... 続きを読む

• t32k.me
• テクノロジー

TL;DR In sass 3.2 there’s a new kind of selector called a placeholder selector for use with @extend. Mixins and functions can now take any number of arguments and be defined in nested contexts. You can now pass a block of styles to a mixin f... 続きを読む

• chriseppstein.github.com
• テクノロジー