[go: up one dir, main page]
More Web Proxy on the site http://driver.im/

タグ

cssとnpmに関するLayzieのブックマーク (6)

  • StyleStats - MOL

    スタイルシートの統計情報を出力するNode Packageを作った。 t32k/stylestats Node.js 0.10以上が必要で、CLIだとこんな感じの情報を出力してくれる。 $ npm install -g stylestats $ stylestats path/to/stylesheet.css StyleStats! ┌────────────────────────┬──────────┐ │Size │ 498.0B │ ├────────────────────────┼──────────┤ │Rules │ 7 │ ├────────────────────────┼──────────┤ │Selectors │ 11 │ ├────────────────────────┼──────────┤ │Simplicity │ 63.64% │ ├───────

    StyleStats - MOL
  • Introduction to Component

    by Toby Ho on 1/23/2014 Hello, and welcome to the first post of Small.js! This post will cover the basics of Component. Component is a frontend Javascript package manager developed by the prolific Tj Holowaychuk. It embodies the philosophy of small modules and is designed to manage assets as well as Javascript. Currently, there exists over 1600 "components". Although there are more popular JS pack

    Introduction to Component
  • StyledoccoがChromeでiframe部分見えねーよ!という場合の当座の解決法 - Qiita

    Node.js - styledoccoでstylusのスタイルガイド作った結果www - Qiita [キータ] これにも書きましたが、現在Chromeではstyledoccoのiframe部分がエラー吐いて見れなくなってます。 Preview iframe can't render in Chrome 33 · Issue #111 · jacobrask/styledocco ここで自分も報告したんですが、この時勘違いしていて、npmに上がってるバージョンで既に対策してたのにまだこのバグが出てるんだと思ってましたが、実は対策したバージョンがnpmに上がってないということでした。 で、GitHubのHEADを適用してみるとちゃんとiframeが表示されるので、npmのstyledoccoのバージョンが上がるまでは以下のようにpackage.jsonに書いておくと良いと思います。 "de

    StyledoccoがChromeでiframe部分見えねーよ!という場合の当座の解決法 - Qiita
    Layzie
    Layzie 2014/01/27
    困ってたんだけど、結局npmの方に最新バージョンがアップされてなかっただけだった…。
  • css-b64-images

  • Stylus を使ってみる | wd.layer13.com

    Stylusというのがあります。インデントによる構造化や、Mixin など、CSS そのままではめんどくさいものを、うまいことパースして CSS を生成してくれるツールです。 Stylus は、Node.js上で動き、 npm経由でインストールできます。Node.js は必須、npm は無くても(たぶん)いけるけど、あったほうが楽です。ちなみに、npm のインストールはLinux や、Mac だと苦労しないと思いますが、現時点(2011/11)で Windows ではめんどくさいかも。 では、さっそく、Stylus のインストール(Node.js と npm は省略)。npm が使える状態で以下のコマンドを打ちます。$ npm --global install stylus "--global" をつけているのは、実行ファイルを使いたいからです。"--global" をつけておけば、パスの

  • Getting started | Less.js

    It's CSS, with just a little more. Use with Node.js: npm install -g less > lessc styles.less styles.css Or the browser: <link rel="stylesheet/less" type="text/css" href="styles.less" /> <script src="https://cdn.jsdelivr.net/npm/less" ></script> Or try the online playground ! 🆕 Less (which stands for Leaner Style Sheets) is a backwards-compatible language extension for CSS. This is the official do

  • 1