ruedapのブックマーク / 2013年2月4日

ruedap id:ruedap

2013年2月4日のブックマーク (8件)

Middleman: Hand-crafted frontend development
Middleman はモダンな web 開発ですべてのショートカットやツールを使用する静的サイトジェネレータです。はじめに。 Watch Follow @middlemanapp
ruedap 2013/02/04
middleman

document

japanese
リンク
middlemanを使ったフロントエンド開発 - 病みつきエンジニアブログ
middlemanというものが、静的なサイト(html/css/jsだけのサイト)を作るのに、かなーり便利です (これを使って性的なサイトを作りました) 何が便利かというと開発用サーバーになるテンプレートエンジン(erb) coffee scriptやscssなどを自動で変換もちろんコンパイルもできる画像の圧縮とかもできるみたいなどなど。イメージとしては、Ruby on Railsから、ウェブアプリ的機能を抜いたものというか、静的なサイト用の機能を抜き出したものというか、ざっくりとテンプレートエンジンみたいな感じ(正確にはSinatraと言ったほうがいいのだけど)。ようするに、coffee scriptとかsass使うなら超便利よ！みたいな感じ。静的なサイトを対象としているので、基本的にはRubyのプログラマーである必要はないです。基本的には 404 Not Found
ruedap 2013/02/04
middleman
リンク
Middleman: Hand-crafted frontend development
Installation Install the gem and run middleman init my_project to create a new Middleman site from the command line. See full install instructions Customize Your Site Check out the directory cd my_project. Middleman works right out of the box. Start reading the docs to find out what each directory is doing and how to customize your site. See advanced customizations Build and Deploy Running one com
ruedap 2013/02/04
middleman

haml

sass

coffeescript

compass

generator
リンク
黒髪キャラを「黒以外」の色で塗る場合のチェックポイント - ピアノ・ファイア
「自然の黒」は「絵の具の黒」じゃない小中学校の美術の授業で習ったことがあると思うのですが、絵の具で人間の髪の毛を塗る場合、「黒の絵の具だけで色を出すな」と教わりませんでしたか？ぼくの母校では、何も知らない生徒が真っ黒にベタ塗りしてから「なんか変だぞ」と悩んでいるところに、先生が「ちょっとだけ緑や茶色を混ぜればいいよ」と教えてくれていたものでした。（同じように、「肌色」を真っ茶色やピンクに塗ってしまった生徒にも「ほんのちょっとだけ緑を混ぜよう」と教えていたのを良く覚えています。）光の反射で色が変わる専門的な絵画の技術としては「黒は三原色の混色で作れ、絵の具の黒は使うな」と指導されることもあると思います。なぜ「黒の絵の具」をそのまま使わないのか、美術の基本から考えてみましょう。美術史の発展にともない、「ものの色とは、もの自体に色があるのではなく、ものが反射する光の色なのだ」という
ruedap 2013/02/04
anime

color

comic

illust

black

character
リンク
Illustratorで木の質感を出す方法【初級編】 | ナナメウエblog
おはようございます。気づいたらもう2月ですね。今年も残り11ヶ月、心の底からillustratorを愛していきたいと思いますよろしくお願いします。それではillustratorで木の質感を表現する方法を紹介します。 illustratorでの木の質感表現はいくつかあるのですが、今回は最も簡単な方法を紹介します。今回の場合は木の木目が黒くなるので、濃いめのフローリングなどの質感に使えるかと思います。 illustratorで木の質感を表現する方法まずは四角形のオブジェクトを作成します。色の設定は上が#785032、下が#4a3b29のグラデーションを作成します。続いて[効果] → [テクスチャ] → [粒状]を適用します。値の設定は、「密度：15」「コントラスト：4」「粒子の種類：縦」にします。「密度」パラメータを大きくすると、より風化したような木の質感が出せま
ruedap 2013/02/04
illustrator

tutorial

texture
リンク
なぜデザインにおける「引き算」は難しいのか？
ruedap 2013/02/04
design

ui
リンク
jQuery 1.9 に更新する際に注意すべき変更点の自分なりのまとめ | 私的なjQuery他
jQuery Core 1.9 Upgrade Guide | jQuery の「Changes of Note in jQuery 1.9」を読んで、自分なりにまとめました。誤訳して間違ったことをまとめてたり、最新の情報でないかもしれないので読まれる際はご注意下さい。（※ページをそのまま訳したわけではないと、思います） jQuery 1.9 では API の削除や挙動の変更を行っています。この記事は、前のバージョンから更新した時、既存のコードに影響がでそうな変更を並べたものになります。変更点を全部網羅しているわけではありません。箇条書きにすると以下のような感じ：削除された機能 .toggle(function, function) の用法 jQuery.browser() .live()と.die() jQuery.sub() document 以外の要素での A
ruedap 2013/02/04
jquery

jquery1.9
リンク
iTerm2 を Visor のように使う方法 | Weboo! Returns.
かつて Mac OS Xのターミナル用プラグインとして Visor というのがありました(今もあると思います)。Visor は、画面上部を覆うようにしていつでもターミナルを呼び出せるようにしてくれる便利なソフトウェアでした。あの QuickSilver と同じ人が作ってたらしいです。iTerm2が便利なので自分は使っていなかったのですが、iTerm2でも同様の設定ができることに最近気づきました。設定方法は簡単です。１. Profiles の Window -> Style を"Top of Screen"、Space を "All Spaces"に変更します。また、Setting for New Windows -> Rows が表示されるウィンドウの高さになります。
ruedap 2013/02/04
iterm2

visor
リンク
- 2013年2月5日
- 2013年2月4日
- 2013年2月3日