Simple Icons Windows8風デザインのソーシャルアイコン９６個セット「Simple Icons」 次のようなWindows8アプリアイコン風デザインのソーシャルアイコンセットです。Windows8アプリ作成や、サイト用に使えるかも MetroのUIはスッキリ見やすいので、使いやすそうですね。 関連エントリ Windows8みたいなサイトが作れるCSS「Metro UI CSS」 Windows8スタイルのダッシュボードUIが作れる「Dashing」 ７５３種の使えるWindows8風アイコンセット「Modern UI Icons」

45 Examples Of Websites Designed With HTML5 | Free and Useful Online Resources for Designers and Developers これは必見のWEBデザインの近未来。HTML5で構築されたサイト45 CSS3なんかも取り入れてデザインは去ることながら、動きもいい感じに実装されています。 WEB業界に身を置く方ならばデザイナーならずとも、出来ることを知っておくという意味で必見のサイトが多数。 多くのプロフェッショナルなサイトにおいてこうした物が近い未来当たり前になっていきそうな予感。 今後、より多くの知識と動かし方に関する引き出しを身に付けた上でクリエイティブな仕事が求められそうで大変な反面、面白いことにもチャレンジできそうな可能性を感じます。 ソニーのタブレットのサイト。超カッコいいです 他にも多数の動き

33 Tutorials to Design Your Own Business Cards | Vandelay Design Blog クールな名刺作成チュートリアル３３ 次のようなクールな名刺を作成するチュートリアルが特集されています。 デザイナーとして活躍されている方は名刺に書いてある肩書きよりも、名刺のデザインでアピールしたほうがよいのかもしれませんね。 あとで見返すこともあったりしますがインパクトのあるものはその時にも注視してしまうものです。 関連エントリ オシャレな名刺を一発作成できる５つの名刺用Photoshopテンプレート プリントして使えるクールな名刺作成Photoshopチュートリアル スーパークールな名刺デザイン３６ 裏表使えるクールな名刺のPhotoshopテンプレート５

ブログのプチリニューアルに使った技術要素色々。 先日、少し頑張ってブログのプチリニューアルを実施したのですが、その際に使った色々な要素をご紹介します。 タイトルも微妙にリデザインしてます まず、当ブログの問題点として、多数ある記事がきっちりカテゴリわけされていないという点がありました。 過去の記事を探そうにも見つけづらくて困るという連絡を頂いたこともあったり。 というわけで、沢山ある記事をある程度自動でオーガナイズしてしまおう、ということで作業してみました。 最初からタグ付けしとけばいいという話ですが、独自の入稿システムがタグを入力できるシステムになっていない事で、既にある５０００以上の記事をいちいち分類するのは面倒なので機械的にやりました。 手間の割には、ある程度いい感じに構築できたかなと思っています。 何か他の仕組みにも参考にして頂ける点もあるかもということでエントリにしてみます。 h

50 Brown Patterns for an Added Impact to your Designs | Naldz Graphics WEBサイトに使うと忘れられなさそうなパンチの聞いた背景パターン集。 今にも動き出すのではどういうのはインパクトの大きい背景パターン集がまとめとして公開されています。 WEBサービスなんかに使ってみてもよいかもしれませんね。 気合の入ったアイデアをインパクトの強い背景画像と共に設定してみるのもいいかも。 関連エントリ 高級っぽさを演出できるPhotoshopパターン500 背景画像に使えるPhotoshopの背景パターン2000 秀逸なテーブルデザインのパターン集 背景画像に使えるシームレスなパターン画像500種 紙質色々なハイクオリティなテクスチャパターン色々

PixeloPhilia2 by *omercetin on deviantART クオリティの高い100以上の32x32アイコンセット「PixeloPhilia2」がdeviantARTにて公開されています。 精細にデザインされていてサイトに入れるとなんともいえないいい感じが出せそうです。 ライセンスはクリエイティブ・コモンズだそう。 関連エントリ サイトで使える500近いフリーのPNGアイコンセット「spirit20」 ウェブサイトに使えるアイコンセットのまとめサイト 10セットの1000種類にのぼる秀逸なフリーのアイコン集

Boolean: The Pixel Icon City by ~PraX-08 on deviantART ドット絵感がいい感じのWEBアプリにも使えそうなアイコンセット「Boolean」が公開されています。 creative commons ライセンスでの公開です。種類は100種類程度が収録されているようです。 サイトに散りばめるとなかなかいい感じを出せそうです。 関連エントリ 手書き感がなんとも素晴らしいアイコンセット集 アイコンデザイナーのためのツール集 478種類の使えるベクターアイコンセット

Technical Note TN2262: Preparing Your Web Content for iPad appleのサイトにiPad用のサイト作成準備のためのページが上がっていました。 USの発売日に３０万台発売ということで、日本でもそれなりに売れることが予想出来ますが、今後iPad用にページを最適化する場合に覚えておくとよさそうです。 メモついでにご紹介。 UserAgent UAはiPadが入ってWebKitベースなので、AppleWebKit となるみたいです。 Mozilla/5.0 (iPad; U; CPU OS 3_2 like Mac OS X; en-us) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B334b Safari/531.21.10 プラグインは使わない Fla

25 Adobe Photoshop actions for a graphic designer toolbox | reADactor 高度な画像編集が一瞬でできてしまうPhotoshopアクションが２５種類紹介されてます。 アクションでここまで出来ちゃうのかというアクション集で、覚えておくと結構楽が出来そうです。 複数のレイヤーをカバーフローみたいに並べて次のように加工してくれるアクション CDカバーを立体的にしてくれるアクション ペーパーバック風にしてくれるアクション DVDケースにしてくれるアクション ２Dのパッケージ画像を立体的でリフレクションのかかった３D画像にしてくれるアクション 虫眼鏡で拡大する効果を得られるアクション 立体的なパネルに加工してくれるアクション キャンバスから飛び出した風の画像を作成できるアクション すべて無料というわけではありませんが、安価に高度な加工が

肌をツルツルに綺麗にしてくれるPhotoshopアクションが凄い。 普通の写真をクリック一発で次のように、綺麗な素肌にしてくれるアクションファイルがdeviantARTにて公開されています。 以下の写真を見れば一目瞭然ですね。 使い方ですが、ダウンロードした、.atn ファイルを、Photoshop の「アクション」部分にドラッグ＆ドロップすれば使えるようになります。 以下のエントリを参照してください。 Enhancing skin color by ~mermes on deviantART 関連エントリ 写真を一瞬でクールに出来るPhotoshopアクションが色々 写真をクールに加工できるPhotoshopアクション集 １クリックで写真の印象を簡単に変えてしまうPhotoshopアクション集

Page Speed Home Google製サイト高速化Firefoxアドオン「Page Speed」というのがリリースされたようで試してみました。 同様のFirefoxアドオンである、Yahoo!製のYSlowがあったりますが、後から出ただけあってYSlowにない便利機能なんかもあるみたいなので併用してもいいかも。 インストールすると、「Page Speed」、「Page Speed Activity」がタブに追加されました。 Analyze ボタンでページの検証が始まります。 検証結果画面。アイコン付きでYSlowより見やすいかも。 ここに表示される警告を直していけばページの高速化が簡単にできますね。 見出しをクリックすると解説ページに移動できます。 ブラウザベースのキャッシュをもうちょっと使うように、ということでメッセージが表示されました。 ブラウザキャッシュに対応するには、apa

600 Nature Brushes for Photoshop 木、葉っぱ、雲、水など自然に関するPhotoshopブラシセットが紹介されていました。 写真に映して、切り取ってオリジナル素材作成なんてことも出来ますが、こうしたものを利用すればお手軽に自然が表現できてしまいますね。 木に関するブラシ Complete Tree Brush Pack リアルな樹木を一発描画できますね Trees Brushes 色々な形の、ロゴ横なんかにつかえそうな綺麗なブラシ 葉っぱに関するブラシ Leaves Brushes 色々な形の葉っぱ型ブラシ Leaves Brushes リアルな形をした葉の形のブラシ 雲に関するブラシ Cloud Brushes リアルな雲が描画できます Beautiful Clouds 山に関するブラシ Mountain Brushes Vector Mountains 雪

WPtouch: WordPress On iPhone ? BraveNewCode Inc. WordPressを簡単にiPhone対応にしてしまえる「WPtouch」。 プラグインとしてインストールすると、iPhone対応のブログに簡単に対応できる模様です。 携帯対応でいえば、「WordPress Plugins/JSeries » Ktai Style (携帯対応プラグイン)」というのもあります。 WordPressでブログを構築しておけば、iPhone、モバイル対応も余裕で出来てしまうということですね。 テンプレートも豊富＆プラグインも豊富で、オープンソースで自動的に拡張して、しかも無料のWordPressは今後ますますブログツールでの一人勝ちの状態になっていきそうですね。

16 Useful .htaccess Tricks and Hacks For Web Developers : Online Marketing Blog - Website Development & Website Marketing tips and Strategies .htaccessで使える16の技が色々と紹介されていました。 1. ErrorDocumentでエラーページ指定の方法 ErrorDocument 401 /error/401.php ErrorDocument 403 /error/403.php ErrorDocument 404 /error/404.php ErrorDocument 500 /error/500.php 2. Timezone設定 SetEnv TZ America/Houston 3. IPブロッキング allow from al

JPG to ASCII Converter - Snippet PHPでJPEG画像をアスキーアートに変換するサンプルプログラムが公開されています。 サービスに使うのもありですし、使い方次第で面白いことができそうです。 関連エントリ PHPで画像を扱うサンプルコード色々 PHPでタグクラウド実装サンプル PHPでFTPファイル送信するサンプルコード

CSSiPhone ? Screens for all your iPhone needs. CSSでデザインされたiPhoneサイトのまとめ「CSSiPhone」。 多数のサイトを見ることで、CSSサイトデザインのノウハウが学べます。 iPhoneサイト作成は、小さいスクリーンの中でいかに情報を表示させるかというのが問われる部分ですが、こうしたページを参考にしていくことでいいものが作れそうですね。 iPhoneサイト作成のときのために覚えておきましょう。 関連エントリ iPhone向けWebアプリを作ろう iPhone用Webページでオブジェクトのドラッグ＆ドロップ、リサイズをジェスチャで行う凄いサンプル iPhoneでのWEBページ作成に「iPhoney」 RememberTheMilkと同期するiPhoneアプリ「Appigo Todo」