ちょっとメモ。illustrator(CS6)からテキストのみを抽出するには、以下のようにします。 「ファイル / 書き出し… / ファイル形式：テキスト形式（txt）」 「書き出し」ボタンをクリックすると、txtファイルに書き出されます。 I take a little note. The way to export only text from illustrator(CS6) is below. “File / Export / File format: txt” After clicking the export button, a txt file is created.

コンソールに「test」、アラートのポップアップで「test」と表示されます。 console.logの括弧内に""をつけずに変数名を入れると、 PHPでいうvar_dump();のように変数に入っているものを確認することができます。

Photoshopの角丸長方形ツールで角丸を描いたとき、端がぼけることがありますよね。 blurな状態 clearな状態 これは、以下のように角丸長方形オプションで「ピクセルにスナップ」にチェックをつけることで防ぐことが可能です。

ちょっとメモ。illustratorで1pxのラインを引くとぼけてしまってなんとも直らないことがありますが、0.5px上か下に移動させることで直ることがあります。 「環境設定 / 一般 / キー入力」を0.5pxに設定。ラインを選択して上下に移動 あるいは、以下のように変形オプションでY座標を0.5px程度移動させるか、ラインを選択して「ピクセルグリッドに整合」にチェックを入れることでも可能です。 ぜひやってみてください！ 友人がOLYMPUSのPENを使っていて、ちょっとほしくなってしまったぞ。シャッター音が気持ちいいですね。 OLYMPUS マイクロ一眼 PEN E-PL1s レンズキット ホワイト E-PL1s LKIT WHT

ちょっとスマートフォンサイト制作時にデザイン・UIの参考になるサイトをまとめておきます。 iPhoneデザインボックス iShowcase スマートフォンサイト集めました。 iPhoneデザインアーカイブ 絶対見ておきたい有名企業のスマホサイトまとめ CSS iPhone & iPad Mobile UI Patterns 38 Mobile (iPhone) Sites Mobile Awesomeness jQuery Mobile Gallery 昨日は久々に会う友人とドライブからの食事。楽しかった！

これはいい感じ。FontShopというサイトで、”100 Best Fonts”というコレクションで販売されたフォント集です。 ランクやカテゴリー（Serif, Sans-serifなど）でソートできますね。プレビューができる文章も載っています。それぞれ右部分に配置されている↑↓の矢印もとても使いやすく、クリックするとマウスを動かさずに一つずつスライドして見ることができます。 一度見てみてください。 The 100 Best Fonts (in a Huge Sortable Table) ぽんたのお陰で早起きできたのでがんがん進めます。

ちょっとメモ。画像周りのjQueryプラグイン集です。 Slides 使いやすいスライドショー Fullscreenr 背景画像をフルスクリーンにしてくれるjs MobilyNotes 下から上にスライドしてくるjs jQuery Easy Slides キャプション付きのスライドショー Booklet 本をめくるような形で見せるスライドショー MobilySelect アニメーション付きでソートできるjs Pikachoose クールなトランジション付きのスライドショー 10 Useful jQuery Plugins for Images 久々のエントリー。どたばたなのでがんばります。

Six Revisionsで、グラデーションが美しいタイポグラフィーがいろいろと紹介されています。 いくつかご紹介。 ↑はatebits。 Radium Idea Foundry Keypoint Mein Brandenburg 無彩色や青、緑、オレンジなど、色も様々なので参考になりそうですね。 その他のリストは以下からどうぞ。 Beautiful Gradient Typography in Web Design Appleの新製品が発表されましたねー。次はMacBook Proの13inch、メモリ8GBがほしいからもうちょい待とうかな。Magic Mouseはほしい。 iMacがスペックが上がって、えらいことになっていますねー。

95715262 iStockphoto/ Thinkstock Photoshopで写真にエフェクトをかけたい。 そんなときにおすすめなのが、『25 Advanced Photo Effects and Techniques with Photoshop』。Photoshopで使えるクールなエフェクト集です。 いい感じのものが揃っていますね。 Cool Watercolor Effect 水彩画のようなエフェクトをかけるチュートリアル Water Effect 人を水しぶきで型どったエフェクト Photo To Oil Painting Effect 油絵のように見せるチュートリアル Paint Splatter Mold ペンキが飛び散ったようなエフェクト Impressionist Painting Effect 写真を印象派の絵画のように見せるチュートリアル Photo to Pe

med242024, Medioimages/Photodisc/ Photodisc/ Thinkstock タイポグラフィーの綺麗なデザインが好きだ。 そんなあなたにおすすめなのが、『A Showcase of Beautiful Typography in Web Design』。タイポグラフィーの美しいWebデザイン集です。 かっこいいサイトが揃っているので、いくつかご紹介します。 Stackoverflow Dev Days ボールドでサイズの大きいタイポグラフィーと、斬新なレイアウトのStackOverflow We Are Academy サイト名を切り崩してレイアウトしたAcademy Benny Roth 全面黄色の背景の中、白のタイポグラフィーでデザインしたbennyroth twentyten Elysium Burns 彩度を落とした黄色と背景色とのバランスが綺麗な

96332132, iStockphoto/ Thinkstock CSSでかっこいいUIを実装したい。 そんなときにおすすめなのが、『30 Pure CSS Alternatives to Javascript』。CSSだけでJavaScriptのような動きを実装するサンプル集です。 なかなかいい感じのものが揃っています。 Valid Non-Javascript Lightbox JavaScriptを使わずに、libhtbox系の動きを実装。反応が速くていい感じです Create a Content Slider Using Pure CSS さくさくと切り替わるコンテンツスライダー Pure CSS speech bubbles CSSで作る吹き出し型のデザイン Accordion Using Only CSS CSSを使ったアコーディングメニュー CSS-Only Tabbed

97412913, iStockphoto/ Thinkstock よりよいロゴをデザインしたい。 そんなときに参考になるのが、『45+ Beautiful Logo Design Tutorials and Resources for Designers』。デザイナーのためのロゴデザインのチュートリアル&素材集です。 いい感じのものが揃っていますね。 3D Logo Tutorial illustratorとPhotoshopを併用して3Dのロゴを作るチュートリアル Logo Design Project Step By Step Walkthrough コンセプトメイキングから実制作までを解説した記事 Design a Grungy Circular Logo 円形でグランジのテクスチャ感のあるロゴの作り方 Step By Step Logo スケッチからロゴを作るまでのチュートリアル

MAMP PROとParallelsで、IEのブラウザ確認がローカルアドレスでできるようになったのでメモ。 MAMP PROを使えば、バーチャルドメインを設定して、「http://domainname:8888/」といったアドレスで、複数のサイトを管理することができます。 ただ、ParallelsからIEで見ようとすると、上記のアドレスでは確認できないので、ちょっと設定が必要です。やってみると結構簡単。 「システム環境設定 / ネットワーク / 対象のネットワークを選択して、詳細ボタンをクリック」後、TCP/IPタブのIPv4アドレスを確認します。 MAMP PROの「別名」に、確認したIPv4アドレスを入力。ポートは空白でもOK。ここでは、バーチャルドメインに対応するため、「8889」と入力。 これで、IPv4アドレスが「192.168.1.0」だとすると、ParallelsのIEでは、

Flashサイトからインスピレーションを得たい。 そんなときにおすすめなのが、『60 Creative Flash Websites You Should Not Miss』。見ておきたいFlashサイト集です。 かっこいいのが揃っているので、いくつかご紹介します。 If Your Milk Carton MoOOos, You Win! ミルクをモチーフにしたかわいいゲーム Case-Mate: I Make My Case iPhoneのケースデザインができるサイト Plate Interactive 遊び心のあるストップモーション IKEA Soft Toys AID IKEAの、ぬいぐるみの売り上げをSave the ChildrenとUNICEFに寄付するプロジェクト Infrared5 コンサルティングファームであるInfrared5のコーポレートサイト。重なった紙が切り替わっ

86501330, Jupiterimages/ Goodshoot/ Thinkstock かっこいい動きが実装できるjQueryプラグインを探している。 そんなときにおすすめなのが、『25 Amazing and Fresh jQuery Plugins』。新しいjQueryのプラグイン集です。 既出のものがありますが、動きの洗練されたものがまとまっています。 YoxView – jQuer Image Viewer Plugin lightbox系のかっこいいスライドショー Uniform – Sexy forms with jQuery ラジオボタンやファイル選択ボックス、チェックボックスをjQueryでデザイン。ホワイト、グレー+ブルー、ブラックの3タイプがダウンロードできる jQuery Form Wizard Plugin フェードイン&アウトで遷移するバリデーション付きのフ

91831729/ iStockphoto/ Thinkstock サイトをさっと作りたい。 そんなときにおすすめなのが、『Top 10 Html/CSS Web Templates Of March 2010 For Free Download』。フリーのXHTML / CSSテンプレート集です。 いい感じのものが揃っています。 Photographer Enterprise Solutions Corporate 使いやすいものが揃っていると思うので、ぜひ見てみてください。 Top 10 Html/CSS Web Templates Of March 2010 For Free Download また遅れてしもうたすんまへんm(_ _)m今日は天気よくて気持ちいいですね〜。 いろいろ詰まっているので進めます。

デザインに使える or 参考になる素材を探している。 そんなあなたにおすすめなのが、『18 Search Engines For Designers – Creativity Boost』。デザイナーのための素材検索サイト集です。 いくつか便利なサイトがあるのでご紹介します。 IconLet ライセンス情報の記載がある、使いやすいアイコン検索サイト IconLook タグクラウドや人気のアイコンでフィルタリングできるアイコン検索サイト。ライセンス情報の記載がわかりやすい FyFont 画像をアップロードすると、何のフォントかを調べてくれるツール Vectorials ベクターデータのチュートリアルがたくさん見つかるサイト Tutorial Vault Photoshopやillustrator、Flashなどのチュートリアルが見つかるサイト。UIがすっきりしていて探しやすい 一度見てみてく

インターフェースデザインに使いやすいアイコンを探している。 そんなときにおすすめなのが、『PC.DE』。インターフェースに使えるかわいいアイコン集です。 ↑のようなアイコンセットが4種類配布されていますね。 These icons are free for personal use and also free for commercial use, but we require linking to our web site (a backlink from your website, contact us if not possible via email to support@pc.de). ダウンロード後のファイルに、上記のようにライセンスが書かれています。 個人利用、商用利用ともに無料ですが、リンクバックは必要とのこと。リンクバックができない場合は、support@pc.deに問い

見出しなどに使えるフォントを探している。 そんなときにおすすめなのが、『Top 20 Free Fonts for Distinctive Headlines and Titles』。見出しやタイトルに使えるフォント集です。 商用でも使えるものも含まれていますね。 ↑はComfortaa。商用利用可 DuePuntoZero Spin Cycle Aldo かっこいいフォントがそろっているので、一度見てみてください。 Top 20 Free Fonts for Distinctive Headlines and Titles 会計士の友達にいろいろ聞きまくり。すごく勉強になるけど、難しいですね。 個人事業主だと、ある意味会社より経費等算出しにくい印象でややこしいので、外注にしようかと思ったりしています。んーここ数日は経理のことで頭いっぱいだ。

Flash以外でサイトに動きをつけたい。 そんなときに参考になるのが、『Spritely』。ピュアHTMLでキャラクターと背景がアニメーションするjQueryです。 Spritelyは、sprite()とpan()というメソッドを使って、背景画像に動きをつけているようですね。 鳥の画像は以下のように、アニメGIFを一つの画像にしたようなものになっています。 IE6をサポートしているのと、iPhoneでも動くようですね。 一度見てみてはいかがでしょうか？ Spritely さて今日もいろいろ進めるぞ。