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

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

category: Technology

date: November 30, 2009

ピュアCSSで作る効果的なエフェクト23

web anthologyで、ピュアCSSで作る効果的なエフェクトが紹介されています。ざっといくつかご紹介。 3-state Button using CSS通常時、マウスオーバー時、クリック時の3種類のボタンをCSSスプライトで作るチュートリアル Pure CSS Pol …

category: Technology

date: November 29, 2009

フレッシュで便利なjQueryプラグイン5

aext.netで、フレッシュで便利なjQueryプラグインが紹介されています。ざっとご紹介しますね。 jQSlickWrapfloatした画像の周りにテキストを配置させるプラグイン jQuery Slider plugin (Safari style)Safariスタイル …

category: Web

date: November 29, 2009

Ubuntu,Mac,Windows用のとてもかっこいい壁紙40

Web Design Ledgerで、Ubuntu,Mac,Windows用のとてもかっこいい壁紙が紹介されています。いくつかご紹介しますね。 ↑はApple-Wallpaper-White-120938898。 Ubuntu-Bokeh-105114091 2602172 …

category: Design

date: November 28, 2009

フリーのストックフォトが見つかる15サイト

Six Revisionsで、フリーのストックフォトが見つかるサイトがまとまっています。ざっといくつかご紹介。 stock.xchng定番のフリーストックフォトサイト。iStockphotoがスポンサーをしている Freerange Stock商用・非商用どちらにも使える写 …

category: Gadget

date: November 27, 2009

モバイルサイトを作るときに参考になるサイト

Mashableで、モバイルサイトを作るときに参考になるサイトが紹介されています。いくつかご紹介しますね。 MippinRSSを使ってサイトのモバイル版が作れるサービス WPtouchWordPressをiPhoneやAndroid携帯に対応させてくれるプラグイン Mobi …

category: Design

date: November 26, 2009

ダンボール紙などのフリーテクスチャ集

2EXPERTSDESIGNで、ダンボール紙などのフリーテクスチャがまとまっています。ざっといくつかご紹介。 ↑はDownload + Detail (BittBox Cardboard Texture)。 Download + Detail (Pandoraicons C …

category: Technology

date: November 25, 2009

Mac OS X用の幻想的なテキストエディタ

OMMWRITERというアプリを見つけました。Mac OS X用のテキストエディタです。起動すると、フルスクリーンモードで、↑のような画面が立ち上がります。ドットのラインで枠が表示されて、テキストの大きさを変えたりウェイトを変えたりは、右側にあるアイコンから可能です。アイコ …

category: Technology

date: November 24, 2009

新しくて便利なWordPressのプラグイン20+

net tuts+で、新しくて便利なWordPressのプラグインがたくさん紹介されています。いくつかご紹介しますね。 Drag To ShareMashableに見られる、画像をドラッグしてTwitterなどに投稿できるプラグイン Paginatorスクロールでページを切 …

category: Technology

date: November 23, 2009

建設業を多くの人に知ってもらうために生まれたサイト『BUILDUP！』

ブロガーズラウンジからの案内をもらったのでご紹介。建設業のサイトは普段見ないですが、すごくかっこいいサイトになっています。以下の4つのコンテンツが用意されていますね。 Kensetsu FILMS明日をつくる建設。その「今」を映し出す建設ドキュメンタリー BUILDUP …

category: Web

date: November 23, 2009

Twitterでの最新の発言をブログ等に表示する方法

WEBDESIGNDEVで、Twitterでの最新の発言をブログ等に表示する方法が紹介されています。ソースは以下のようになっていますね。 HTML <div id="twitter_update_list"></div> Java …

category: Technology

date: November 22, 2009

WordPressのアクセス解析用プラグイン集

WebDesignFanで、WordPressのアクセス解析用プラグインがまとまっています。いくつかご紹介しますね。 Google Analyticatorテンプレートを編集不要で、Google Analyticsの解析を可能にするJavaScriptを追加する WP-St …

category: Technology

date: November 21, 2009

Webデベロッパーのためのフォトギャラリー作成スクリプト

TutZoneというサイトで、Webデベロッパーのためのフォトギャラリー作成スクリプトがいろいろと紹介されています。いくつかご紹介しますね。 Carousel.usMooToolsを使った3DのJavaScriptカルーセル。Firefox 2+, Opera 9+, Sa …

category: Web

date: November 21, 2009

自動で写真のコラージュを作ってくれるジェネレータ

Shape Collage Onlineというサイトを見つけました。自動で写真のコラージュを作ってくれるジェネレータです。 URLをしていして「Create」ボタンを押すと、矩形とかハート型、月や星といった形に写真をコラージュしてくれます。作ってみたぞ。ちゃんと☆型になっとる …

category: Design

date: November 20, 2009

Twitter、Flickrなどのソーシャルサイトのフリーアイコン

komodomediaで、Twitter、Flickrなどのソーシャルサイトのフリーアイコンセットがまとまっています。すべてCreative Commons。リンクバックが必要で、リンク先も指定されています。こちら↓ですね。 Komodo Media, Rogie King …

category: Design

date: November 19, 2009

オーガニックなテクスチャの背景を作る方法

Ali Felskiというサイトで、オーガニックなテクスチャの背景を作る方法が紹介されています。サイトの背景をどうやって作ったのか、という質問を受けて、それに答えたとのことですね。以下のような手順になっています。 istockphotoから空の写真と汚れた感じの紙の写真を …

category: Diary

date: November 18, 2009

商用でも無料で使えるクールなゴシック体

A2591というサイトで、商用でも無料で使えるクールなゴシック体が配布されています。 ↑のようにボールドで、角丸やグランジテイストのものが入っています。 Antrepo free fonts are free to use in all your designs. comme …

category: Design

date: November 17, 2009

2009年のPhotoshopチュートリアルTOP30

WEBDESIGNDEVで、2009年のPhotoshopチュートリアルTOP30が公開されています。いくつかご紹介しますね。 Boxed Art Web Design TutorialBoxed Artのサイトをデザインしていく過程を解説したチュートリアル Magazin …

category: Technology

date: November 16, 2009

魅力的なCSSメニュー10

DESIZN TECHで、魅力的なCSSメニューの作り方が紹介されています。 ↑のようなメニューですね。シンプルですが、MIT & GPLライセンスのjQuery Corner Pluginで角丸を実装していたりします。ソースがダウンロードできるので、参考に一度見 …

category: Technology

date: November 15, 2009

TwitterとWordPressを連携するツール7

makeuseof.comで、TwitterとWordPressを連携するツールが紹介されています。ざっといくつかご紹介。 Twitter Avatars in CommentsメールアドレスからTwitterのアイコンを調べてアバターとして表示してくれる Twitip I …

category: Web

date: November 15, 2009

ログインフォームとサインアップフォームを一体化するテクニック

Leah Culver’s Blogで、ログインフォームとサインアップフォームを一体化するテクニックが紹介されています。 ↑の画像を見てもらうとわかるんですが、メールアドレス（ユーザー名）とパスワードは共通「I have an account」にチェックを入れ …

category: Diary

date: November 14, 2009

Flickr APIを使ってフォトギャラリーを作るチュートリアル

net tuts+で、Flickr APIを使ってフォトギャラリーを作るチュートリアルが紹介されています。手順は以下の通りとなっていますね。 Flickr API Keyを取得 phpFlickr（クラスファイル）をダウンロードサムネイル一覧ページを作成（ページネーション …

category: Technology

date: November 13, 2009

かっこいいデザインのナビゲーションメニュー40

VANDELAY DESIGNで、かっこいいデザインのナビゲーションメニューがたくさん紹介されています。ざっといくつかご紹介。 ↑は、Utah Travel。 MailChimp Michael Dick Mission Community Church Southern …

category: Design

date: November 11, 2009

Webデザイナー&ブロガーのためのフリーアイコンセット40

speckyboyで、Webデザイナー&ブロガーのためのフリーアイコンセットが紹介されています。いくつかご紹介しますね。 ↑は30 Free Vector Icons。 Basic Set Token Admin Panel Iconset 「30 Free Ve …

category: Technology

date: November 10, 2009

シンプルだけど便利なCSSプロパティー5

WebDesignerWallで、シンプルだけど便利なCSSプロパティーが紹介されています。ざっとご紹介しますね。 CSS Clip画像にレクタングルのマスクをかける Min-height 高さの最小値を指定する「min-height」。コンテンツの高さがサイドバーよりも低 …

category: Diary

date: November 09, 2009

とてもかっこいいグランジデザイン集

spyrestudiosで、かっこいいグランジデザインがまとまっています。ざっといくつかご紹介。 ↑は、Corking Design。 31three LePush Mail Room Five Web Gab グリッドデザインやグランジテクスチャを背景に薄く敷いたもの、手 …

category: Technology

date: November 08, 2009

WordPressを魅力的にするプラグイン9

woorkupで、WordPressを魅力的にするプラグインが紹介されています。ざっといくつかご紹介。 I Like Thisクリックで記事に対して「気に入った」投票をすることができる Quick AdsenseGoogleアドセンスのコードを簡単なコードで貼付けられるプラ …

category: Diary

date: November 07, 2009

有名なバンドのロゴで使われているフォント集

build internetで、有名なバンドのロゴで使われているフォントがいろいろと紹介されています。いくつかご紹介しますね。 The Beatles – Bootle Sex Pistols – Sex Pistols Rolling Stone …

category: Design

date: November 06, 2009

請求書のデザインいろいろ

Smashing Magazineで、請求書のデザインがいろいろと紹介されています。いくつかご紹介しますね。 Graeme Duckett Hicks Design Francisco Inchauste Devia シンプルですがロゴの使い方、色使い、レイアウト、フォント …

category: Technology

date: November 06, 2009

新しくてかっこいいWordPressテーマ40

speckyboyで、新しくてかっこいいWordPressテーマがたくさん紹介されています。ざっといくつかご紹介。 ↑はMonkeyPr。 Touchriver Maalaga Selecta AppCloud – Ecommerce Theme シンプルなテー …

category: Diary

date: November 05, 2009

素晴らしいHTMLメールテンプレート配布サイト

HONGKIATで、素晴らしいHTMLメールテンプレートがまとまっています。ざっといくつかご紹介。 Campaign Monitor – 30 FREE HTML Newsletter TemplatesOutlookやThunderbird、Gmaiといった多 …

category: Design

date: November 04, 2009

象徴的なロゴデザインをする方法

JUST CREATIVE DESIGNで、象徴的なロゴデザインをする方法が紹介されています。ロゴデザインには、以下のような要素が必要であるとのこと。シンプルである記憶できる時代にとらわれない用途が広い企業特有のものであるまた、著者である「Jacob Cass」 …

category: Technology

date: November 03, 2009

リアルタイムにバリデートしてくれるクールなJavaScript

Validatious2.0という、リアルタイムにバリデートしてくれるクールなJavaScriptを見つけました。 emailを必須にしたい場合、以下のようにシンプルな書き方でバリデートすることができるようです。 <input type="text" …

category: Technology

date: November 02, 2009

デベロッパーなら知っておきたいCSSテクニック

ExtraTutsというサイトで、デベロッパーなら知っておきたいCSSテクニックが紹介されています。いくつかご紹介しますね。 CSS Browser SelectorOS・ブラウザごとにCSSを切り替えられる1行のJavaScript adding a CSS StyleS …

category: Technology

date: November 01, 2009

jQueryで作るランダム表示・ローテーションするコンテンツ

css globeで、jQueryで作るランダム表示・ローテーションするコンテンツの作り方が紹介されています。デモは以下から。リロードごとにランダム表示ランダムローテーションどちらもJavaScriptは短くてシンプルになっていますね。一度見てみてください。 Sim …

category: Design

date: November 01, 2009

商用無料のレトロなおもちゃアイコン

Smashing Magazineで、商用無料のレトロなおもちゃアイコンが配布されています。 Today we are glad to release “Toys”, a retro icon set that was designed by Hele …

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

ピュアCSSで作る効果的なエフェクト23

フレッシュで便利なjQueryプラグイン5

Ubuntu,Mac,Windows用のとてもかっこいい壁紙40

フリーのストックフォトが見つかる15サイト

モバイルサイトを作るときに参考になるサイト

ダンボール紙などのフリーテクスチャ集

Mac OS X用の幻想的なテキストエディタ

新しくて便利なWordPressのプラグイン20+

建設業を多くの人に知ってもらうために生まれたサイト『BUILDUP！』

Twitterでの最新の発言をブログ等に表示する方法

WordPressのアクセス解析用プラグイン集

Webデベロッパーのためのフォトギャラリー作成スクリプト

自動で写真のコラージュを作ってくれるジェネレータ

Twitter、Flickrなどのソーシャルサイトのフリーアイコン

オーガニックなテクスチャの背景を作る方法

商用でも無料で使えるクールなゴシック体

2009年のPhotoshopチュートリアルTOP30

魅力的なCSSメニュー10

TwitterとWordPressを連携するツール7

ログインフォームとサインアップフォームを一体化するテクニック

Flickr APIを使ってフォトギャラリーを作るチュートリアル

かっこいいデザインのナビゲーションメニュー40

Webデザイナー&ブロガーのためのフリーアイコンセット40

シンプルだけど便利なCSSプロパティー5

とてもかっこいいグランジデザイン集

WordPressを魅力的にするプラグイン9

有名なバンドのロゴで使われているフォント集

請求書のデザインいろいろ

新しくてかっこいいWordPressテーマ40

素晴らしいHTMLメールテンプレート配布サイト

象徴的なロゴデザインをする方法

リアルタイムにバリデートしてくれるクールなJavaScript

デベロッパーなら知っておきたいCSSテクニック

jQueryで作るランダム表示・ローテーションするコンテンツ

商用無料のレトロなおもちゃアイコン