読者です 読者をやめる 読者になる 読者になる

ジンジャーエール買って

デザイン&プログラミングのことも書くし、それ以外のことも書く。

Atomic DesignでWebサービスのフロントエンドをイメージする

Atomic Designというコンポーネントを組み合わせてシステムを構築していく手法がイメージしやすそうだったので、実際にWebサービスのフロントエンドデザインに当てはめるとどんな感じになるのか考えた。 Atomic Designについてはこの辺を参照 Atomic Design …

Google design guidelines のライティングに関する部分を少し訳してみる。 〜 Language & Tone 〜

Google design guidelines のガイドラインの中にライティングに関するページが。 参考になるかなと思い、訳してみた。 ※LanguageとToneのみ 注:だいぶひどいですがニュアンスが伝われば… 良い表現を教えてほしい _(´ཀ`」 ∠)_ Material design - Writing テ…

【Ruby】HTMLメールのテスト(デザインの確認)がしたかったのでメール送信するためのrubyスクリプト書いた。

HTMLメールを気軽に送信してデザインの確認をしたかったので メール送信用Rubyスクリプト書いた。fumihiro/send-test-email · GitHubGmailアカウントを使って指定したメールテンプレートを使いメールを送るだけ。 意外とHTMLメールを気軽に送る方法が無かっ…

プログラマーからWeb(UI)デザイナーになった時に読んでよかった本。

プログラマーからWeb(UI)デザイナーになってもうすぐ1年です。 まだまだ一人前には遠い気がしますが、最初デザイン業を始めるにあたって 参考になった本をまとめておこうと思います。 私と同じように新しくWebデザイナーとして働き始める人の参考になれば、…

【Webデザイン/フロントエンド開発】作成したWebサイトをローカルで確認するのにWebサーバーが必要? →Anvil使うがよいよ

結構前からあるみたいなのに知らなかったMac用アプリのAnvil。 開発中のローカルサイトに簡単にアクセスできるようにしてくれます。 (バーチャルホストを簡単に用意できるというか)Rack(Rails等)アプリだけでなく静的サイトの確認なんかにも使いやすいので…

【Fireworks】透過画像の境界線がギザギザになる(ぼやける?)のを防ぐ。

ボタン用画像として角丸の画像(透過画像)を作った際、スライスしていざサイトに使ってみると 境界線がギザギザしてなんか汚い… ※ちなみにFireworksでの透過画像の切り出し方 〜参考になりました!〜 Fireworksで画像を透過gif(透過png)として書き出す際の…

windowsでgit、Dreamweaverでgit。

ちょっとデザインのソースがバージョン管理されていなかったので、履歴とかを管理できるようにしたいなーと考えていました。やりとりするプログラマさんたちはgit使っているので、デザイナー側もgitで管理すれば統一取れて楽そう。 また調べてみるとDreamwea…