10月 | 2009 | 株式会社クリーム | グラフィック & Webデザイン

category: Web

date: October 31, 2009

よくTweetされているブランドランキング50

TweetedBrandsというサイトで、よくTweetされているブランドがまとまっています。左上から順番に、Tweet数の多い企業が並んでいますね。こうしたまとめは面白いな、と思いました。一度見てみてください♪ TweetedBrands

category: Design

date: October 31, 2009

ロゴデザインの始めから終わりまで

Layers Magazineで、ロゴデザインの始めから終わりまでのプロセスが公開されています。以下のような感じで解説されていますね。まず、コンセプトを固めてから手書きのスケッチに移る。イラレで白黒の状態でいくつかのデザインを描いてみる。ここではロゴのシェイプとコンセプト …

category: Technology

date: October 31, 2009

独自のWordPressテーマを作るチュートリアル20+

TUTORIAL LOUNGEで、独自のWordPressテーマを作るチュートリアルがたくさん紹介されています。ざっといくつかご紹介。 Photoshopで作るモックアップ（PSDダウンロード付き） WordPressのテーマを一から作る方法 Part 1（PSDダウンロー …

category: Design

date: October 30, 2009

Android Update 1.6とフリック入力

Androidのシステムアップデートがきたのでダウンロード。1分くらいで完了しました。以下の機能が追加されています。音声で地図を検索し、乗換案内や徒歩ルート、お店やサービスの詳細情報、評判を入手 Android用クイック検索ボックスで携帯電話とウェブを検索新しいAndr …

category: Web

date: October 30, 2009

無料でダウンロードできるクオリティーの高いPSDファイル500+

2EXPRERTSDESIGNというサイトで、無料でダウンロードできるクオリティーの高いPSDファイルがたくさん紹介されています。いくつかご紹介しますね。 ↑はGrass Number PSD ( by PsEvi )。 Web User Interface Treasur …

category: Technology

date: October 30, 2009

テーブル周りの素晴らしいjQueryプラグイン30

jQuery Wisdomというサイトで、テーブル周りの素晴らしいjQueryプラグインが紹介されています。ざっといくつかご紹介。 graphTable: graph data from HTML table using flotHTMLのテーブルデータからグラフを作ってく …

category: Technology

date: October 30, 2009

HTML5のクールなサイト

DIVE INTO HTML5というサイトを見つけました。 HTML5でサイトを作っていますね。フォントには@font-faceを使って、EOTファイルを使っています。 HTML5からWeb Fontsとして、サーバにフォントファイルをアップロードすることで、ユーザのPCにイ …

category: Design

date: October 29, 2009

シンプルでかっこいいデザイン40

spyrestudiosで、シンプルでかっこいいデザインがたくさん紹介されています。ざっといくつかご紹介。 The Designed The Old Fashioned Posh CSS Huwshimi Spinz 白を基調にタイポグラフィーに凝ったものや、ホワイトスペー …

category: Technology

date: October 29, 2009

読んでおきたいユーザビリティーに関するブログ10

UX Boothというサイトで、読んでおきたいユーザビリティーに関するブログがまとまっています。ざっといくつかご紹介。 Usability Post見た目だけでなく、機能的に美しいデザインをテーマにしているブログ Boxes and Arrowsグラフィックデザインやインタ …

category: Technology

date: October 29, 2009

jQueryベースのWordPressプラグイン25

CSS REFLEXというサイトで、jQueryベースのWordPressプラグインがたくさん紹介されています。いくつかご紹介しますね。 WordPress jQuery Lightbox Pluginページにオーバーレイで画像を表示できる WP-Slimbox2 Plug …

category: Web

date: October 28, 2009

デザイナーのためのAdobe AIRアプリ47

speckyboyで、デザイナーのためのAdobe AIRアプリがたくさん紹介されています。いくつかご紹介しますね。 Polaris – Desktop Reporting for Google AnalyticsGoogle Analyticsのデータが見られ …

category: Technology

date: October 28, 2009

高さが可変するタブ型コンテンツの作り方

CSS TRICKSで、高さが可変するタブ型コンテンツの作り方が紹介されています。タブをクリックすると、フェードイン&アウトでコンテンツが切り替わって、高さもコンテンツの量に合わせて可変しますね。デモは以下から。CSS TRICKSのサイドバーに実装されています …

category: Design

date: October 27, 2009

アイルランドのWebデザイン

Smashing Magazineで、アイルランドのWebデザインがまとまっています。いくつかご紹介しますね。 ↑はWhite Noise Studios。 paper jam Country Kitchens Bakery Locle Freshest あまり見ないような …

category: Web

date: October 27, 2009

ブログに貼れるTwitterのRetweetボタンいろいろ

cheth studiosというサイトで、ブログに貼れるTwitterのRetweetボタンがいろいろ紹介されています。ざっとご紹介しますね。 Tweetmeme TwittLink Twittley Retweet.com BackType デザインがそれぞれ違うので、ブ …

category: Diary

date: October 26, 2009

Webデザイナーのためのオープンソース

cometdocsというサイトで、Webデザイナーのためのオープンソースがたくさん紹介されています。いくつかご紹介しますね。 Open Web design.orgフリーのデザインテンプレートがダウンロードできるコミュニティーサイト Open Design Communit …

category: Design

date: October 26, 2009

illustratorのテキストエフェクトチュートリアル40

noupeで、illustratorのテキストエフェクトチュートリアルがまとまっています。ざっといくつかご紹介。 ↑はプレスしたようなスタイルのテキスト。ハートの中のワープテキストグランジエフェクト飛び出してくるような3Dテキスト渦巻き型のエフェクトリンク先の解説 …

category: Technology

date: October 26, 2009

Mootoolsでレトロなパタパタ時計を作るチュートリアル

net tuts+で、Mootoolsでレトロなパタパタ時計を作るチュートリアルが紹介されています。 1秒ごとに、パタッパタッとめくれる時計ですね。上の部分と下の部分でHTMLを分けていて、CSSでスタイリング、Mootoolsで動きをつけているようです。時計もjavasc …

category: Technology

date: October 24, 2009

ソースコードを書くときのスタイルシート

最近ソースコードを書く機会が時々あるので、HTMLとCSSを整備してみました。実体参照への変換は、今までDreamweaverのデザインビューにペーストして、コードビューで変換されたものを使っていたんだけど、<br />が入っちゃうんですよね。なのでakiya …

category: Design

date: October 24, 2009

androidのアプリ

HT-03Aに、アプリをいくつか入れてみました。「マーケット」っていうアプリを起動すると、「アプリケーション」「ゲーム」の2つのカテゴリーがあって、その下もいくつかのカテゴリーに分かれています。もちろん検索もできますね。カメラ系のアプリがほしかったので、「Fxカメラ」って …

category: Diary

date: October 24, 2009

オフィスに無料で届けてくれる、1本満足バーキャンペーン

アサヒフードアンドヘルスケア株式会社さんからの招待で、「1本満足急便（配）」会社設立記者発表イベントに行ってきました。ほりけんが「1本満足急便（配）」という架空の会社の社長になって、社員がオフィスに出向いて1本満足バーを届けてくれる、というキャンペーンですね。社員は全員お笑 …

category: Web

date: October 24, 2009

マンガが作れるジェネレータ

なかなか面白いサービスを見つけました。CREATE YOUR COMICというサイトで、マンガが作れるジェネレータです。まずマンガのフレームを選択して、こんな感じの画面になります。オブジェクトをドラッグしていきます。背景画像やキャラクター、文字を重ねてマンガを作っていきま …

category: Design

date: October 24, 2009

有名なデザインブログのロゴで使われているフォント集

Build Internet!で、有名なデザインブログのロゴで使われているフォントがまとまっています。ざっといくつかご紹介。 Woork Up – FFF Forward SpoonGraphics –Strait Line25 – He …

category: Web

date: October 23, 2009

ブログにRetweetボタンをつけました。

ふと思い立って、ブログにRetweetボタンをつけました。以前紹介した以下のエントリーを参考に、さっとやってみました。ブログにRetweetボタンを設置できるスクリプト Retweetスクリプト <script type="text/javascript&q …

category: Web

date: October 23, 2009

Picasaのイメージギャラリーを作るチュートリアル

net tuts+で、Picasaのイメージギャラリーを作るチュートリアルが紹介されています。 jQueryを使って、カルーセルのようにスクロールできるギャラリーになっていますね。画像をクリックした時にはFancyboxが、レイアウトには960 Grid CSSが使われてい …

category: Technology

date: October 22, 2009

フェードしながらスライドするjQueryプラグイン

POSITION ABSOLUTEというサイトで、フェードしながらスライドするjQueryプラグインの実装方法が紹介されています。トグルスイッチをクリックすると、中のコンテンツがフェードしながらスライドして表示されます。デモは以下から。 View demo ソースコードは …

category: Technology

date: October 22, 2009

jQueryを使ってCSSを補強するテクニック15

Web Developer Plusで、jQueryを使ってCSSを補強するテクニックが紹介されています。ざっといくつかご紹介。 jQueryでカラムの高さを統一するequalHeights pluginを使って、一行でカラムの高さを同じにする入力中のフォームをハイライト …

category: Web

date: October 22, 2009

デザイナー・デベロッパーのためのAIRアプリ・ブラウザアドオン50

WebAppStormで、デザイナー・デベロッパーのためのAIRアプリ・ブラウザアドオンがたくさん紹介されています。いくつかご紹介しますね。 Splashup Light無料。軽量な画像編集アプリ Fractal4D無料。3D画像を作成できて、illustratorなどのソ …

category: Design

date: October 21, 2009

グラデーションが美しいタイポグラフィー

Six Revisionsで、グラデーションが美しいタイポグラフィーがいろいろと紹介されています。いくつかご紹介。 ↑はatebits。 Radium Idea Foundry Keypoint Mein Brandenburg 無彩色や青、緑、オレンジなど、色も様々なので …

category: Diary

date: October 21, 2009

赤レンガ倉庫の風景

先日横浜の赤レンガ倉庫に行ってきた。行くのは初めてだったんだけど、すごく楽しかったですね。素敵なお店が目白押し。また行きたいな。

category: Technology

date: October 21, 2009

WordPressのコーディングテクニック10

Smashing Magazineで、WordPressのコーディングテクニックが紹介されています。これは自分的にもタイムリー。ざっとご紹介しますね。エントリーごとのスタイルを変えるpost_class()を使って、「.henry」「.sticky」「.category- …

category: Diary

date: October 21, 2009

二子玉の河川敷から

先日二子玉川の河川敷にピクニックに行ってきた。晴れててすごく気持ちよかったですね。弁当を持って出かけて、青空の下で食事、と。たまにはこういう休日もいいな。

category: Technology

date: October 20, 2009

サイトを魅力的にするjQuery10+

cats who codeで、サイトを魅力的にするjQueryがいろいろ紹介されています。いくつかご紹介。 Easy Display Switch with CSS and jQueryボタンクリックでリスト表示とカラム表示を切り替えられる Turn any webform …

category: Technology

date: October 20, 2009

ユーザーエクスペリエンスを向上させるjQueryプラグイン7

Shiny Blogで、ユーザーエクスペリエンスを向上させるjQueryプラグインが紹介されています。いくつかご紹介しますね。 iconDockMacのDock風拡大エフェクト Simple Controls Gallery 自動でスライドするイメージギャラリー Flip! …

category: Technology

date: October 20, 2009

CSS3・HTML5のブラウザ対応状況一覧

Deep Blue Skyというサイトで、CSS3・HTML5のブラウザ対応状況一覧がまとまっています。自分のブラウザのCSS3・HTML5対応状況を調べてくれるjavascriptライブラリ、Modernizrを使って調べたようですね。 ↑はMac Firefox3.5。 …

category: Gadget

date: October 19, 2009

iPhoneアプリ用のアイコンが作れるサイト

iConeという、iPhoneアプリ用のアイコンが作れるサイトを見つけました。インターフェースがとてもクール。真ん中に置くアイコンのイメージをアップロードできたり、アイコンのベースカラーをRGBで変更できたりします。PNG形式かJPG形式を選択してダウンロードできますね。 …

category: Technology

date: October 19, 2009

Windows,Mac,Linuxで使えるエディタ18

net tuts+で、Windows,Mac,Linuxで使えるエディタが紹介されています。エディタは自分に合った、理想的なものを探したいですよね。いくつかご紹介します。 Windows用 Visual Web Developer無料で使えるエディタ phpDesigne …

category: Diary

date: October 19, 2009

フリーのセリフフォントAtoZ

DESIGNM.AGで、フリーのセリフフォントAtoZが紹介されています。ざっといくつかご紹介。 ↑はImprimerie。 Bambi Centabel Goudy Bookletter 1911 Old Typefaces A-Z List of some of the …

category: Design

date: October 18, 2009

アイディアが面白いロゴデザイン60+

instantShiftで、アイディアが面白いロゴデザインがまとまっています。いくつかご紹介しますね。 ↑はATTACK。 BICYCLE MUSEUM FILM URBIA fastclick JET lag TOURS アイディアが面白くて、デザインもかっこいいものが揃 …

category: Technology

date: October 18, 2009

jQueryで作るメガメニュー

iHwy, Inc.というサイトで、jQueryで作るメガメニューが紹介されています。 ↑のようにマウスオーバーすると、その中に含まれるリストが綺麗なレイアウトで表示されます。ECサイトなど、たくさんのリンクがある場合に有効そうですね。デモは以下から。 View the D …

category: Design

date: October 18, 2009

デザインをリニューアルしました。

ブログをマイナーバージョンアップしてたらミドルバージョンアップ並になってきたどないやねん。ちょこちょことフォントとかいじってたらいろいろとやりたくなって、エントリータイトルとmeta情報、全体の色の統一とかいろいろやっちゃったぞ。勢い余ってロゴも変更してみました。前から変 …

category: Web

date: October 17, 2009

アルファベットを大文字・小文字などに変換してくれるサービス

UPPERCASEIT.COMというサイトを見つけました。アルファベットを大文字・小文字などに変換してくれますね。 textareaにテキストを入力して、UppercaseやLowercaseのチェックを入れてボタンをクリックすると、下に変換結果が表示されます。 Flip T …

category: Diary

date: October 16, 2009

ffffoundのECアイテム版

SVPPLYっていうサイトを見つけました。いい感じの商品画像が並んでいて、ffffoundのECアイテム版といったところですかね。画像にマウスオーバーした時にツールチップが現れて、投稿者と販売元の情報が表示されますね。投稿者をクリックすると、その投稿者がpostしたアイテム …

category: Design

date: October 16, 2009

余白をうまく使ったロゴデザイン

LOGODESIGNLOVEで、余白をうまく使ったロゴデザインが紹介されています。ざっといくつかご紹介。 ↑はDolphin House logo – Ico Design。 Elefont logo – Logo Motive Designs ED …

category: Technology

date: October 16, 2009

Flickrのティッカーを作りました。

前から作りたかったFlickrのティッカーを作りました。AS3ですね。ばり楽しい。サイドバーで順番にフェードイン&アウトして表示するようにしています。 Flash Playerは10でもいいかな、と思ったんだけど、ユーザに影響が少ないように9で書き出しています。 j …

category: Technology

date: October 15, 2009

jQueryのスライドショーがかっこいいpinch/zoomのサイト

モバイル&Webアプリの制作チームであるpinch/zoomのサイトがかっこいいです。 jQueryを使ったスライドショーをメインに置いていて、とてもクールですね。遷移する感じが気持ちいいし、タイポグラフィーやイラストもすごくいいです。全体的に絶妙な角丸のインター …

category: Design

date: October 14, 2009

魅力的なvCardデザイン30

Six Revisionsで、魅力的なvCardデザインが紹介されています。ざっといくつかご紹介。 ↑はJoao Da Silva。 Maykel Loomans Tim Van Damme preshit’s card contact.lee-norris.c …

category: Technology

date: October 14, 2009

Mac + FlashDevelop + Flash CS4の環境を整えた

AS使いが絶賛するFlashDevelopを前から使いたかったんですが、Windows版しかなくて使っていなかったんですね。だけど思い立って設定したぞ。ばり快適。 MacのParallelsのWindows XPでFlashDevelopを動かして、そのままswfをパブリッシ …

category: Diary

date: October 14, 2009

Pixelmatorが半額になっとる

Pixelmatorが半額で買えるようですね。ということで買っちゃった♪ kuzyoさんのつぶやきで知りました☆ アンケートに回答するとクーポンが発行されて、そのクーポンコードを入力することで、$29.99で購入できます。ダウンロード版のダウンロード画面に遷移した後、Seri …

category: Design

date: October 13, 2009

使えるアイコン6選

graphicratingで、使えるアイコンが紹介されています。その中でもあまり見たことのないものをご紹介します。 32px Mania ダウンロード後の「Readme.rtf」に以下のようにあるので、自由に使えそうです。 This set is absolutely fr …

category: Design

date: October 13, 2009

ロゴデザインをする時に参考になるサイト60+

DESIGNM.AGで、ロゴデザインをする時に参考になるサイトが紹介されています。 4つのカテゴリーに分かれてたくさんありますね。いくつかご紹介します。ロゴデザインのインスピレーションが得られるサイト » Logo Faves » LogoGala …

category: Web

date: October 13, 2009

jQueryを使ったTwitterティッカー

Tutorialzineというサイトで、jQueryを使ったTwitterティッカーの作り方が公開されています。デモは以下から。 » Demo Twitterでのつぶやきをブログパーツ的に表示できる、jQueryとCSSで作ったティッカーですね。複数のアカウント …

category: Design

date: October 12, 2009

イラストをうまく使った美しいWebサイト35

PSDFANで、イラストをうまく使った美しいWebサイトがまとまっています。ざっといくつかご紹介。 ↑はZologicka。 Sketchen 国崎クリーンセンター Matcheck Web Touch Up 日本のサイトが入っていますね。イラストがとてもかわいい。絵の使 …

category: Technology

date: October 10, 2009

マウスオーバー時にリンクが右にずれるjQueryプラグイン

David Walsh Blogで、マウスオーバー時にリンクが右にずれるjQueryプラグインが公開されています。 ↑のように、マウスオーバーするとリンク部分がすっと右に移動しますね。以前はMooToolsのバージョンを作っていたとのことですが、今回jQueryのバージョン …

category: Technology

date: October 10, 2009

使えるユーザビリティーガイドライン10

遅いエントリーですが、Smashing Magazineで使えるユーザビリティーガイドラインがまとまっています。ざっとご紹介しますね。 1. フォームのラベルはフィールドの上がベスト study by UX Mattersによると、フォームのラベルはフィールドの上が理想的と …

category: Design

date: October 10, 2009

シンプルで美しいデザイン60+

WebDesignBoothというサイトで、シンプルで美しいデザインがたくさん紹介されています。いくつかご紹介しますね。 ↑はPixelcraft。 4Wall Brian Hoff Erskine Design Miguel Buckenmeyer 無彩色とホワイトスペー …

category: Diary

date: October 09, 2009

オープンソースのショッピングカートシステムいろいろ

HONGKIATで、オープンソースのショッピングカートシステムがまとまっています。ざっといくつかご紹介。 » OsCommerce (PHP/MySQL) 　GNUライセンスの無料で利用できるオープンソース » Zen Cart (PHP/MySQL …

category: Gadget

date: October 09, 2009

iPhoneの株価アプリに日経平均とか登録した

ちょっと書きたくなったので書いてみる。 iPhoneの株価アプリに日経平均とかを登録しました。たつをさんの「iPhone の標準アプリ「株価」」このエントリーを読んで。便利ですね〜。デフォルトでは入っていないので、追加する必要があります。円ドル為替レートと、日経平均株価 …

category: Technology

date: October 08, 2009

ぐにゃぐにゃ動く WONDERWALL INC. のサイト

久々に面白い動きのサイトを見つけました。WONDERWALL INC.というインテリアデザイン会社のサイトです。マウスオーバーするとぐにゃぐにゃ動いて、クリックするとビビッドな色のページに遷移して、次のページに行くとまたぐんにゃっとかっこよく遷移してくれます。なんだこれかっ …

category: Technology

date: October 08, 2009

コメントセクションを充実させるWordPressプラグイン33

1st webdesignerで、コメントセクションを充実させるWordPressプラグインが紹介されています。ざっといくつかご紹介。 » WP Ajax Edit Comments 　ユーザと管理者にコメントの編集を可能にするプラグイン。ユーザには回数制限があ …

category: Design

date: October 08, 2009

立体感のあるボタン・バッジを作るPhotoshopチュートリアル40+

これもかなり前のエントリーですが、Naldz Graphicsで立体感のあるボタン・バッジを作るPhotoshopチュートリアルが紹介されています。ざっといくつかご紹介。 ↑はDesign panic button logo icon in photoshop。 How t …

category: Design

date: October 08, 2009

無料で使えるスクリプト書体20

thinkdesignで、無料で使えるスクリプト書体がまとまっています。ざっといくつかご紹介。 Jacoba Monika chopinscript scriptina Aquiline Two 1つ前のエントリーはここを見ていて気づいたんですよね。FONT SQUIRRE …

category: Diary

date: October 08, 2009

商用でも使えるフリーフォント配布サイト

Font Squirrelというサイトを見つけました。前にも見たことはあったんだけど、よく見ると「100% FREE FOR COMMERCIAL USE」って書いてあったのでご紹介。というかロゴに書いてありますね＾＾ We know how hard it is to fi …

category: Design

date: October 08, 2009

ポップな色を使った鮮やかなWebサイト27

INSPIREDMAGで、ポップな色を使った鮮やかなWebサイトがまとまっています。いくつかご紹介しますね。 ↑はMuller。 IAAH Sofamade Organic Grid Spf Design 彩度の高い色を使った、タイポグラフィーの綺麗なサイトが目立ちますね。 …

category: Design

date: October 07, 2009

光線を描くためのPhotoshopブラシ250+

結構前のエントリーですが、DESIGNM.AGで光線を描くためのPhotoshopブラシが紹介されています。ざっといくつかご紹介。 Sharp Abstract Abstract Brushes Volume 6 Abstract Brushset X Abstract 0 …

category: Web

date: October 07, 2009

商用無料のXHTML / CSSテンプレート配布サイト

かなりすごいサイトを見つけました。ChocoTemplatesというサイトで、商用無料のXHTML / CSSテンプレートを配布配布しています。 Free CSS Templates Every Week! ChocoTemplates.com provides profes …

category: Design

date: October 07, 2009

かっこいいフリーのPhotoshopブラシ集

Abduzeedoで、かっこいいフリーのPhotoshopブラシがまとまっています。いくつかご紹介しますね。 ↑はPaintdrop。 TAIL Ink Splatters Real Brush Strokes Coffee Happens Reloaded deviant …

category: Design

date: October 06, 2009

商用無料の開発者向けアイコン1000

FatCowというサイトで、商用無料の開発者向けアイコンが1000個配布されています。 ↑のようなアイコンで、16 x 16pxと32 x 32pxの透過PNGとなっています。ライセンスはCreative Commons Attribution 3.0 License。著作 …

category: Design

date: October 06, 2009

インスパイアされる料金体系ページデザイン77

instantShiftで、インスパイアされる料金体系ページデザインがまとまっています。ざっといくつかご紹介。 ↑はSquarespace。 Typepad Zen Wufoo Basecamp フォントサイズが大きくてジャンプ率の高いものが見やすくていいですね。その他の …

category: Design

date: October 05, 2009

デザイナーが教えてくれるインスピレーションTips&ツール集

Six Revisionsで、デザイナーが教えてくれるインスピレーションTips&ツール集がまとまっています。 TheBestDesigns.comを運営していてアートディレクター、フロントエンドエンジニアとして働いているAngela Rohnerさんによる記事です …

category: Technology

date: October 04, 2009

URLを短縮するフリーのPHPスクリプト

BRIAN CRAYというサイトで、URLを短縮するフリーのPHPスクリプトが配布されています。短縮URLと言えば、Twitterなどで使われている、bit.lyなどのサービスですね。 Apache,PHP,MySQL環境で動くとのことで、SQL文も用意されています。ライ …

category: Design

date: October 04, 2009

Photohshopでプロ並みのHDR画像を作る方法

Phototuts+で、Photohshopでプロ並みのHDR画像を作る方法が紹介されています。いつの間にかtuts+ networkにPhototuts+っていうサイトができていました。クオリティーがすごく高いですよね。このネットワークはどこへ行くんでしょうか。ともかく …

category: Technology

date: October 03, 2009

Mootoolsを使ったlightboxスクリプトTOP10

LINE25で、Mootoolsを使ったlightboxスクリプトTOP10がまとまっています。ざっといくつかご紹介。 » Smoothbox 　画像、インナーHTML、Ajax、iframeをサポート » Multibox 　画像、インナーHTML …

category: Design

date: October 03, 2009

DTPデザインのチュートリアルまとめ

Smashing Magazineで、DTPデザインのチュートリアルがまとまっています。いくつかご紹介しますね。 » プリントできる名刺の作成（Photoshop）　・CMYKのドキュメントをPhotoshopで作成。裁ち落とし　・背景をかっこよくするために …

category: Technology

date: October 02, 2009

jQueryで作る便利なツールチップ25

speckyboyで、jQueryで作る便利なツールチップが紹介されています。ざっといくつかご紹介。 » qTip 　ツールチップに画像を表示させたり、コンテンツの入ったボックスを表示したりできる » jQuery Tooltip – T …

category: Design

date: October 01, 2009

illustratorで抽象的なベクターアートを描くチュートリアル

WebDesignerWallで、illustratorで抽象的なベクターアートを描くチュートリアルが紹介されています。レクタングルのボックスを、ワープツールやうねりツールを使って歪ませたり、円形のグラデーションを描いて組み合わせることでベクターアートを作る方法が詳しく解説 …

category: Design

date: October 01, 2009

無料のキラーアイコンセット33

WebAppStormで、無料のキラーアイコンセットが紹介されています。かっこいいものが多いのでご紹介しますね。 ↑はFresh。 Social Network Icon Pack Social Bookmark Iconset GLYPHISH Sidebar Repla …

category: Diary

date: October 01, 2009

lotte acuoのガム食べたぞ

えーと前回に引き続きlotte acuoのエントリーです。クリアブルーミントを買いました。結構うまい！個人的にはキシリトールの緑のやつあたりが好きなんだけど、これもなかなかおいしいです。ガムをかみ始めたら止まらないので、一気に食べちゃいました。そろそろビタミンとか食物繊 …

archives:

Category Archive

Monthly Archive

よくTweetされているブランドランキング50

ロゴデザインの始めから終わりまで

独自のWordPressテーマを作るチュートリアル20+

Android Update 1.6とフリック入力

無料でダウンロードできるクオリティーの高いPSDファイル500+

テーブル周りの素晴らしいjQueryプラグイン30

HTML5のクールなサイト

シンプルでかっこいいデザイン40

読んでおきたいユーザビリティーに関するブログ10

jQueryベースのWordPressプラグイン25

デザイナーのためのAdobe AIRアプリ47

関連するエントリーを表示しました。

高さが可変するタブ型コンテンツの作り方

アイルランドのWebデザイン

ブログに貼れるTwitterのRetweetボタンいろいろ

Webデザイナーのためのオープンソース

illustratorのテキストエフェクトチュートリアル40

Mootoolsでレトロなパタパタ時計を作るチュートリアル

ソースコードを書くときのスタイルシート

androidのアプリ

オフィスに無料で届けてくれる、1本満足バーキャンペーン

マンガが作れるジェネレータ

有名なデザインブログのロゴで使われているフォント集

ブログにRetweetボタンをつけました。

Picasaのイメージギャラリーを作るチュートリアル

フェードしながらスライドするjQueryプラグイン

jQueryを使ってCSSを補強するテクニック15

デザイナー・デベロッパーのためのAIRアプリ・ブラウザアドオン50

グラデーションが美しいタイポグラフィー

赤レンガ倉庫の風景

WordPressのコーディングテクニック10

二子玉の河川敷から

サイトを魅力的にするjQuery10+

ユーザーエクスペリエンスを向上させるjQueryプラグイン7

CSS3・HTML5のブラウザ対応状況一覧

iPhoneアプリ用のアイコンが作れるサイト

Windows,Mac,Linuxで使えるエディタ18

フリーのセリフフォントAtoZ

アイディアが面白いロゴデザイン60+

jQueryで作るメガメニュー

デザインをリニューアルしました。

アルファベットを大文字・小文字などに変換してくれるサービス

ffffoundのECアイテム版

余白をうまく使ったロゴデザイン

Flickrのティッカーを作りました。

jQueryのスライドショーがかっこいいpinch/zoomのサイト

魅力的なvCardデザイン30

Mac + FlashDevelop + Flash CS4の環境を整えた

Pixelmatorが半額になっとる

使えるアイコン6選

ロゴデザインをする時に参考になるサイト60+

jQueryを使ったTwitterティッカー

イラストをうまく使った美しいWebサイト35

マウスオーバー時にリンクが右にずれるjQueryプラグイン

使えるユーザビリティーガイドライン10

シンプルで美しいデザイン60+

オープンソースのショッピングカートシステムいろいろ

iPhoneの株価アプリに日経平均とか登録した

ぐにゃぐにゃ動く WONDERWALL INC. のサイト

コメントセクションを充実させるWordPressプラグイン33

立体感のあるボタン・バッジを作るPhotoshopチュートリアル40+

無料で使えるスクリプト書体20

商用でも使えるフリーフォント配布サイト

ポップな色を使った鮮やかなWebサイト27

光線を描くためのPhotoshopブラシ250+

商用無料のXHTML / CSSテンプレート配布サイト

かっこいいフリーのPhotoshopブラシ集

商用無料の開発者向けアイコン1000

インスパイアされる料金体系ページデザイン77

デザイナーが教えてくれるインスピレーションTips&ツール集

URLを短縮するフリーのPHPスクリプト

Photohshopでプロ並みのHDR画像を作る方法

Mootoolsを使ったlightboxスクリプトTOP10

DTPデザインのチュートリアルまとめ

jQueryで作る便利なツールチップ25

illustratorで抽象的なベクターアートを描くチュートリアル

無料のキラーアイコンセット33