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

category: Technology

date: February 29, 2012

CSS3で作るドロップシャドウ

「Creating Different CSS3 Box Shadows Effects」という記事で、CSS3のbox-shadowを使っていい感じのシャドウをかけたソースが公開されています。デモは以下から。 CSS Box Shadow Effects Demo

category: Technology

date: February 29, 2012

jq.carousel – シンプルでカスタマイズ可能なカルーセルギャラリープラグイン

jq.carouselは、シンプルでカスタマイズ可能なカルーセルギャラリープラグインです。以下のブラウザに対応しているようで、とても使いやすそうです。・IE6+ ・and modern browsers ・Mobile Safari また海外から便利そうなのが出たと思った …

category: Diary

date: February 28, 2012

HotGloo – ワイヤーフレームを書くためのオンラインツール

友人が使っていて便利そうなのでメモ。 HotGlooは、ワイヤーフレームを書くためのオンラインツールです。ドラッグ&ドロップで、さくさくワイヤーを作成できるようです。メニューを配置したときに、ドロップダウンメニューを動作させることができるなど、使いやすいようです …

category: Design

date: February 28, 2012

ブログのデザインを変更

コーポレートサイトのマイナーリニューアルを機に、ブログもデザインを変更しました。書体をサンセリフ・ゴシック体からセリフ・明朝体に、ロゴも変更し、上品な感じに仕上げました。今後もメールを書くように更新していくので、よろしくお願いします。

category: Diary

date: February 28, 2012

ブログも復旧しました

2,3日前からかなり負荷が高く、昨日はほぼアクセスできない状態だったんですが、サーバ移転して復旧しました。以下メモ。・旧サーバでdir_Aをfile_B.tarという名前で圧縮　tar -cvf file_B.tar dir_A ・旧サーバのMySQLのdumpファイル …

category: Diary

date: February 27, 2012

サーバ復旧しました

サーバの調子がかなり悪いので、移転しました。ひとまずコーポレートのcreamu.co.jpを移転。これにより、以下のサイトへのアクセスが正常に戻りました。 CREAMU, Inc. Graphicu | the site gathering beautiful sites …

category: Design

date: February 27, 2012

スマートフォンサイト・アプリに使えるアイコン集「400 Icon Glyph Set」

400 Icon Glyph Setは、スマートフォンサイト・アプリに使えるアイコン集です。 $25の有料になりますが、クオリティはいい感じです。 400 Icon Glyph Set

category: Diary

date: February 26, 2012

コーポレートサイトをマイナーリニューアル

コーポレートサイトをマイナーリニューアルしましたので、ぜひご覧ください。 CREAMU, Inc.

category: Web

date: February 25, 2012

次世代のデザイナーを毎日紹介する「365 AWESOME DESIGNERS」

365 AWESOME DESIGNERSは、次世代のデザイナーを毎日紹介するサイトです。現在No.55までありますね。デザイナーのWebサイトやTwitterアカウント等も知ることができます。 365 AWESOME DESIGNERS

category: Design

date: February 25, 2012

レスポンシブレイアウトについて知ることができるサイト

「Responsive Layouts, Responsively Wireframed」という記事で、レスポンシブレイアウトについてのデモがUPされています。右上の「Desktop」「Mobile」のリンクから、それぞれの見え方を比較することができます。 Responsi …

category: Diary

date: February 25, 2012

Paper.js・Processing.js・Raphaëlの比較

「Web-Drawing Throwdown: Paper.js Vs. Processing.js Vs. Raphael」という記事で、Paper.js・Processing.js・Raphaëlが比較されています。それぞれ、ソースを見ることが可能です。 Web-Dra …

category: Design

date: February 25, 2012

Fontomas – アイコンが描けるMITライセンスのWebフォント集

Fontomasは、アイコンが描けるMITライセンスのWebフォント集です。 4つのカテゴリーに分かれて、たくさんのフォントが利用できます。 Fontomas

category: Technology

date: February 24, 2012

HTML5の対応状況をチェックするための2サイト

ちょっとメモ。HTML5の対応状況をチェックするための2サイトです。 HTML5 Please caniuse.com

category: Diary

date: February 23, 2012

onyourmarkさんの取材記事

onyourmarkさんで取材を受けた記事がUPされました。ちょっと自分的にはいまいちな写りの写真があるので恥ずかしいのですが、もしよければご覧ください。車に乗る機会が増えてしまってたるんでいるので、クロスバイクに乗る時間を取ったり、春までにはランニングと筋トレをがんばりた …

category: Diary

date: February 23, 2012

Fluent – UIの美しい未来型のメール

Fluentは、「Making the future of email」をコンセプトにした、UIの美しいメールです。紹介動画は以下から。 Fluent isn’t currently accepting any more sign ups but if you& …

category: Web

date: February 23, 2012

Atea – テキストで管理するMac用のタスク管理アプリ

Ateaは、テキストで管理するMac用のタスク管理アプリです。結構面白い。ツールバーの時計アイコンをクリックすると、Priority 1というところに追加されていきます改行すると、Priority2ができますインストール方法がちょっとわかりにくいんですが、「If you …

category: Design

date: February 22, 2012

illustratorでロック（ロック解除）するショートカット

ちょっとメモ。 illustrator（動作確認ver:CS5）でロック（ロック解除）するショートカットです。ロック： command + 2（Mac） Ctrl + 2（Win）すべてをロック解除： command + option + 2（Mac） Ctrl + Al …

category: Technology

date: February 22, 2012

MAMP PROが半額に（あと10分）

MAMP PROが半額になっているので、ぜひ。あと10分くらいで終わります。

category: Technology

date: February 22, 2012

TypeSquareを使ってみました

TypeSquareが開始されたので、早速使ってみました。べたに新ゴ Rを使っています。使い方は、 1. ユーザ登録後、マイページにログインし、クラウドフォントを利用するWebサイトのURLを「サイト登録」で登録 2. TypeSquare専用タグのJavaScriptを …

category: Diary

date: February 22, 2012

Apple & Microsoft

ちょっとおもろい。

category: Technology

date: February 22, 2012

CSS3のコーディングに役立つツール8選

「8 Best Tools to Make Easy CSS3 Development」という記事で、CSS3のコーディングに役立つツールがまとまっていたのでご紹介します。 CSS3 CSS3ジェネレータ。プレビューしたり対応ブラウザの表示もあります CSS3 Pie IE6 …

category: Web

date: February 21, 2012

Twitter Bootstrapの配色を自由に変えられる「StyleBootstrap.info」

先日「Twitter Bootstrapの配色を簡単に変えられる「Bootswatch」」をご紹介しましたが、こちらは配色やpadding、font-sizeなどを自由に変えられるようです。 StyleBootstrap.info

category: Technology

date: February 21, 2012

オーバーレイなどのブレンドモード効果を与えられる「jQuery Blend Modes」

これはすごい、かも。オーバーレイなどのブレンドモード効果を与えられるjQueryプラグインです。マウスオーバーすると画像が変化します。オーバーレイ効果焼き込み効果 $7で配布中のようです。 jQuery Blend Modes

category: Technology

date: February 20, 2012

画像等をクロスフェードするJavaScript5選

画像等をクロスフェードするJavaScriptをまとめておきます。 InnerFade with JQuery bsn.Crossfader CrossSlide jQuery Cycle Plugin Simplest jQuery Slideshow 関連エントリーフェ …

category: Technology

date: February 20, 2012

jQuery easingのメモ

ちょっとメモ。 jQueryでeasingを使うときは、以下のように書きます。 Example 1: $(function() { $(“#menu li”).click(function () { $(“#content”).stop().animate({opacity: …

category: Diary

date: February 17, 2012

iTunesカードが届きました

先日MarsEditを使い始めて盛り上がっているときに、sumitoさんがFacebookで反応してくれて、いろいろ教えてくれたのです。それでバレンタインの日だったので、ノリで「MarsEditプレゼントしてください」と言ったら、1分後に「iTunesカードの発送の準備がで …

category: Technology

date: February 17, 2012

Sequence.js – ページの要素をばらばらにアニメーションするjQueryプラグイン

Sequence.jsは、ページの要素をばらばらにアニメーションするjQueryプラグインです。とても気持ちいい動きをするので、ぜひ見てみてください。水平のスライドやパララックスのスライドなどがあります。 Sequence.js

category: Technology

date: February 17, 2012

Steve Jobsの動画集決定版

動画共有サイト「Chill」のThe Ultimate Steve Jobs Collectionというページに、Steve Jobsの動画がたくさん集まっています。 The Ultimate Steve Jobs Collection

category: Web

date: February 17, 2012

Twitter Bootstrapの配色を簡単に変えられる「Bootswatch」

ちょっとメモ。Bootswatchを使えば、Twitter Bootstrapの配色を簡単に変えられるようです。 Bootswatch 他には、画像からBootstrap用のカラースキームを作ってくれるLavishというサイトもあります。 Lavish

category: Design

date: February 17, 2012

Gumroadからの売上メール

Gumroadで、無事購入頂きました！結構うれしいですね。売れると、上記のようなメールが届きます。テンション上がりますね。素材や写真などは、マイクロストックサイトなどで販売するのがいいかもですが、審査があったり手続きが面倒だったりするので、Gumroadは販売者も購入者も …

category: Diary

date: February 17, 2012

素晴らしい2

素晴らしい http://c0pz.tumblr.com/post/12043285370

category: Diary

date: February 17, 2012

素晴らしい

素晴らしい。 how-to-say-i-love-you-with-math

category: Technology

date: February 16, 2012

Glisse.js – 動きの気持ちいいjQueryフォトビューア

Glisse.jsは、動きの気持ちいいjQueryフォトビューアです。左右の矢印キーで、いろいろなトランジションが試せます。 Glisse.js – 動きの気持ちいいjQueryフォトビューア

category: Design

date: February 16, 2012

20 ICONS FOR LINK TEXTS – Gumroadにリンクテキストに使える矢印アイコンを置きました

Gumroadがおもしろい感じなので、ちょっとリンクテキストに使える矢印アイコンを作ってみました。 PhotoshopのPSDファイルとなっていて、すべてレイヤーに分かれています。アイコンはアンチエイリアスの点で作るのに手間がかかったりしますよね。12pxのサイズのテキスト …

category: Design

date: February 16, 2012

角丸のぼけをなくすためのPhotoshopの設定

Photoshopの角丸長方形ツールで角丸を描いたとき、端がぼけることがありますよね。 blurな状態 clearな状態これは、以下のように角丸長方形オプションで「ピクセルにスナップ」にチェックをつけることで防ぐことが可能です。

category: Diary

date: February 16, 2012

クールなフリーフォント50

「50 Fresh High-Quality Free Fonts for Your Designs」という記事で、クールなフリーフォントがたくさん紹介されているので、いくつかご紹介します。上記のフォントは、サンセリフ書体のthesis。work-in-progressのバ …

category: Design

date: February 15, 2012

illustratorで色を一括置換する方法

ちょっとメモ。 illustrator CS5で色を一括置換するには、以下から可能です。オブジェクトを選択し、「編集 / カラーを編集 / オブジェクトを再配色…」「→」の右の色をダブルクリックすることで変更できます。

category: Gadget

date: February 15, 2012

TODO管理アプリ、Clearが85円で販売中

先日ブログに書いた「Clear」が、いつの間にかリリースされていました！昨日リリースされたようですね。クールなUIのTODO管理iPhoneアプリとてもいい感じなので、ぜひ使ってみてください。こういう構造になっていて、タップしたりピンチしたり、動きがとても気持ちいいです …

category: Technology

date: February 15, 2012

MarsEditめっちゃいい

MarsEdit使っていますが、めちゃくちゃいいですね！！すごい快適。 GraphicuはWordPressなのでそれも設定したんですが、以下のようにPostsだけでなくPagesも表示されます。しかも、MT4だとできない、タグの入力補完やカテゴリーの新規追加も、WP3の場 …

category: Diary

date: February 14, 2012

デザインギャラリー「Graphicu」を、W3Qでご紹介いただきましたありがとうございます。

ちょっといろいろテンションが上がっているのでエントリー。デザインギャラリー「Graphicu」を、W3Qでご紹介いただきました。ありがとうございます！ちょっと最近のinterviewsとかキュレーションサービスは、誰が質問してきてるのかとか、誰が書いてるのかわからないので …

category: Technology

date: February 14, 2012

MarsEditをテスト中

ちょっと気になっていたブログエディタ、MarsEditをテスト中。CREAMUはMovableTypeで動いているので、その設定諸々です。「/img/」に画像を置いているので、GeneralのHomepage URLを「/mt」に設定（最後のスラッシュを省いた形）して、画像 …

category: Gadget

date: February 14, 2012

42MのPocket Wifi、GP02が届きました

42MのPocket Wifi、GP02が届きました！結構速くていい感じ。外で使うのが楽しみ。

category: Technology

date: February 14, 2012

カーテンが上がるような動きを演出する「Curtain.js」

Curtain.jsは、カーテンが上がるような動きを演出するJavaScriptです。スクロールだけでなく、矢印キーでもスムーズに動きますね。 Curtain.js

category: Technology

date: February 14, 2012

noty – オプションの豊富な通知を表示するjQueryプラグイン

notyは、オプションの豊富な通知を表示してくれるjQueryプラグインです。 Twitterでも、上部に通知メッセージ（notification）が表示されてフェードアウトしますね。それと同じ感じのものが実装できます。 noty

category: Technology

date: February 11, 2012

パスに沿ってぐるぐると遷移する「jQuery Scroll Path」

jQuery Scroll Pathは、パスに沿ってぐるぐると遷移させられるJavaScrpitです。 githubからソースをダウンロードでき、demo.jsの内容を変更することで、パスを変えられるようです。 jQuery Scroll Path

category: Technology

date: February 10, 2012

HoverBar – iPadを空中に固定するためのアーム

これは面白いプロダクト！iPadを空中に固定するためのアームです。こうやったり、こうやったり、こうやって使うことができます。すげえ。価格は$79.99。BUY NOWボタンがあるので、ぜひどうぞ。 HoverBar

category: Diary

date: February 09, 2012

ロクナナのイベント「Illustrator & Photoshop はじめの一歩」

ちょっと連絡をもらったのでお知らせです。 2月18日（土）に、黒野さん講師によるロクナナワークショップイベント「Illustrator & Photoshop はじめの一歩」が開催されます。時間は14:00 – 18:00まで！結構みっちりな時間です …

category: Diary

date: February 08, 2012

パララックス効果を実現する「Parallax.js」

Parallax.jsは、パララックス効果を実現するスクリプトです。実装方法が簡単で軽いようですね。 Parallax.js

category: Technology

date: February 05, 2012

STELLAR.JS – パララックス効果を実装するJavascript

STELLAR.JSは、パララックス（視差）効果を実装するためのJavascriptです。デモは以下から。 PC用：Parallax Backgrounds iOS用：iOS (Using Scrollability) ソースはgithubからダウンロードが可能です。 ST …

category: Technology

date: February 05, 2012

CSS3で作るふわっと浮き上がるツールチップ

「HOW TO CREATE ANIMATED TOOLTIPS WITH CSS3」という記事で、CSS3で作るふわっと浮き上がるツールチップのチュートリアルが紹介されています。デモは以下から。 DEMO 動きが自然で気持ちいいですね。 HOW TO CREATE ANI …

category: Diary

date: February 02, 2012

Pretty Polaroids – シンプルでかわいいポラロイド写真のPSDファイル

Pretty Polaroidsは、シンプルでかわいいポラロイド写真のPSDファイルです。テープのギザギザ感や、ポラロイドのテクスチャがとてもいい感じですね。メールアドレスを入力して「Download」ボタンをクリックすることで、ダウンロードが可能です。 Pretty P …

archives:

Category Archive

Monthly Archive

CSS3で作るドロップシャドウ

jq.carousel – シンプルでカスタマイズ可能なカルーセルギャラリープラグイン

HotGloo – ワイヤーフレームを書くためのオンラインツール

ブログのデザインを変更

ブログも復旧しました

サーバ復旧しました

スマートフォンサイト・アプリに使えるアイコン集「400 Icon Glyph Set」

コーポレートサイトをマイナーリニューアル

次世代のデザイナーを毎日紹介する「365 AWESOME DESIGNERS」

レスポンシブレイアウトについて知ることができるサイト

Paper.js・Processing.js・Raphaëlの比較

Fontomas – アイコンが描けるMITライセンスのWebフォント集

HTML5の対応状況をチェックするための2サイト

onyourmarkさんの取材記事

Fluent – UIの美しい未来型のメール

Atea – テキストで管理するMac用のタスク管理アプリ

illustratorでロック（ロック解除）するショートカット

MAMP PROが半額に（あと10分）

TypeSquareを使ってみました

Apple & Microsoft

CSS3のコーディングに役立つツール8選

Twitter Bootstrapの配色を自由に変えられる「StyleBootstrap.info」

オーバーレイなどのブレンドモード効果を与えられる「jQuery Blend Modes」

画像等をクロスフェードするJavaScript5選

jQuery easingのメモ

iTunesカードが届きました

Sequence.js – ページの要素をばらばらにアニメーションするjQueryプラグイン

Steve Jobsの動画集決定版

Twitter Bootstrapの配色を簡単に変えられる「Bootswatch」

Gumroadからの売上メール

素晴らしい2

素晴らしい

Glisse.js – 動きの気持ちいいjQueryフォトビューア

20 ICONS FOR LINK TEXTS – Gumroadにリンクテキストに使える矢印アイコンを置きました

角丸のぼけをなくすためのPhotoshopの設定

クールなフリーフォント50

illustratorで色を一括置換する方法

TODO管理アプリ、Clearが85円で販売中

MarsEditめっちゃいい

デザインギャラリー「Graphicu」を、W3Qでご紹介いただきましたありがとうございます。

MarsEditをテスト中

42MのPocket Wifi、GP02が届きました

カーテンが上がるような動きを演出する「Curtain.js」

noty – オプションの豊富な通知を表示するjQueryプラグイン

パスに沿ってぐるぐると遷移する「jQuery Scroll Path」

HoverBar – iPadを空中に固定するためのアーム

ロクナナのイベント「Illustrator & Photoshop はじめの一歩」

パララックス効果を実現する「Parallax.js」

STELLAR.JS – パララックス効果を実装するJavascript

CSS3で作るふわっと浮き上がるツールチップ

Pretty Polaroids – シンプルでかわいいポラロイド写真のPSDファイル