タグ

lessに関するs12btのブックマーク (7)

  • とあるless.jsのcalc()の書き方 | 日記の間 | あかつきのお宿

    この記事を三行にまとめると IEとかはもう知らん 何とかする方法はないのか!? 教えてエロい人! ちょっとキレイな生足でも見せてもらえればそれでもう もう何年前になることやら、調子こいて「less.jsイケてるじゃーん。みんなも使おうぜー」とかほざいてたことがありました。 ユー、プログラマならless.js使ってcss書いちゃいなよ あの当時は当にこれ結構便利かもなんて思ってたんですが、気がついたら使わなくなっていました。まあ、よくあるよね。 でも久しぶりに触る機会があったので、その際に気になったことを一つ。 CSSのcalc まずは前置きから。 CSS3に「calc()」ってのがあります。calculation(計算)の略だと思うんですが、そのものズバリ、計算によって縦横の長さなんかを指定できるというものです。 使い方によってはなかなか重宝できると思います。 <div class="c

    とあるless.jsのcalc()の書き方 | 日記の間 | あかつきのお宿
    s12bt
    s12bt 2016/08/15
    Sassのインターポレーション的な“width:calc(~"100% - "@pixel);”
  • CSSポストプロセッサー時代の到来

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

    s12bt
    s12bt 2013/12/04
    grunt:productionタスクとかにcssポストプリセッサーをかます。/ プリプロセッサーとかポストプリセッサーとか噛みそうになる
  • http://less-ja.studiomohawk.com/

    s12bt
    s12bt 2013/09/10
  • Sublime Text 2でLESSを使う / BROG / wxy

    いまさらだけどコーディングの効率を上げるため、CSSプリプロセッサを導入することにしました。 代表的なCSSプリプロセッサとしてはLESSとSass/SCSSがありますが、どちらも優劣付け難かったので、現在最も普及していそうなLESSに決めました。いまさらだけどコーディングの効率を上げるため、CSSプリプロセッサを導入することにしました。 代表的なCSSプリプロセッサとしてはLESSとSass/SCSSがありますが、どちらも優劣付け難かったので、現在最も普及していそうなLESSに決めました。 ストレスフリーな開発環境を実現するために、Sublime Text 2にパッケージをインストールしてLESSに対応させます。 以下OSX環境下でのワークフロー構築手順のメモ。 LESSインストール: LESSをローカル環境で動作させる為にNode.jsを導入します。 また、LESSをインストール

    s12bt
    s12bt 2013/09/10
    less-buildがうまくうごかなかった。
  • Хостинг VPS аренда сервера | Интернет Хостинг Центр

    Хостинг сайта не существует или отключён. Для владельца сайта: Свяжитесь с отделом технической поддержки Интернет Хостинг Центра Для работы с хостингом по FTP используйте любой ftp-клиент. Например, FileZilla. Сервер: Пользователь: Пароль: высылался в письме об активации. Для работы с MySQL используйте phpMyAdmin. Личный кабинет хостинга Сделать заказ Виртуальный хостинг сайтов VPS хостинг Мощные

    s12bt
    s12bt 2013/06/13
    これ見ながらじゃないとBootstrapいじれん。。。
  • Sublime Text 2 を LESS のシンタックスに対応させる | astronaughts.net

    Sublime Text 2 がいい ども。サボテンの生命力の強さに驚愕している、僕です。 Sublime Text 2 を最近利用してるんですが、デフォルトでは LESS のシンタックスには対応してござらんのです。探してみると対応パッケージを出してるイケメンがいたようなので、そのかたが作ったものを利用させてもらうことにしました。 使用方法 まずは github からパッケージをダウンロードしてきましょう。 danro / LESS-sublime - https://github.com/danro/LESS-sublime サイトから zip ファイルをダウンロードします。 次に、Sublime Text 2 のパッケージフォルダに LESS というフォルダを追加します。作ったフォルダ内に、ダウンロードしてきた zip の中身をコピーしましょう。 ちなみにパッケージフォルダは OS 別

    s12bt
    s12bt 2013/06/13
  • Sublime Text 2 単体でLESSをコンパイルする設定方法

    Sublime_Build_LESS.md Sublime Text 2 単体でLESSをコンパイルする方法 まずはnpm(Node Package manager)でlessをインストール 環境によってはsudoを付ける。 $ (sudo) npm install -g less Node.jsを入れてない場合はこちらを参考に。 https://gist.github.com/gaspanik/5410891 (元々lessというコマンドがあるのでコマンドラインでそのまま使う場合はlesscがコマンド名) Sublime Textにプラグインの「LESS Build」を入れる。 インストールはPackageControlから。https://github.com/berfarah/LESS-build-sublime Sublime TextのビルドシステムはPATHを通さないとエラーに

    Sublime Text 2 単体でLESSをコンパイルする設定方法
    s12bt
    s12bt 2013/06/13
    SublimeTextさん万々歳やでー
  • 1