タグ

CSSとLESSに関するraimon49のブックマーク (8)

  • GitHub - postcss/autoprefixer: Parse CSS and add vendor prefixes to rules by Can I Use

    You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

    GitHub - postcss/autoprefixer: Parse CSS and add vendor prefixes to rules by Can I Use
    raimon49
    raimon49 2013/12/04
    ベンダープレフィックス付与
  • CSSポストプロセッサー時代の到来

    SassやLESSといったCSSプリプロセッサーは市民権を得たと言って良いと思う。しかしそれらCSSプリプロセッサーは開発という段階にのみ利をもたらすもので、今のところはそれ以上ではない。CSSを実際にユーザーに届けるまでには、開発だけではなくレビューとリリースという段階もある。レビューとリリースも確実性を持って効率的に行うためには、CSSポストプロセッサーと総称されるようなツール群が必要になるだろう。 この文書はFrontrend Advent Calendar 2013の4日目への記事として寄稿した。明日は@hilokiさんがスタコラサッサと書くようだ。 目次 CSSポストプロセッサーとは CSSプリプロセッサーの出力するCSS CSS Lint 開発用とレビュー用、リリース用のCSS CSSポストプロセッサーのユースケース ベンダー拡張プリフィックスの付加 Media Queries

    raimon49
    raimon49 2013/12/04
    人間に読めないとレビュー出来ない、ベンダープレフィックスはレビュー時に要らないという話。
  • 最近のLESSの小話と新機能紹介(一部) - inkdesign

    08 Dec 2012 ※この記事は、CSS Preprocessor Advent Calendar 2012の7日目の記事のおまけです。 CSSプリプロセッサ(CSSメタ言語)は、Sassが人気かつ、アップデートも頻繁、新機能増えてる!みたいな空気を感じたりするんですが、LESSもがんばってます。 開発の停滞 5ヶ月ほど前にCrunchというLESS対応エディタを開発しているMatthew Dean氏が、 LESSの開発止まってますやん。それに比べてSassはめっちゃ更新してんで。 Is LESS in need of support? というissueをあげた。 それに対し、開発者のAlexis Sellier氏([cloudhead](http://cloudhead.io/)が同issueにて、このようにコメントをあげた。 他にやることあるから、今LESSに割く時間ありませんわー

  • 第1回 LESSのメリットと導入方法 | gihyo.jp

    CSSをより柔軟に、わかりやすく、速く、ミスを少なく記述できる 最近、CSSの拡張メタ言語「LESS」が話題になっています。LESSとは、かんたんに言えば、CSSの良いところを活かしつつも 「より柔軟に」 「よりわかりやすく」 「より速く」 「よりミスを少なく」 記述できるという、新しい書き方です。うさんくさいと感じるほどにいいことづくめですね。 CSSの拡張メタ言語には、LESSの他にも、Sass、Stylusといったものがありますが、LESSは一番CSSの書式に近く、活用するためのツールがそろっているのが特徴です。 最近LESSについて、はてなブックマークや技術系ブログでもたくさんとりあげられているので、実際に興味を持っている方や試した方もいらっしゃるかもしれません。しかし、まだ入門記事が多く、実際に導入したときのメリットをイメージできないことも多いのではないでしょうか? 連載では、

    第1回 LESSのメリットと導入方法 | gihyo.jp
    raimon49
    raimon49 2012/06/04
    連載
  • Twitter製。LESSからCSSを生成·RECESS MOONGIFT

    RECESSはTwitter社が開発したLESSからCSSへコンパイルするソフトウェアです。 最近はCSSもそのままではなくLESSやSassを使って書くケースが増えてきました。そこで紹介したいのがRECESS、Twitter社の開発したLESSコンパイルツールです。 インストールします。npmでインストールできます。 解析処理です。 オプションです。 RECESSを使うとLESSからCSSへの変換はもちろん、短縮化もできます。IDや.js-で始まっているクラス、div#foo.barのような書き方、アンダースコアを使っている場合などに注意を出す機能があります(オプションで出さないようにすることもできます)。さらにディレクトリを監視してファイルを更新すると自動で変換と言ったこともできます。 その他APIがあり、node.jsのスクリプトと組み合わせて使うこともできます。 RECESSはno

  • ダイアリーのデザイン変更 / Meteor.js でスタイル変更作業 - naoyaのはてなダイアリー

    この頃このダイアリーを時折更新していますが、改めて見てみるとデザインが野暮ったかったので、変更しました。Readability を通して読んだときのスタイルが非常に読みやすいので、そのスタイルをパ・・・参考にしました。 ちょっとまだ一部スタイルが当たってないところもありますが、基はこの路線で。Chrome、Firefox、Safari では確認済み。Windows と Opera では見ていないのでどうなるかわかりません。 どうやって変更したか ダイアリーの管理画面にスタイルを入力してプレビューで・・・とちまちま変更していくのは流石に大変なので、やり方を少し工夫しました。先日触った Meteor.js を使って先に簡単なアプリを作って、そのアプリ上で変更してできあがった CSS を管理画面に貼り付ける、というもの。 以下、そのソース。 https://github.com/naoya/m

    ダイアリーのデザイン変更 / Meteor.js でスタイル変更作業 - naoyaのはてなダイアリー
    raimon49
    raimon49 2012/05/02
    >Emacs でローカルの less ファイルをひたすら編集して、隣においた Chrome、Firefox、Safari を見るだけ。変更はすべてのブラウザにリアルタイムで反映されるので実際の見た目を確認しながらコーディングする。
  • web.dev

    Stay organized with collections Save and categorize content based on your preferences. Explore our growing collection of courses on key web design and development subjects. An industry expert has written each course, helped by members of the Chrome team. Follow the modules sequentially, or dip into the topics you most want to learn about.

    web.dev
    raimon49
    raimon49 2012/03/22
    Chrome Canary / WebKit nightlyでCoffeeScriptやSASS/LESSのようなコンパイル前ソースやminifiedされたJavaScriptのデバッグが可能に。
  • Sass vs. LESS vs. Stylus: Preprocessor Shootout | Envato Tuts+

    Wielding the true power of a CSS preprocessor is an adventure. There are countless languages, syntaxes, and features, all ready for use right now. In this article, we will be covering the various features and benefits of using three different preprocessors—Sass, LESS, and Stylus. Introduction Preprocessors produce CSS that works in all browsers. CSS3 preprocessors are languages written for the sol

    Sass vs. LESS vs. Stylus: Preprocessor Shootout | Envato Tuts+
    raimon49
    raimon49 2012/03/13
    SassとLESS 比較
  • 1