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

art direction & design: Kunitaka Kawashimo
code, interaction & photography: creamu Inc.

category: Design

date: February 27, 2010

シンプルだけど意味のあるロゴデザイン30

アイディアに富んだロゴデザインがしたい。そんなときにおすすめなのが、『30 Minimal Logo Designs that Say More with Less』。シンプルだけど意味のあるロゴデザイン集です。それぞれフォントをうまく使って、ちゃんと意味のあるデザインに …

category: Technology

date: February 26, 2010

画像にFlashのようなエフェクトをかけられるjQuery

画像をかっこよく見せたい。そんなときにおすすめなのが、『jqFancyTransitions』。画像にFlashのようなエフェクトをかけられるjQueryです。画像にシュパシュパシュパッと切り刻んだような効果をつけられますね。かなりかっこいいです。これがjQueryででき …

category: Web

date: February 25, 2010

ギャラリーサイト用のフリーのXHTML / CSSテンプレート

コーディングの手間を省きたい。そんなときにおすすめなのが、『フリーのXHTML / CSSテンプレート』。ギャラリーサイト用のフリーのXHTML / CSSテンプレートです。 PSDファイルも入っていて、画像拡大にはFancyboxが使われています。ドロップダウンメニューも …

category: Technology

date: February 25, 2010

アイコンがふわっと拡大するjQuery

マウスオーバー時に気持ちのいい効果をつけたい。そんなときにおすすめなのが、『BubbleUP』。アイコンがふわっと拡大するjQueryです。アイコンにマウスオーバーすると、ふわっとサイズが大きくなりますね。動きが滑らかで気持ちいいです。デモは以下から。 jQuery M …

category: Technology

date: February 22, 2010

フォームで使えるjQuery25

フォーム周りでjQueryを使いたい。そんなときにおすすめなのが、『25 jQuery Tutorials for Creating and Working with Forms』。フォームで使えるjQuery集です。かっこいいものが揃っていますね。いくつかご紹介します。 …

category: Design

date: February 21, 2010

Photoshopでクオリティーの高いデザインをするチュートリアル

Photoshopでクオリティーの高いデザインをしたい。そんなときに参考になるのが、『Create a Clean and Professional Web Design in Photoshop』。Photoshopでクオリティーの高いデザインをするチュートリアルです。 …

category: Design

date: February 21, 2010

カミングスーンページのデザイン集

カミングスーンページのデザインを、センスのあるものにしたい。そんなときにおすすめなのが、『A Collection of “Coming Soon” Web Pages』と『25 Beautiful Examples of “Coming …

category: Technology

date: February 19, 2010

ラベル入りのフォーム要素を実装する方法2つ

最近のフォーム要素にはラベル（透かしテキスト）を入れているものが多いですが、通常の実装方法は以下のソースで可能ですね。JavaScriptのonfocus、onblurイベントハンドラでvalueを切り替えています。 XHTML, JavaScript <input t …

category: Design

date: February 18, 2010

フリー素材を配布するデザインブログ20+

デザインに使えるフリー素材を探している。そんなときにおすすめなのが、『20+ Design Blogs that Release Quality Freebies』。フリー素材を配布するデザインブログ集です。有名なサイトからちょっとマイナーなサイトまで、たくさん揃っていま …

category: Technology

date: February 18, 2010

jQueryで作る垂直メニュー7

jQueryでシンプルな動きのメニューを作りたい。そんなときにおすすめなのが、『7 Vertical Menus With jQuery Effects』。jQueryで作る垂直メニュー集です。メニューにマウスオーバーすると、　中のテキストがすっと右にずれたり、背景がびよ …

category: Diary

date: February 16, 2010

デザイナー・デベロッパーのためのGoogle Chromeエクステンション17

Google Chromeの拡張機能を探している。そんなあなたにおすすめなのが、『17 Google Chrome Extensions for Web Designers and Developers』。デザイナー・デベロッパーのためのGoogle Chromeエクステン …

category: Web

date: February 15, 2010

Firefoxのタブで生産性を上げる方法7

Firefoxをもっと使いこなしたい。そんなときにおすすめなのが、『7 Ways To Become More Productive With Firefox Tabs』。Firefoxのタブで生産性を上げる方法です。便利そうなのが揃っています。ざっとご紹介しますね。タ …

category: Diary

date: February 15, 2010

シンプルなソースで拡張性の高いバリデータ『Ketchup Plugin』

バリデータをフォームに簡単に組み込みたい。そんなあなたにおすすめなのが、『Ketchup Plugin』。シンプルなソースで拡張性の高いバリデータです。使い方としては、まずはjsを読み込んでfunctionを記述。次に、フォームをプレーンにXHTMLでコーディングした後 …

category: Design

date: February 14, 2010

商用無料の茶色のソーシャルメディアアイコンセット

FlickrやTwitterのアイコンを探している。そんなときにおすすめなのが、『Free and Exclusive Icons: Brown Social Icon Pack』。商用無料の茶色のソーシャルメディアアイコンセットです。 32×32px, 64×64px a …

category: Diary

date: February 14, 2010

DaisyDiskライセンスプレゼントへのご応募ありがとうございました。

先日お知らせした、DaisyDiskフリーライセンスプレゼントへのたくさんのご応募、ありがとうございました。合計で70名以上の方にご応募いただきました。ありがとうございます。さて、3名様のフリーライセンスと、すべての方へのディスカウントコードを用意していましたが、フリーライ …

category: Technology

date: February 13, 2010

かっこいいアニメーションでフィルタ&並べ替えができる『Qucicksand』

フィルタ&ソートにもかっこいい演出をしたい。そんなときにおすすめなのが、『Quicksand』。かっこいいアニメーションでフィルタ&並べ替えができる、jQueryプラグインです。「Filter by type」と「sort by」からフィルタ / ソー …

category: Design

date: February 13, 2010

知っておきたいillustratorのチュートリアル40

illustratorのスキルを上げたい。そんなあなたにおすすめなのが、『40 Fundamental Illustrator Tutorials You Must Know』。知っておきたいillustratorのチュートリアル集です。いい感じのものが揃っているので、い …

category: Design

date: February 11, 2010

ブロガー&デザイナーのための、ソーシャルメディアアイコン集

TwitterやFlickrなど、ソーシャルメディアのアイコンを探している。そんなときにおすすめなのが、『Mega Collection of The Best Free Social Media Icons for Bloggers and Designers』。ブロガー …

category: Design

date: February 10, 2010

Photoshopのテキストエフェクトチュートリアル33

Photoshopでテキストを装飾したい。そんなときに参考になるのが、『33 Creative Photoshop Tutorials Text Effects for Beginners and Advanced』。Photoshopのテキストエフェクトチュートリアル集で …

category: Design

date: February 09, 2010

スライドショーをうまく使ったサイト66

サイトにスライドショーを導入したい。そんな時に参考になるのが、『66 Examples of Perfect SlideShow Presentation in Web Design』。スライドショーをうまく使ったサイト集です。かっこいいデザインが揃っているので、いくつか …

category: Technology

date: February 09, 2010

説明を追加できる、jQueryを使ったドロップダウンメニュー

グローバルメニューに説明を加えたい。そんなときに使えそうなのが、『jDiv』。説明を追加できる、jQueryを使ったドロップダウンメニューです。メニューにマウスオーバすると、メニューのリストと説明の入る部分が大きく表示されますね。ふわっと表示される動きが気持ちいいです。 …

category: Diary

date: February 08, 2010

DaisyDiskのフリーライセンスを3名様にプレゼント

先日「Macの美しいアプリケーション20」でDaisy Diskを紹介した時に、開発者のOleg Krupnovさんから連絡をいただきました。 DaisyDiskは、ディスクの使用状況を可視化してくれる、Mac用の有料アプリ（$19.95）ですね。必要環境は、Mac OS X …

category: Technology

date: February 07, 2010

フッタをブラウザ下部に固定配置するCSSテクニック

フッタをブラウザ下部に固定配置したい。そんなときにおすすめなのが、『cleanstickyfooter』。フッタをブラウザ下部に固定配置するCSSテクニックです。 IE6とそれ以前のブラウザ用に、ハックは1つしか使っていないとのこと。min-heightの部分のハックのよう …

category: Technology

date: February 07, 2010

WordPressのブログ以外の使い方10

WordPressをECサイトやwikiのCMSとして使いたい。そんなときにおすすめなのが、『10 Alternative Uses for WordPress』。WordPressのブログ以外の使い方です。有料のものが多いですが、便利そうですね。 eCommerceWo …

category: Technology

date: February 06, 2010

CSS3でIEにも角丸を適用させるhtcファイル

CSS3で最も簡単にクロスブラウザの角丸を実装したい。そんなときにおすすめなのが、『curved-corner』。CSS3でIEにも角丸を適用させるhtcファイルです。 Google Codeで、CSS3でIEにも角丸を実装させるファイルが配布されていますね。クロスブラウ …

category: Design

date: February 04, 2010

装飾系フォント46

それだけで絵になるフォントを探している。そんなときにおすすめなのが、『46 Cool & Useful Dingbat Fonts』。装飾系フォント集です。 Nymphette流線型のオーナメント。商用無料 We Sprayスプレーが描けるフリーフォント WC R …

category: Design

date: February 03, 2010

Fireworksの素材集決定版

Fireworksで使える素材を探している。そんなあなたにおすすめなのが、『An Explosion of Adobe Fireworks Resources』。Fireworksの素材集決定版です。ライブラリやパターンやシンボル、スタイルやシェイプなど、かなりたくさんの …

category: Technology

date: February 02, 2010

IEをモダンブラウザのように扱う方法10

IEにだけできないことを可能にしたい。そんなときにおすすめなのが、『10 ways to make Internet Explorer act like a modern browser』。IEをモダンブラウザのように扱う方法です。便利そうなのが揃っているので、ざっとご紹 …

category: Design

date: February 01, 2010

フリーアイコンが見つかるサイト10

無料で使えるアイコンを探している。そんなときにおすすめなのが、『11 Great Resources to Find Free Icons』。フリーアイコンが見つかるサイト集です。 Iconfinder商用無料のものをフィルタリングして探せるベストアイコン検索サイト Ico …

Warning: A non-numeric value encountered in /home/users/1/creamuinc/web/creamu.co.jp/wp/wp-content/plugins/wp-social-bookmarking-light/vendor/twig/twig/lib/Twig/Environment.php(462) : eval()'d code on line 43

Warning: A non-numeric value encountered in /home/users/1/creamuinc/web/creamu.co.jp/wp/wp-content/plugins/wp-social-bookmarking-light/vendor/twig/twig/lib/Twig/Environment.php(462) : eval()'d code on line 43

Warning: A non-numeric value encountered in /home/users/1/creamuinc/web/creamu.co.jp/wp/wp-content/plugins/wp-social-bookmarking-light/vendor/twig/twig/lib/Twig/Environment.php(462) : eval()'d code on line 43

archives:

Category Archive

Monthly Archive

シンプルだけど意味のあるロゴデザイン30

画像にFlashのようなエフェクトをかけられるjQuery

ギャラリーサイト用のフリーのXHTML / CSSテンプレート

アイコンがふわっと拡大するjQuery

フォームで使えるjQuery25

Photoshopでクオリティーの高いデザインをするチュートリアル

カミングスーンページのデザイン集

ラベル入りのフォーム要素を実装する方法2つ

フリー素材を配布するデザインブログ20+

jQueryで作る垂直メニュー7

デザイナー・デベロッパーのためのGoogle Chromeエクステンション17

Firefoxのタブで生産性を上げる方法7

シンプルなソースで拡張性の高いバリデータ『Ketchup Plugin』

商用無料の茶色のソーシャルメディアアイコンセット

DaisyDiskライセンスプレゼントへのご応募ありがとうございました。

かっこいいアニメーションでフィルタ&並べ替えができる『Qucicksand』

知っておきたいillustratorのチュートリアル40

ブロガー&デザイナーのための、ソーシャルメディアアイコン集

Photoshopのテキストエフェクトチュートリアル33

スライドショーをうまく使ったサイト66

説明を追加できる、jQueryを使ったドロップダウンメニュー

DaisyDiskのフリーライセンスを3名様にプレゼント

フッタをブラウザ下部に固定配置するCSSテクニック

WordPressのブログ以外の使い方10

CSS3でIEにも角丸を適用させるhtcファイル

装飾系フォント46

Fireworksの素材集決定版

IEをモダンブラウザのように扱う方法10

フリーアイコンが見つかるサイト10