[B! LESS] raimon49のブックマーク

raimon49 id:raimon49

LESSに関するraimon49のブックマーク (11)

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
raimon49 2013/12/04
ベンダープレフィックス付与

CSS

LESS

SaaS

browser

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

CSS

CodeReview

LESS

SaaS

lint
リンク
最近の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に割く時間ありませんわー
raimon49 2013/07/23
CSS

LESS

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

CSS

LESS
リンク
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
raimon49 2012/05/17
CSS

LESS

OSS

Twitter
リンク
ダイアリーのデザイン変更 / Meteor.js でスタイル変更作業 - naoyaのはてなダイアリー
この頃このダイアリーを時折更新していますが、改めて見てみるとデザインが野暮ったかったので、変更しました。Readabilityを通して読んだときのスタイルが非常に読みやすいので、そのスタイルをパ・・・参考にしました。ちょっとまだ一部スタイルが当たってないところもありますが、基本はこの路線で。Chrome、Firefox、Safari では確認済み。Windows と Opera では見ていないのでどうなるかわかりません。どうやって変更したかダイアリーの管理画面にスタイルを入力してプレビューで・・・とちまちま変更していくのは流石に大変なので、やり方を少し工夫しました。先日触った Meteor.js を使って先に簡単なアプリを作って、そのアプリ上で変更してできあがった CSS を管理画面に貼り付ける、というもの。以下、そのソース。 https://github.com/naoya/m
raimon49 2012/05/02
＞Emacs でローカルの less ファイルをひたすら編集して、隣においた Chrome、Firefox、Safari を見るだけ。変更はすべてのブラウザにリアルタイムで反映されるので実際の見た目を確認しながらコーディングする。

●Meteor

●CSS

●LESS

●Blog

●design

●Emacs

●hatena
リンク
Meteor.js - naoyaのはてなダイアリー
http://www.meteor.com/ で公開された Meteor.js を少し触ってみました。TechCrunch なんかでも話題になっていましたね。 Meteor.js は JavaScript によるウェブアプリケーションフレームワークですが、クライアントサイドでもサーバーサイドでもない、"Isomorphic" なフレームワークです。コンセプトとしていくつか特徴があるのですが、その最たるものは "Reactive Programming" で、モデルやセッションなどのストレージを更新するとその更新内容がリアルタイムに、そのアプリケーションを開いている全クライアントに伝わるようなアプリケーションを簡単に作ることができます。この辺は実例を見るのが早いです。 http://www.meteor.com/examples/leaderboard ここにある動画では、あるブラウザで
raimon49 2012/04/23
publish / subscribeの抽象化として捉える。

Meteor

MongoDB

WebSocket

deployment

JavaScript

review

CoffeeScript

LESS
リンク
1分でWebアプリを作れて、3分で公開できた！オールJavaScriptでWebアプリを開発できるMeteorを触ってみた - IT-Walker on hatena
もうJavaもRubyも要らない？–JavaScriptオンリーの未来派WebアプリフレームワークMeteorがデビューという記事で知った、新しいフレームワークMeteor。ちょっと気になったので、軽く触ってみました。すごすぎるフレームワークの登場です！！正確に言うと、実行環境＆フレームワーク＆クラウドPaaS＆パッケージマネージャーといったところでしょうか。Node.jsとHerokuとnpmが一緒になったようなもんだと思えば、イメージがわくと思いますが、実態はそれらを上回っています（パッケージ数はnpmの比じゃありませんが・・・使い勝手という意味で）。インストールターミナルをたちあげて、以下のコマンドを実行するだけ。（行頭の$はターミナルであることを表してるだけで、コマンドの一部じゃありません） $ curl install.meteor.com | sh これで /usr/
raimon49 2012/04/13
＞実行環境＆フレームワーク＆クラウドPaaS＆パッケージマネージャーといったところでしょうか。Node.jsとHerokuとnpmが一緒になったようなもん

Meteor

review

CoffeeScript

LESS

MongoDB

deployment

JavaScript
リンク
圧縮後のJavaScriptやコンパイル後のCoffeeScriptでも、ブラウザ上で元のソースを参照できる新技術「Source Maps」登場
圧縮後のJavaScriptやコンパイル後のCoffeeScriptでも、ブラウザ上で元のソースを参照できる新技術﹁Source Maps﹂登場 JavaScriptをデプロイする際には、できるだけ小さくするために余計なスペースや改行を取り除き、さらに関数名なども変換して圧縮することがあります。しかし圧縮後のJavaScriptにバグが見つかるとそのままではデバッグしにくいため、いちいち元のソースコードに戻してデバッグしなければなりません。 Webサイト﹁HTML5 Rocks﹂の記事﹁INTRODUCTION TO JAVASCRIPT SOURCE MAPS﹂で紹介されたWebブラウザの新技術﹁Source Maps﹂は、圧縮状態のコードを実行していても元のソースコードを参照しながらデバッグできるだけでなく、CoffeeScriptのようなJavaScriptへ変換する言語であっても、
raimon49 2012/03/23
＞ChromやFirefoxで実装の見通し

Chrome

CoffeeScript

Firefox

LESS

Sass

browser

debug
リンク
Learn web development | 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.
raimon49 2012/03/22
Chrome Canary / WebKit nightlyでCoffeeScriptやSASS/LESSのようなコンパイル前ソースやminifiedされたJavaScriptのデバッグが可能に。

CSS

Chrome

CoffeeScript

LESS

Sass

WebKit

browser

debug

design

programming
リンク
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
raimon49 2012/03/13
SassとLESS　比較

CSS

LESS

Sass
リンク
1