Web制作で面倒な作業を自動化するビルドツール、Grunt v0.4 入門
Web制作で面倒な作業を自動化するビルドツール、Grunt v0.4 入門 2013-03-14 / 2014-03-12 Webサイトの表示速度を気にすると、CSSやJavaScriptのminify、gzip、CSS Sprite、画像の最適化などの面倒な作業が発生します。 Grunt.jsとは？ Grunt.jsは、サーバーサイドJavaScriptのNode.jsを使用したCUIのビルドツールです。 タスクを設定しておき、それらを自動化します。 コマンドプロンプトやターミナルなど、いわゆる「黒い画面」を使います。 Grunt.jsの現在のバージョンは0.4.1です。 バージョンが0.3から0.4になったことで、大きく仕様が変わりました。 Grunt.js v0.4ではgrunt-cliをインストールしてプロジェクトごとにGruntやプラグインをインストールして使用します。 プラグイ
Photoshop・IllustratorユーザーのためのFireworks入門
現在開講している、社会人のためのWebデザインスクール で私と一緒に講師をされているユミソラさん（ @YumiSora ）は、以前のスクールでも Fireworks 特別講座を担当して頂きました。 その際、「桜の作り方」というレッスンは Fireworks 特有の操作が上手くまとまっていたので、ユミソラさんに許可を頂いて記事にしました。 Illustrator でも同じものは作れそうですが、普段 Fireworks を使わない私には新鮮でした。 Fireworksで桜を作る 今回作る桜はこんな感じです。 桜の形はパスの型抜きでサクッと作れそうですが、5等分に回転して並べる部分はどう作るのか気になりました。 まず新規作成し、楕円ツールをクリックし、塗のカラーでピンクを選択し、Shift キーを押しながらドラッグして正円を描きます。 このあたりは Photoshop や Illustrator
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
