[B! css][LESS] efclのブックマーク

総行数57,000の巨大CSS群をLessに書き換えた軌跡 - mixi engineer blog

こんにちは！フロントエンド闇祓いの Kuniwak です。この投稿はmixiグループ Advent Calendar 2015の20日目の記事です。今年の9月に、スマートフォン Web ブラウザ版 mixi「mixi Touch」の巨大 CSS を Less （CSS プリプロセッサー）でビルドする環境へと移行しました。書き換えた CSS の行数は、なんと 56,725行です。😵 ということで、今回は弊社の大規模 CSS → Less 移行事例についてお話しします。背景スマートフォン版 mixi は、2010年5月に始まりました。この頃のスマートフォンは、iPhone 端末であれば iPhone 3GS、Android 端末であれば Nexus One という時期です。また、スマートフォンの世界では、Webkit ベースのブラウザーが席巻していた時代ということになります。

efcl 2015/12/20

-webkit- prefixから標準への書き換えを行った話。 CSS:fixmeで標準記法へ直し、Autporefixerでプリフィック対応し、Lessで構造的に管理しやすくしていく

リンク

CSSを書くとLESS形式にリアルタイムで変換するWebサービス・Css2Less - かちびと.net

この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 CSSを書くと即座にLESS形式に変換するWebサービス・Css2Lessのご紹介です。使えるかどうかは別にして、まだLESSに慣れてない方には練習用になる・・・かもしれない。LESS も慣れるのが大変ですよね。オンラインでCSS→LESSにするやつです。

efcl 2012/05/05

Less to CSS

LESS
CSS

リンク

KSS: Living Styleguide

Overview This is a demo of kss-node's built-in styleguide generator. The module is essentially a reimplementation of the KSS Ruby parser, in Node: Inspired by TomDoc, KSS attempts to provide a methodology for writing maintainable, documented CSS within a team. Specifically, KSS is a documentation specification and styleguide format. It is not a preprocessor, CSS framework, naming convention, or s

efcl 2012/03/11

KSS(CSSのドキュメントパーサー)のNode実装

リンク

CSSの記述が3倍速くなる「LESS」の使い方 (1/2)

2012年02月09日　13時58分更新文●斉藤祐也／<a href="http://css.studiomohawk.com/">CSS Radar</a> 最近のWebサイトは大規模傾向にあり、Webアプリケーションを構築する機会も増えてきました。jQueryやMooToolsなど、JavaScriptを手軽に利用できるようにするライブラリーが普及する一方、Webサイトの表示を担うCSSにも、「Blueprint」や「960 Grid System」に代表されるフレームワークが登場しています。「LESS」や「Sass」のようなCSS拡張メタ言語は、こうしたフレームワークとは異なり、CSSの言語自体を拡張し、CSSには存在しない機能を追加するものです。CSS拡張メタ言語を利用することで、変数、ミックスイン、入れ子ルール、名前空間、四則演算、関数などの動的な処理をCSSに追加でき、CS