[B! less][sass] mimosafaのブックマーク

Convert ◩ CSS PREprocessors

Convert Convert from CSS to any other preprocessor, or between CSS preprocessors. Migrating to another preprocessor might be an important decision, take the time to see a comparison between the preprocessors, you might want to stay with your current one or change the preprocessor you want to migrate to. Online and offline converters to Less to Sass to Stylus from Less

mimosafa 2016/04/23

リンク

Mac/Win対応。LESS, Sass, CoffeeScript, Jade, Markdownなどをコンパイルする無料アプリ、Prepros

Mac/Win対応。LESS, Sass, CoffeeScript, Jade, Markdownなどをコンパイルする無料アプリ、Prepros Twitterでたまたまツイートしてる人がいて便利そうなアプリを発見しました。最近ウェブ制作を便利にする様々な言語が注目されています。SassなどのメタCSS、可読性の高いJavascriptを書けるCoffeeScript、テンプレートエンジンとして注目されているSlimやJade、書きやすくて読みやすいドキュメンテーション記法としてGitHubなどでも採用されているMarkdownなどなど…。ただ、たくさんあるもののそれぞれインストールが必要だったりして、導入が面倒なこともあります。今回紹介するPreprosは、Sassなどのファイルを保存すると、自動でコンパイルして、ブラウザを自動で再読み込みまでしてくれます。このアプリをインストールす

mimosafa 2013/07/11

リンク

CSSのみとSass/SCSS、Lessに対応したレイアウト系CSSフレームワークについて調べて表にしてみた | DevelopersIO

みなさまこんにちわ。 Webサイト高速化やSCSSの連載を書いている野中です。そういえばGoogle Readerが終了するとのことでとても残念ですね。読者のみなさまも次の引っ越し先ツール探しで忙しいところだと思います。そこで、クラスメソッド開発ブログのRSSも忘れずに登録をお願いします。とても更新頻度の高いブログということもあり、いろいろな切り口のRSSを用意しています。本題それでは本題ですが、レイアウト系のCSSフレームワークって色々ありますよね。個人的にはHTML上のクラスにあまり意味のない文字列は入れたくないので使っていませんでした。HTMLも編集しなければならないので。ふとSass/SCSSでExtendしたりMixinsで制御できるものであれば無駄なクラス指定を減らして可変でレスポンシブなグリッド制御ができるんじゃないか思って探してみたら色々とありました。最初

mimosafa 2013/03/22

リンク

WordPressでSass,Lessが使える！Jetpackでブラウザからコンパイル！

WordPress.com(ブログサービスのほう)のCSSエディターがSass・Lessに対応したようです。 WordPress.comの機能はパッケージ型のWordPressでもJetpackプラグインにより提供されているので早速試してみました。とりあえずプラグインをインストール。 1. プラグインからJetpack by WordPress.comをインストール。 2. WordPress.comのアカウントが必要なので登録しアカウント認証。インストールと認証が完了するとJetPackのメニューが現れます。 JetPackのメニューからカスタムCSSを選択。もしくは、「外観」から追加された「CSS編集」。 CSSスタイルシートエディター画面にいきます。この「カスタムCSS」とは、テーマのstyle.cssとは別のCSSで、テーマのCSSをいじらずに外観を編集する際に使用します

mimosafa 2013/03/07

リンク

昔のCSSをLessとかSassにしたいの

ども、白です。ホワイトデーは来月です（はい）。さて、いろんなデバイスを対象にしたり、ちょっと規模の大きいサイトを作っていくとなるとCSSを書くのも大変です。そんな時は「素のCSSなんて書いてられっか、バカヤロー！（ガラガラガッシャーン）」ってなるので、最近話題の「Less」や「Sass（+Compass）」「Stylus」といったCSSプリプロセッサを使ってテーマのスタイルを作る人もいるでしょう。新規で作る場合は自分の好きなプリプロセッサを使えばいいし、「Forge」なんていうSass / CoffeeScriptなテーマ開発フレームワークみたいなの（要Ruby / RubyGems）もあるんですが、昔構築したサイトのメンテナンスとかリニューアルの時など、既存のテーマを元にいじらないといけない場合はきっとイライラすることでしょう（笑）。しかし、世の中には便利なツールを作ってくださる開