The Large Scale Scrum (LeSS) Dynamics Game - TastyCupcakes.org
The LeSS Dynamics Game ( a.k.a. The Waterfall Game) GOAL OF THE GAME The goal of this game is to understand how organisational design using component teams leads to the waterfall and unnecessary complexity. In this game, you experience how a typical scaling approach I call “Copy Paste Scaling” results in not so good things in organisations. Copy Paste Scaling is what I see most companies do. What
第9回 LESSのメリットを最大限に生かした書き方 | gihyo.jp
前回はMedia Queriesの利用方法とその難点、LESSのコンパイラを利用して少しラクする記法をご紹介しました。 今回はさらに掘り下げて、処理をmixinとして作成し、LESSのメリットを最大限活かす方法をご紹介します。 自動化のポイント まず、前回のコードをおさらいしておきましょう。 //LESS body { #foo { background-size: 320px 480px; @media screen and (-webkit-device-pixel-ratio:2){ background-image: url('bg_x2.png'); } @media screen and (-webkit-device-pixel-ratio:1){ background-image: url('bg.png'); } } } @mediaを毎回書くのは大変ですし、ミスタイプを
Clearless by clearleft
A collection of reusable LESS mixins Download .zip Download .tar.gz View on GitHub ClearLess A reuseable collection of carefully-considered Less mixins, or YALML (Yet Another Less Mixin Library). The core tenets of this mixin library are to avoid output bloat wherever possible (via duplicated properties etc) and to provide flexibile, configurable solutions to the problems that are addressed by the
Sass Vs. Less | CSS-Tricks
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! “Which CSS preprocessor language should I choose?” is a hot topic lately. I’ve been asked in person several times and an online debate has been popping up every few days it seems. It’s nice that the conversation has largely turned from whether or not preprocessing is a good idea to which one
CSS で記述の入れ子を可能にする「LESS」と、サヨナラCSSハック
LESS « The Dynamic Stylesheet language http://lesscss.org/ CSS を書いているとき、 コメントアウトに /* ～ */ じゃなくて // を使いたい 入れ子で書いたのを解釈して欲しい と思ったことがある人なら多分夢のようなライブラリだと思う。 使い方は簡単で、説明に書いている通り head タグ内に less.js を読み込むための定義と、LESS で記述したスタイルを読み込むための定義を追加するだけ。 <link rel="stylesheet/less" type="text/css" href="styles.less"> <script src="less.js" type="text/javascript"></script> styles.less にいつも通りの CSS を書けば普通に解釈してくれるし、以下のような書
Sass、そしてSassy CSS (SCSS)
CSSを拡張したメタ言語であるSass、そしてその別文法として定義されたSCSSについて、960.gsなどのCSSフレームワークと絡めて、Sass (主にSCSS)の良さを解説する。 CSSフレームワーク Sass Sassy CSS aka SCSS SCSSでCSSフレームワーク 2カラムレイアウトの作成 clearfixやReset CSSの組み込み カラム幅の変更 カラムの入れ替え SCSSで完結することの意義 まとめ 最後に CSSフレームワーク 960.gsやBlueprint、BlueTripなどCSSフレームワークと呼ばれるものは色々ある。フレームワークと名乗るだけのことはあって、それらの生産性はとても高い。テンプレートで適切にクラス名やIDを埋め込むだけなので、複雑怪奇なCSSコーディングを意識することなく誰でも簡潔にきれいなカラム・レイアウトを作成できる。 HTML 4
CSS拡張メタ言語「SCSS(Sass)」と「LESS」の比較 - (DxD)∞
CSSを拡張するためのメタ言語として、代表的なものに「SCSS(Sass)」と「LESS」があります。今回、導入を検討するにあたり、両者を比較しました。 結果的には、「SCSS(Sass)」を導入することにしましたが、特に「SCSS(Sass)」を選択する決め手となった点に重点を置きつつ、両者の違いをまとめまてみました。 はじめに Webサイト、Webアプリケーションが大規模になるにつれて、CSSの設計・管理にもリソースを割かれるようになります。CSSのモジュール化、コンポーネント化による再利用性を考えたとき、現状のCSSを取り巻く状況は十分とは言えません。 一つの選択肢としてあがるのが「Blueprint」や「960 Glid System」等のCSSフレームワークの利用ですが、その再利用性と構造・表現の分離度はトレードオフです。 そこで、CSSの利点を活かしつつ、再利用性を高めるために
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
getgroundwork.com is expired
GitHub - twitter-archive/recess: A simple and attractive code quality tool for CSS built on top of LESS
http://brewerjs.org/
GitHub - google/closure-stylesheets: A CSS+ transpiler that lints, optimizes, and I18n-izes