コピペが出来るなら誰でも出来る、Web制作タスク自動化ツール「Grunt」導入手順
なんだか、Web制作の際に起こる様々な面倒くさいタスクを自動化してくれるGruntというツールがあるらしく、私の周りのWebデザイナーさんやコーダーさんがこぞって導入されておりました。 はじめは「へぇ…あちきは別に興味ないからいいでありんすよ」と指をくわえて傍観していたのですが、便利便利の声を聞くにつれやっぱり羨ましくなってきました。だから導入した。使った。良かった。 そんな訳で今回は、Grunt.jsの導入から簡単な使い方までを紹介したいと思います。私のような黒い画面に抵抗を持っている初心者の方でも導入できるよう、コピペさえ出来ればGruntが使えるようになる記事にしてあるつもりです。 なお、今回導入した私のPC環境はOS X 10.9.1です。Windowsでの導入手順は今更だけどやるgrunt入門編・インストールから基本的な使い方｜WEB Drawerをご覧下さい。 Gruntで何が
Sublime Text 2でプレビューしたい！ – A Memorandum
結構多いですよね、「Sublime Text 2はプレビューできないの？」みたいな質問。仮にそれがHTMLなら「隣にブラウザ開いてればいいじゃん…」って思ったりするわけですが（いまどきはライブリロードもできるわけですし）。 と、そんな多くの方の悩みを“ある程度”解決できそうなパッケージ「Quick Look」というものが公開されていたので紹介を。OS Xには標準の機能としてありますよね？、クイックルック。あれです、あれ。つまり、残念ながらOS Xのみの対応でーす（笑）。 インストールは例によって、Package Controlから。サイドバーのファイルを右クリックしてメニューから選んでもいいですし、ファイルを選択した状態でコマンドパレットから呼び出してもオッケー。 HTMLはレンダリング状態で確認できますし（レスポンシブなんてのも可。ただし外部のWebフォントはロードされません）、ST2を
Sublime Text 2 で Sass/compass のコンパイルができるパッケージ 『Compass』 « shilog
この記事は Sublime Text 2 Advent Calendar 2012 とは関係なく書いております。 いや、Sublime Text 2 Advent Calendar 2012 で投稿されていた 一石三鳥!?SublimeText2とsass/SCSS(compass)+SFTPで作業効率化する方法。 という記事を読んで、自分で試したことのメモなので少し関係あるかな。 記事書いてくれた @tomo_thumb さん、ありがとうございます m(_ _ )m ということで、Sublime Text 2 だけで Sass/Compass のコンパイルができるということで、黒い画面でコマンドゴニョゴニョしたり、いちいち Scout 立ち上げたりしなくてもよさそうなので、Sass/Compass の導入の敷居が少し下がりそうな感じですね。以下、Windows 環境での解説。 pack
CSSライブラリ化？ Sass(scss)のインストール方法 mac
このサイトは、只今WEB業界で活躍中のデザイナー、プログラマーの方々の情報を集めたweb統合情報サイトです。 web帳 なんだか色々と出てきますよね。 もう、最近良く分かんないないです（笑） ではSassのインストール、使い方を紹介していこうと思っております。 Sass公式サイト http://sass-lang.com/ そもそも、Sassって何？って話なんですが、 SassとはCSS を生成するためのメタ言語です。 メンテナンス不能な状態に陥りがちのCSSをSass を使うことによって 上手い具合に構造化して記述することができます。 Sassという言語でcssを記述し、通常のcssとして吐き出すことが出来ます。 管理時は関数として扱い、使用する際に通常のcssと使用するイメージですかねぇ。 関数として扱ったり、 構造化して記述も可能。 1.Ruby Sassを利用するには、Rubyが必
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
