Shazam以来すごいアプリを最近使っています。 音声認識Mailっていうアプリで、iPhoneに向けて話すと音声をテキストに変換してくれます。 無料だし精度は低いのかな、と思ってたんだけど、結構高い！普通に正確に変換してくれたりしてびびります。 「メールに転送」ボタンを押すと、テキストが自動的にメール本文に貼付けられます。 家ではちょい使っていこうかな。 これを応用して◯◯◯とか、考えようっと。 あと最近はPaper Tossっていうゲームがなかなかおもろいですー。 何かいいのあったら教えてくださいm(_ _)m

Six Revisionsで、ショッピングカートなどのEコマース系アイコンセットが紹介されています。 ざっといくつかご紹介。 ↑はe-Shop Icons。 Shopping Cart Icon Weby Icons E-Commerce Icon Set ライセンスについてはリンク先を確認してください。 その他のリストは以下からどうぞ。 » 30 High-Quality Icon Sets for E-Commerce Designs 昨日は一日中飲んで寝てたら終わっちゃったぞ遅くなってすんまへんm(_ _)m 海に行く予定だったのになー。くそぅ雨め。

Smashing Magazineで、商用でも無料で使えるノートなどのアイコンセットが配布されています。 Today we are glad to release Quartz Icon Pack, a set with 90 clean, sharp and (hopefully) useful icons for your project. This set was designed by our friend, a Romanian designer Andy Gongea especially for Smashing Magazine and its readers. The Quartz icon set contains 90 semi-transparent .png-icons in the resolution 64×64px. You can use the set

最近はいいサイトばかりだ。 Pictaculousというカラーパレットジェネレーターを見つけました。画像をアップロードすると、↓のようにパレットを作ってくれます。 ケータイにも対応していて、colors@mailchimp.comに画像を添付して送るとメールが返ってきます！やってみたらちゃんと届きました。なんかめちゃうれしい。 インターフェースもとてもかっこいいサイトなので、ぜひ見てみてください☆ » Pictaculous iPhone予約開始ですねーー。高そうだけど行ってみようかな。

決定版がまた続いてしまいますが、、すごいサービスなのでご紹介。 Free Stock Texturesでは、↑のようなテクスチャがたくさん配布されています。 Terms of use FreeStockTextures.com are the authors of all the photos available on this site. All textures may be used for both personal and commercial purposes. You may make any derivative work out of them. However you are not allowed to sell or redistribute these textures in an underived form or if the modified product

決定版が続きますが、かなりクオリティーが高いのでご紹介。 Design ShardでPhotoshopのテキストエフェクトチュートリアルが18個紹介されています。 いくつかご紹介しますね。 ↑はミルクタイポグラフィーエフェクト。 » Candy Coated Text キャンディーで斜めストライプのテキスト » Smooth Glass Type アクアなテキストエフェクト » Text In Stitches ステッチ柄のテキスト » Create Destructive Black and White Lettering with a Dramatic Splash Effect スプラッシュエフェクト » Using Light and Shade to Bring Text to Life 光と影のあるテキストエフェクト ほかにもかっこいいものが揃っているので、ぜひ見てみてください

The Design Inspirationというサイトで、インスピレーションになるクールなタイポグラフィーが紹介されています。 ざっといくつかご紹介。 ↑はDesigned by Company London。 Designed by Stefano Buffoni Designed by Ashed Dreams Designed by Neuarmy Designed by Chank その他のリストは以下からどうぞ。 » 60 Most Stunning Typography Inspiration of All Time うちの今北が6/30にパソナテックさんでイベントをやります。 いつもはオーガナイザーをやっていますが、今回はスピーカーとしての出演ですね。 タイトルもなかなか刺激的です。興味があったらぜひお越しくださいー。

LINE25というサイトで、CSSスプライトを使ったメニューの作り方が紹介されています。 1枚の背景画像を使って、こんな感じでCSSを指定していきます。 デモは以下から。 » View Demo ソースファイルもダウンロードできますね。 ぜひ見てみてくださいー。 » How to Create a CSS Menu Using Image Sprites プロジェクト管理ツールを整備中。結構整ってきたぞ。

Inspired Magazineというサイトで、ユーザビリティーを学ぶための20サイトが紹介されています。 ざっといくつかご紹介。 » UX Booth デザイナー、デベロッパのためになるユーザビリティーレビュー » UX Magazine 記事ごとにいろいろな角度からユーザビリティーに関して考察しているサイト » Usability post いいデザインをするためのTipsや考察 » 456 Berea Street Web標準、アクセシビリティー、ユーザビリティーをテーマに書いているサイト » Boxes & Arrows グラフィックデザイン、インタラクションデザイン、IAなどについて書かれたサイト その他のリストは以下からどうぞ。 » UX Madness – 20 Fantastic Resources For User Experience Know How ぐおー遅くなっ

DESIGNER-DAILYで、デザインのインスピレーションになるサイトが紹介されています。 ざっといくつかご紹介。 ↑はNarien Teas。 Songbird Hotel Arca Lui Noe Common Good Radio Tumblon その他のリストは以下からどうぞ。 » 50 great websites designs for your inspiration 今日は超いい天気ですね〜〜。よぅしがんばるぞぅ。

FlairBuilderというアプリを見つけました。ワイヤーフレームやプロトタイプを作成できるAIRアプリですね。 使ってみた感じ、プロトタイプ寄りですね。コンポーネントをドラッグして、さくさく画面を作っていけます。 アコーディオンメニューなんかもアプリの中で動くから、イメージがつかみやすい感じです。 AIRアプリは入れるのも作るのも面倒そうだなと思っていたけど、AIRさえインストールしていれば（Leopardはプリインストールされてるのかな？）、便利なアプリだったらユーザー的には何でもいいし、作る側からするといきなりOSを選ばずにクロスプラットフォームで作れるのはすごいメリットですよね。 一度見てみてくださいー。 » FlairBuilder 今日は雨ですねー。でもがんばるぞーー。

HowToMakeMyBlogというブログで、ダウンロード数の多いWordPressプラグインTOP18が紹介されています。 それぞれ20万回以上ダウンロードされているようですね。 ざっといくつかご紹介。 » NextGEN Gallery イメージギャラリープラグイン » WP Super Cache 静的なHTMLファイルをはきだすキャッシュエンジン » Contact Form 7 シンプルだけどフレキシブルなコンタクトフォームプラグイン » Viper’s Video Quicktags YouTubeやVimeoから簡単に動画をポストできるプラグイン » WP-PageNavi 機能的なページングを追加できるプラグイン その他のリストは以下からどうぞ。 » Top 18 most downloaded WordPress plugins ever ちょいまったり、と。やっぱり早起

populair.euっていうWebデザインのリソースまとめサイトを見つけました。 素材やWebデザインに関するブログ、インスピレーションになるサイト、ジェネレータ、カラー、タイポグラフィー、アイコン、ロゴなど、Webデザインに関するサイトがたくさん紹介されています。 アイコンだったら以下のような感じですね。 » iconspedia » famfamfam » Feed Icons » ICONlook.com » iconlet.com 気に入ったサイトを購読してみてはいかがでしょうか？ » populair.eu 昨日はyumikingの結婚パーティー。楽しかったぞ。おめでとー！

DESIGNM.AGで、商用でも無料で使える素材がある12ブログがまとまっています。 ↑はSeamless Stripes。 Patternheadにあります。 Tools Icons こちらはSmashing Magazineで配布されている。 その他、Bittboxのグランジ素材、Six Revisionsのテクスチャ、Design Shardのテクスチャ、Colorburnedのブラシなど、それぞれのサイトの中から商用でも無料で使えるものがまとまっています。 一度見てみてください。 » 12 Blogs with Freebies for Commercial Design Use 今日もがんばりましょう。もう木曜日かー。

myInkBlogで、よく見るWebデザインのトレンドが紹介されています。 ざっとご紹介。 ↑はPaul Wallas。 個人サイト&手書きの要素を使った例 Project Vino 綺麗なイラストを使った例 Ethem Budak 紙とコラージュ風のデザイン例 QualityXHTML 木の要素を使った例 それぞれ他にもたくさん紹介されていますね。 一度見てみてください。 » A Showcase of Popular Web Design Trends 代々木公園でやってるタイフェスに行ってきたぞ。 シンハービールを飲んでパッタイ、海老トースト、トムヤムクン、ランブータンを食べて、ココナッツジュースを飲んだぞ。ココナッツジュースは失敗したよ。 楽しかった〜♪

devSnippetsで、リストをデザインするためのCSSプラクティスが紹介されています。 ざっといくつかご紹介。 » Elastic Calendar Styling with CSS CSSでデザインしたカレンダー。↑のキャプチャはこちら » Simulating a Table Using an Unordered List ul,liでテーブルレイアウトを作る » How to Create a Block Hover Effect for a List of Links リンクのリストにブロックのhoverエフェクトをつける » Turning a list into a navigation bar リストをナビゲーションバーに » FORM elements design using CSS and list (ul and dl) ulとdlを使ってフォームを作成 » Pr

Naldz Graphicsで、キャラクターのイラストを使ったデザインが紹介されています。 ざっといくつかご紹介。 ↑はcouponninja。 fatburgr veerle.duoh projectvino meomi その他のリストは以下からどうぞ。 » 45+ Excellent Examples of using Character Illustrations in Web Design 朝まで遊んでえらい楽しかったぞ。5時ごろに天下一品に行ったのは間違いだったな。。 今日はいい天気ですね〜出かけようっと。

Smashing Magazineで、エレガントでオリジナルなブログデザインが紹介されています。 ざっといくつかご紹介。 ↑はMa.tt。 Ayakaito retinart Bert Timmermans Good Little Wee Blog その他のリストは以下からどうぞ。 » Showcase Of Elegant And Original Blog Designs GWですねー。早速朝まで遊んで寝すぎたぞ。

noupeで、FlashとAction Script3.0のチュートリアルが紹介されています。 ざっといくつかご紹介。 » Create an Impressive Magnifying Effect with ActionScript 3.0 displacementMapFilterを使って拡大鏡のエフェクトをかける » Creating Gradients in Flash Flashでグラデをかける基本操作を動画で学ぶ » Infinite Gallery / Menu Flash,AS3でギャラリーやメニューを作る方法 » Using the Timer Class to animate rotation タイマークラスを使って、シンプルなシェイプを回転させるチュートリアル » Flash Mouse Trailer with Stars マウスに星がついてくるエフェクト » C

We ♥ Iconsというサイトを見つけました。 インターフェースがとてもかっこいい、アイコンを愛する、アイコン制作チームのようですね。 ↓のページにはアイコン制作に役立つアプリが紹介されていて参考になりますね。 一度見てみてください。 » We ♥ Icons 藤田社長の本を買った。生の現場の内容で具体的だから勉強になりますね。仕事学、経営学について勉強を重ねようっと。

Qooのｻｲﾄがﾘﾆｭｰｱﾙ｡ｸｰｯと親子でいい時間｡

Best Design Optionsというサイトで、Photoshopのグラデーションファイルがたくさん紹介されています。 ざっといくつかご紹介。 その他のリスト&ダウンロードは以下からどうぞ。 » How to Use Photoshop Gradients Plus 600+ Gradients to Download いい天気ですねー。ドライブ日和だな。

dzineblogで、いいデザイナーになるために参考になるサイトがたくさん紹介されています。 ざっといくつかご紹介。 チュートリアル » Tutorial9 » Photoshop Lady » HV Designs » Tutorial Dog デザインフォーラム » Designers Talk » Graphic design forum コミュニティー » Humble Voice » Deviant Art » Carbonmade デザインブログ » Design Melt Down » A list Apart » Design Mag 有名なものからちょっとマイナーなものまで、よくまとまっていますね。 ぜひ見てみてください。 » 50 Sites That Will Help You To Become a Better Designer MacBookのスピーカーの音がよ

devthoughtというサイトで、テキストボックスのリストをタグに変えてくれるスクリプトが紹介されています。 テキストを入力してEnter、あるいはカンマを入力すると、こんな風にリストにしてくれて、簡単に選択したり削除したりできるようになります。 submit後は、 Array ( [test] => Tag 1,Tag 2,Tag 3 [test2] => Tag 1,Tag 2 [test3] => John Doe,Jane Roe [submitform] => Submit ) こういう配列で取得できる、と。 なかなか面白いスクリプトではないでしょうか。 サイトも雲をドラッグできたり、クリックすると雷が落ちたり雲が消えたりして面白いので、ぜひ一度見てみてくださいー。 » TextboxList P.S.アイラヴユーを見た。なかなかおもしろかったかな。

HONGKIATで、トレンドを作り出すデザインスタジオが紹介されています。 とてもクール。しびれました。 ざっといくつかご紹介。 ↑はWeightshift。 シカゴを拠点とした少数精鋭のデザインエージェンシー Lounge Lizard Webサイトデザイン、マーケティングを行うエージェンシー Wonderful Union シアトルにあるデザイン会社。Dreamworks, Getty Images, Microsoft, Nintendo, Xbox, Zuneといったクライアントの制作実績を持つ Clearleft デザイナーやプログラマ、ライターなど、8人のデザインチーム SOFA インタラクションデザインが得意なデザインスタジオ。versionsの開発会社でもある。制作物はとてもクール その他のリストは以下からどうぞ。 » 50 Trend-setting Design Stu

Tutorial9で、商用でも無料で使えるアイコンパックが配布されています。 This Free Icon Pack is for use in your personal and commercial projects, and can be used without attribution. It may not be redistributed. このフリーアイコンパックは、個人利用、商用利用ともに利用可能。クレジット表記は不要。再配布は禁止。 とのことで、自由に使えるアイコンとなっていますね。 Midtone Design Studioにデザインを頼んで、26個のスタイリッシュなアイコンが完成したようです。48x48pxのpngフォーマット。デザイナーはJonatan Castro Fernándezさんとのことですね。 ぜひ使ってみてはいかがでしょうか？ » Free Icon

dzineblogでクールなカミングスーンページデザインがたくさん紹介されています。 ざっといくつかご紹介。 ↑はUpstate。 Luke’s Beard Cube Frog Fav Moive The Helvetica テーマがニッチで面白いですね。 その他は以下からどうぞ。 » 25 Examples of Cool Coming Soon Page Designs – Part II カフェで飲みながらブレスト。ほとんど飲んで終わったなw。楽しかった。WILKINSONのジンジャーを初めて飲んだけどうまいね〜。

Abduzeedoで美しいロゴが30個紹介されています。 ざっといくつかご紹介。 ↑はPastamasta。 iceberg GIRAFRICA MARY & ANDY SWING それぞれサイトのコンセプトに合った、かわいいロゴになっているのでデザインの参考にしたいですね。 その他のリストは以下からどうぞ。 » 30 Beautiful Logos 電源はやっぱもたないか。。

JUST CREATIVE DESIGNで、ロゴデザインをするためのプロセスが紹介されています。 ざっとご紹介。 デザインラフ デザインラフを作るためにクライアントにいくつかの質問をする リサーチ 業界やその歴史、競合についての研究を行う 参照 成功しているロゴデザインの事例と、デザインラフに関係するトレンドの研究をする スケッチとコンセプトの立案 ラフと研究結果に従ってデザインコンセプトを決定する 省察 一旦寝かせる。これによりアイディアが熟成する ポジショニング 有用な仕事相手として長い関係を築く プレゼンテーション 選び抜いたロゴだけ、あるいはすべてのロゴをクライアントに見せる。ベストのものだけ見せるのがよい 打ち上げ お酒を飲み、チョコレートを食べて寝よう。そして次のロゴデザインに向かおう 元記事には画像も載っているのでぜひ見てみてください。 » The Logo Design P

Flash Lite 1.1 + MySQL + PHP データベースに保存・読み込みFlash lite1.1 でゲームを作っていて、 ゲームのスコアをloadVariables関数で, ＰＨＰにデータを渡してテキストデータ（.txt）に保存しようと思ったが ランキングスコアのソート処理とか排他処理 （複数のユーザからアクセス要求が出された時に同時書き込みを防ぐ) の部分で問題が出てくるということで、 PHPもろくにできない状態で、データベースの勉強を初めてしつつ Flash lite とPHP、MySQLの連動 ができました。（制作 まる ２日） トライアンドエラーでかなりloadVariablesの部分と PHPのプログラム,文字コードでやられました。 なんとかできたと思うのでメモしておきます。 各携帯キャリアなどでチェックしていないのでなんともいえませんがね・・・ ちなみに私のはD

SmashingMagazineで、Webデザインにおける背景の効果的な使い方が紹介されています。 ざっといくつかご紹介。 ↑はeWedding。 kraftfoods Duplika Studiobanks jayhafling ディテールまで凝ったものや斬新なものまでいろいろあるので、ぜひ見てみてください。 » Backgrounds In Web Design: Examples And Best Practices 仕事始め。明治通りをクロスバイクで快走した。25分くらいで運動にもちょうどいいね。始まりが遅いからゆっくりと朝カフェ中なのだ。

「Six Revisions」で、使えるPhotoshopチュートリアル&Tipsがたくさん紹介されています。 ざっといくつかご紹介。 » 6 Photoshop Tips and Tricks That You Probably Don’t Know About あなたがおそらくまだ知らないPhotoshopのTipsやテクニック6選 » How to choose the right image format? web上の様々なケースに合わせてBMP,GIF,JPG,PNGといったファイルフォーマットを適切に選択する方法 » The hidden power of Photoshop brush tool ブラシツールの便利な使い方を紹介 » 10 Photoshop Techniques You Can’t Work Without 知っておきたいPhotoshopのテクニック10選

「Nettuts+」で、10 Rare HTML Tags You Really Should Knowと題して知っておきたいマイナーなHTMLタグが10個紹介されています。 以下にいくつかご紹介しますね。 <optgroup> セレクトボックスの要素をグループ分けできます。 ↓こんな感じですね。 Showtimes <acronym> マウスオーバで表示されるツールチップテキストを定義できます。 SEO is full of trickery and magic. <ins> and <del> セットで使用。削除したい（del）箇所と追加した（ins）箇所を明示。 <abbr> <acronym>と似ている。マウスオーバでツールチップテキストを表示。タイトル属性に記述。 こんなところですね。 その他は以下からどうぞ。 » 10 Rare HTML Tags You Really Sho

「Smashing Magazine」で、タイポグラフィーに関する素晴らしいブログ集が紹介されています。 ざっといくつかご紹介。 ↑のキャプチャはType for You。BlogSpotで運営されていて、フォントレビューやイベントなど、タイポグラフィーにまつわることを扱ってるようですね。 NiceWebType タイポグラフィーについての情報を集めています Design & Typo タイポグラフィーの素材やTIpsを紹介しているブログ FontLover あらゆる種類のフォントやフォントのアップデート、レビュなどを紹介するブログ タイポグラフィー好きな方は見てみてはいかがでしょうか？ » Fantastic Typography Blogs For Your Inspiration いろいろと映画を見ています。「レッドクリフ」おもろかったね。男性はみんなかっこよくて女性は綺麗すぎました

「Webdesigner Depot」で、同一色相配色のWebデザインがまとまっています。 以下にざっとご紹介。 ↑はAaron J. Shapiro。かっこいいですよね。 Stlye Division Henry Hoffman Citizen Fly Guy Designs Mint The Invoice Machine 「青・オレンジ・ブラウン・緑・紫・赤・無彩色」といったカテゴリーにわかれてたくさん紹介されていますね。 その他は以下からどうぞ。 » 50 Monochromatic Website Designs サーバ移行中。FTPが全然終わらん。。。んー早く出かけたいのにな。

「AREA 1」で、60 Layout design tutorialsと題してレイアウトデザインを学ぶためのチュートリアルが紹介されています。 12ページあって見るのは大変ですが、WordPressデザインやポートフォリオサイト、コーポレートサイトなど、クールなデザインレイアウトのチュートリアルがたくさん見られます。 以下にざっとご紹介。 ↑はGreenPress WordPress Theme Design。 Website Gallery Layout Design Tutorial Site Blog Design Chocolate Pro WordPress Style Layout Portfolio Web Layout #5 Tutorial Wedding Layout その他は以下からどうぞ。 » 60 Layout design tutorials デザインに迷った

「smashing apps」でクリエイティブなフリーアイコンセットがたくさん紹介されています。 ざっとご紹介。 ↑はPioneer Camp。 Antique Icons Windows 7 Base Icons Scholny Icons Pure Free Glossy Vector Player Icons Vector Arrow Icons ベクターアイコンも含まれているので、結構使えそうですね。 その他のリストは以下からどうぞ。ライセンスについてはリンク先を確認してください。 » 43 Creative Examples Of High Quality Free Icon Sets 先日ニューヨークの「地球の歩き方」を買いました。今日は諸々進めたりニューヨーク研究をしようっと。

「Web Design Ledger」で斬新なレイアウトのブログデザインが紹介されています。 いくつかざっとご紹介。 ↑はNEWTOYORK。 Alex Buga SpaceCollective Information Architects グリッドレイアウトが多いですね。右寄せにするだけでもあまり見ないから面白い感じが出ますね。 その他のリストは以下からどうぞ。 » 10 Blog Designs with Innovative Layouts 今日は天気いーですねー。さいこーだ。 休日だけど朝カフェ中っと。ちょっとしたイベントに行ってきます。

「Abduzeedo」で手の込んだシンボルを作るillustratorのチュートリアルが紹介されています。 ・楕円形ツールで正円を描く ・その上に幅を変更した楕円を4つ作ってそれぞれを上下左右に寄せて配置し、乗算で重ねる ・すべてを選択して「パスファインダ」から分割を選択 ・「ダイレクト選択ツール」で結合させたいところを「パスファインダ：合流」をしながら範囲を作っていく ・グラデーションでそれぞれに色をつけていく という感じですね。 作ってみたら↓こんな感じにGoogle Chromeみたいになったので、↑の画像ではPhotoshopで「色相・彩度」で「色彩の統一」にチェックを入れて色を調整してみました。 ぜひ参考にしてみてはいかがでしょうか？ » Illustrator Quick Tips #1 – Complex Symbols with Pathfinder 電源のあるマックを見つ

「SitePoint」でフリーの写真素材サイトが紹介されています。 ざっといくつかご紹介。 » stock.xchng 超定番ですね。パレートの法則的にはほぼここだけでいいのでは » morgueFILE 200,000を超えるフリー画像 » Unprofound.com 色でソート可能な素材サイト » Photoeverywhere UKでの旅やレジャータイムを中心とした3,000を超える写真いろいろ » STUDIO7DESIGNS Free Stock Photography 高解像度の自然の写真素材 » FreePhotos.com 4,600以上の素材集。検索ができ、カテゴリーからも探しやすい » AarinFreePhoto.com ユーザー登録なしで利用可能。950以上の素材いろいろ その他のリストは以下からどうぞ。 » A Collection of 30+ Free St

お知らせ: このページを編集し直したものが、 カットシステムから 出版されました (2008/12/25発売) (amazonはこちら)。 このページには、 クリエイティブ・コモンズ (表示-非営利-継承 2.1 日本) のライセンスを 適用していますが、 書籍版に関しては、 「著作[権]者から許可を得ると、これらの条件は適用されません」 の条件に基づいて、私の許可を得て営利目的で出版されたということです。 なお、書籍版にも 同じライセンスを適用しました。 目次 卒論発表対策最短コース： 良いプレゼンと悪いプレゼン、 式や記号の書き方 、 グラフの書き方 オンライン授業についての雑感（「スライド画面＋説明音声」はわかりにくい） はじめに 良いプレゼンと悪いプレゼン （まずは、これを見て） 自分が理解している内容を自分の言葉で （原稿を書き言葉で読み上げるのはダメ） 「事実」と「意見」 話し

新しいデザインのロゴを作りたい。 そんなときに参考になるのが、『Logo Design Trends 2009 – Showcase』。2009年のロゴデザインのトレンドだ。 以下にいくつかご紹介。 ↑はサイケデリックでポップな背景のロゴ。 折り紙 触感的、リアルなロゴ アラベスク クラシックモダン ピクトグラム 80年代の幾何学デザイン タイポグラフィー ストリートアート パズルパターン その他のリストは以下から。 » Logo Design Trends 2009 – Showcase 2009年のロゴデザインのトレンド、チェックしてぜひ見ていただきたい。 先日「イーグル・アイ」を見た。結構おもろかったね。