翼のベクターイラスト

これは使えそう！
たくさんの翼（羽）のイラストがベクター形式でダウンロードできます。

「free for personal & commercial purposes」
とありますので、商用利用も可能みたいです。

ダウンロードはこちらのページのリンクから。
Download Vector Wings

MacでIEを使う方法

Windows用のアプリケーションを、スタンドアローンで動くMac用アプリにしてIntel Mac上でふつうに動かせるらしいのです。
How to Easily Run Internet Explorer on Your Mac

「WineBottler」というフリーソフトを利用します。
WineBottler - Run Windows Programs directly on OS X

IE6やIE7での表示をチェックできるサービスはいろいろありますが、やはりちゃんと動いている方がいろいろ確認できますよね。
あとで家のMacで試してみます！

参考：
『WineBottler』でWindowsのプログラムをスタンドアローン化し、OS Xアプリに : ライフハッカー［日本版］
MOONGIFT: » Windows用ソフトウェアをあたかもMac OSXソフトウェアのように変換する「WineBottler」

jQueryのかっこいいメニュー＆ページスクロール

いい感じのjQueryプラグインを見つけたのですが、使う機会がなさそうで残念……なので、メモっておこうと思います。
どちらもかっこよくて気持ちのいいアニメーションです。
どこかで使ってみたいなぁ。

こちらはナビゲーション。

Awesome Cufonized Fly-out Menu with jQuery and CSS3 | Codrops
（デモ）
テキストの表示はcufonを使っています。

こちらはページ切り替えです。

Smooth Vertical or Horizontal Page Scrolling with jQuery | Codrops
（デモ：Horizontal/Vertical）
縦の動きと横の動きの2種類。
切り替え時の画像をカラフルなものに変えてもおもしろそう。

電子書籍を作ってみる！

最近話題の電子書籍。
一応“Web”デザイナーとはいえ、わからないではすまない日がすぐにでも来そうな感じですね。
とにかく1回作ってみようと思って調べてみました。

AppleやGoogleが採用しているEPUB形式というフォーマットで作ってみることにしました。
基本的にはXHTML＋ZIPらしいのですが、じぶんで書くのはちょっと難しそう……。
（参考：日本語Epubブックサンプル - 横浜工文社）
InDesignで書き出せるらしいので、デザインのクオリティ等を求めるならこれが一番良いのでしょうが、新しいバージョンを持っていないので×。
オープンソースの変換ツール、
calibre - E-book management
が良さそうです！無料だし。
（参考：デザインのブログ iPadやiBooks待てないよ。電子書籍リーダーで読んで、今日からあなたもEPUB形式作成で電子出版？CS5）

では実験。

1. 元になるテキスト（XHTML）を青空文庫で拾ってくる。
2. calibreに読み込む。
3. lang="en"をlang="ja"に修正。（参考：EPUBで遊ぶ！）
   
4. iBooksやStanzaで表示させてみる。

細かい設定とかいじらなくても、無事見られました。意外とかんたん！
表紙だけ文字化けしちゃいましたが、JPEG画像なので自分で作れば大丈夫なんじゃないかと。
あと青空文庫から取ってきてそのまま使ったせいか、ルビが変でした。

次の実験。
sigilでもやってみます。
こちらは画像を入れたり、WYSIWYGで書籍を編集することがでるソフトです。
（参考：月曜ジャーナル Sigilの基本的な使い方（１））

1. 元になるテキストをSigilに入力。
2. 目次を作ったり画像を入たりする。
3. テキストの先頭に表紙になる画像も貼り付け。
   
4. 保存する。
5. iBooksやStanzaで表示させてみる。

こちらも簡単でした！
iBooksでは表紙が出ませんでしたが、iTunes上でアートワークを追加できます。


こちらが作ったEPUBをiPhoneのiBooksで表示しているところです。

EPUBファイルを作るだけなら、ほんとに簡単です。
本の中身さえあればいつでも出版できてしまいますね！

ブラウザで読めるかわいいデザイン雑誌

かわいいです♪



Issuu - uppercaseyyc - Documents

Webデザイナーのためのポータブルアプリ

先日、家のネット回線が半日止まってしまって焦りました……。（iPhone持っててよかった～）
回線も困りますが、家のMacが急に動かなくなったらもっと困るなぁと時々考えてしまいます。もちろん会社のWinもですが。
そんな事態に備えて、使っていないUSBメモリにポータブルアプリを準備しておくっていうのはいいかもしれない！と、この記事を見て思いました。
12 Portable Apps for Web Designers

これなら非常時に家族のノートPC使ってお仕事ができる♪
早速メモ！

• KompoZer Portable
  DreamweaverっぽいHTMLエディタ。良くはないけどNotepadよりましでしょ！だって。
• Firefox Portable Edition
  ブラウザ。
• XAMPP Portable
  ローカルサーバ。CMSとかの動作確認用ですよね。
• GIMP Portable
  Photoshopのかわりに。
• AMP Font Viewer
  フォント管理。
• 7-Zip Portable
  アーカイバ。ZIP, RAR, TAR, GZ他。
• PhotoFiltre
  レタッチアプリ。クロップやリサイズなど、GIMPより軽い。
• Inkscape Portable
  Illustratorのかわりに。
• AbiWord
  Word（.doc）ファイルのエディタ。OpenOffice Portableより軽い。
• PicPick Tools
  スクリーンキャプチャやカラーピッカーなど。
• MobaPhoto
  イメージファイルの管理。Picasaもおすすめ。
• ToDoList
  ToDoリスト。

Twitterのアイコンつくりました。

探してもあんまりシンプルでかわいいものがないな～と思って、Twitter用のリンクアイコンを作ってみました。せっかくなので公開。
フリー＆商用利用可としておきますので、もし気に入ってくださったら、ご自由にお使いください。（コメントしてくれると喜びます！）
データは透過PNGです。鳥に白フチついてます。


ダウンロード