経緯 フロントを構築するときに面倒くさいSassやCoffeeScriptのコンパイルやらなんやらを自動化できるツールのGrunt。 Gruntのすばらしさはこれだけにとどまらず、もっt様々なことを自動化することができます。 たとえば、地味に面倒くさいCSS変更後のブラウザの更新。デュアルディスプレイにして、片方の画面でブラウザを見ながら、もう一つでコーディングなんていうことをしていると、わざわざ... 続きを読む

はい。「使おうとしてみた」なので、使えるようになったわけじゃありません。 最近、メモは全てMarkdownで取っているので、Markdownをそのままコピペしてブログが書けたらいいのに、っていうことで、WordPressでMarkdownを使う方法を調べていたら、今年に入ってからWordPress.comでは普通に使えるようになっていたらしいです。 さらに調べると、そのWordPress.comで... 続きを読む

Gruntはフロントエンド開発において、CoffeeScriptやSassなどを使うときに、コンパイルを自動化してくれるツールです。 gruntコマンドのインストール Grunt.jsはnode.jsで動くツールです。もし、node.jsがインストールされていなければ、brewなどを使って brew install node としてインストールしておきましょう。 node -v としてバージョンが... 続きを読む

　この前、知り合いの方から卒業祝いにと、システム手帳のバインダーを頂いたので、せっかくだし巷で噂のXPADを使ってやろうと思いました。XPADとはiPadで撮影したら綺麗に整形してデータ化してくれるアナログとデジタルのいいところを使える素晴らしいツールです。 　男の子心をくすぐるiPad miniケース「xPAD」 　早速、近所の文房具屋や電器店、オフィス用品点などなどいろいろ回ってみたんですが、... 続きを読む

今日は珍しくデザイン系のお話でも。 まー、みなさん、一度は見たこと有りますよね。缶コーヒーのBOSSとかチェ・ゲバラのグッズとかにある、顔がうまいこと白黒の二値化されてるロゴ。それのPhotoshopとIllustratorを使った簡単な作り方をば。 適当な写真を選ぶ できる限り、顔が明るく写っていて、その人っぽい表情をしている写真がお勧めです。今日はこのイケメンの写真でやります。 顔を切り抜く ... 続きを読む

もともとのデザインを一新して、モダンなデザインを目指しました。今回、リニューアルするときに意識したことなどを、順番に。 Webページのイメージの決定 Webデザインする前に、方針を決めるために、このWebページのイメージを箇条書きにしました。 アート 技術 交流 アイデア 創造 記号 この中から、抽象化しやすそうな、「交流」と「記号」というイメージを選びました。 色の決定 デザインの中で使用する色... 続きを読む