MacBook Pro Retinaの所感

MacBook Pro Retinaを数日使ってみた所感をメモ。 ・パフォーマンス 　とても満足しています。メモリ16GBはやはり半端なく、かなりさくさくと作業が進みます。 ・Retinaディスプレイ 　解像度1,900程度まで縮小して表示することができ、作業領域をとても広く …

デザイナー募集

業務拡大につき、以下の内容でデザイナーを募集します。 前回募集した内容を期間延長しています。 ・募集期間 　〜2012年7月末 ・募集職種 　デザイナー ・仕事内容 　Webサイト / スマートフォンサイト / 携帯サイトのデザイン 　コーディング 　スキルがあれば、以下の仕 …

【売ります】Adobe Creative Suite 5.5 Web Premium Macintosh版 中古

先日CS5.5を販売していましたが、無事Amazonから購入頂きました。ありがとうございました。 それでもう1つ不要になったので、販売させていただきます。今回は中古です。 パッケージからCDを出してインストールしただけなので、綺麗な状態です。ライセンスはすべて解除済みです。 …

Cinema Display用にMagSafe 2 Converterを購入

Cinema Display用にMagSafe 2 Converterを購入。ってなんでこんなことせなあかんねん。

Photoshop CS6でツールバーがファイルの下に隠れてしまう

Photoshop CS6でツールバーがファイルの下に隠れてしまい、かなり操作しづらかったんですが、「ウィンドウ / アプリケーションフレーム」を非表示にするとツールバーが上にくるようになりました。 よかった..。

MacBook Pro Retinaが届きました

今日の朝、MacBook Pro Retinaが届きました！うれしすぎる。 早速Thunderboltで必要なファイルを移行し、CS6を入れて仕事再開。とても快適。 速いです。Cinema DisplayじゃなくずっとMBPを見ていたい感じ。 Apple MacBook Pr …

マインドマップツール「MindMeister」プロアカウント($99/月)プレゼント

マインドマップツールである「MindMeister」の中の人から、プロアカウントを頂いたので、3名の方にプレゼントします。 誰でも30日間無料で使えるのですが、その後はPersonalプランで$49、プロプランで$99の有料ツールになります。 プレゼントに当選された方は、1年 …

今日のぽんた14

写真を整理したらUPしたくなったので久々にUP。すくすくと育っております。 最近サマーカットにして毛が短くなりました。近くのいろんなお店の常連になっています。 去年代官山に新しくできたステーショナリーのお店、WakuWakuさんのブログにぽんた登場＾＾ お客さん、閉店ですよ〜

Logicool Mini Boomboxが届きました

Fans:Fansのモニターに当選して、Logicool Mini Boomboxが届きました。 手のひらに乗るサイズ感がいい感じです。Bluetoothで接続できるので、iPhoneなどからワイヤレスで再生できます。 音は少しこもった感じはありますが、低音はしっかりしていて …

Web Designing 7月号に寄稿させていただきました

Web Designing 7月号に寄稿させていただきました。 「サイトデザインのためのグッドテンプレート集」という特集で、各種テンプレートとして使えるようなサンプルサイトのソースを、ダウンロードいただける内容となっています。 ぜひご覧ください。

【売ります】Adobe Creative Suite 5.5 Web Premium Macintosh版 新品

Mac版のCS5.5（新品）が1つ余っているので、Amazonで販売中です。CS6が出てしまったからか全然売れません..。 Adobe CS5と、CS5.5 アップグレード版「S」とのセットになります（実質CS5.5としてご利用が可能です）。 現在は193,500円（送料34 …

MacBook Pro Retinaを購入

Retina出ましたね。MBPの薄いのがずっとほしかったので、以下の構成で即購入。 ・2.7GHzクアッドコアIntel Core i7（Turbo Boost使用時最大3.7GHz） ・16GB 1,600MHz DDR3L SDRAM ・512GBのフラッシュストレージ …

Olympic Games London 2012 公開

「Olympic Games London 2012」を公開しました。 オリンピックのオフィシャルフォトエージェンシー（写真素材の販売権利を持つ）である、Getty Imagesさんのスペシャルサイトとなります。 出版関係や報道関係の方、一般の方も、競技名や選手名で写真素材を …

デザイナー募集

業務拡大につき、以下の内容でデザイナーを募集します。 ・募集期間 　〜2012年6月15日 ・募集職種 　デザイナー ・仕事内容 　Webサイト / スマートフォンサイト / 携帯サイトのデザイン 　コーディング 　スキルがあれば、以下の仕事もお願いしたいと思います。 　Mo …

Bariol – 美しい曲線を持った丸ゴシックフォント

Bariolは、美しい曲線を持った丸ゴシックフォントです。 3ユーロからすべてのウェイトを購入できます。 TwitterかFacebookでつぶやくと、Bariol Regularのみ無料でダウンロードすることが可能です。 Bariol is a round gothic f …

コロンの書き方

メールのやり取りをしていて、さすがだなと思ったのでエントリー。 僕も以前からこうしているんですが、メールでコロンをつけて何か書く場合、ダブルクリックでコロン以下だけコピーしたいのに、全角だと1行分すべてが選択されてしまいます（Macで確認）。 【全角】ID：test 【半角】 …

Photoshopでスタイルの違うテキストを素早くコピーする方法

今までテキストをコピーする際に、カンバス上の「OLD TEXT」を選択して「NEW TEXT」に貼付けると色やサイズ等もコピーされてしまうため（この場合は色が黒になる）、テキストエディットに一度貼付けてから「NEW TEXT」にペーストしていたんですが、レイヤーパネルからテキ …

Photoshopで段落テキストを左・センター・右揃えにするショートカット

Photoshop(CS6)で段落テキストを左・センター・右揃えにするには、段落パレットで左・センター・右揃えを選びますが、ショートカットに気づきました…。 T(横書き文字ツール)モードで段落テキストをクリックし、以下のキーでOKです。 command + shift + l …

Photoshopで1つ下のレイヤーを選択するショートカット

 Photoshop(CS6)でレイヤーを上下に移動するには以下のショートカットですが、command + [　：　レイヤーを下に移動command + ]　：　レイヤーを上に移動レイヤーパネルで1つ上とか下のレイヤーを選択するには以下のようにします。option …

illustratorからテキストのみを抽出する方法

ちょっとメモ。illustrator(CS6)からテキストのみを抽出するには、以下のようにします。「ファイル / 書き出し… / ファイル形式：テキスト形式（txt）」 「書き出し」ボタンをクリックすると、txtファイルに書き出されます。I take a little not …

Presenteer.js – 効果的なプレゼンをするためのjQueryプラグイン

Presenteer.jsは、効果的なプレゼンをするためのjQueryプラグインです。 とてもクール。 Presenteer.js is a jQuery plugin that enables an effective presentation. So cool.

カラフェ

royalvkbのカラフェが届きました。 ここはいい商品を作っているのでメモ。 A carafe of royalvkb has arrived. I take a note about this brand creating goods pretty good.

印刷会社募集

ちょっと変なタイトルですが、ポスター等を作りたいので印刷会社さんを募集します。 あまり知らないので、いい印刷会社さんに出会えるとうれしいと思っています。 なので読者の方で印刷関連の方がいましたら、ぜひご連絡ください！ 宛先：info[at]creamu.co.jp　（[at] …

Memory Scopeを購入

アシスタントがメモリ解放アプリを使っていたので、探して評価が高いのを購入。 いい感じ。 My assistant had used an application making memory free, so I looked for one having good revie …

レストランウェディング – ダズル マイナーリニューアル

銀座・DAZZLEのレストランウェディングサイトをマイナーリニューアル。 UIの改善とコンテンツへのナビゲーション追加、FlashアニメーションのJavaScriptアニメーションへの改修など、ディテールの最適化を行いました。 Minor updated the restau …

【急募】 WordPressプログラマ

急で申し訳ないのですが、今日明日というレベルで…すぐに動いて頂けるWordPressプログラマを募集します。 静的コーディングは終わっていて、WordPress内で3つほどテンプレートを作ってもらって、静的ソースとマージして頂くお仕事になります。 弊社の会社概要は …

PopBox – シンプルな吹き出しを実装するjQueryプラグイン

PopBoxは、シンプルな吹き出しを実装するjQueryプラグインです。 37SignalsのHighriseにインスパイアされて作ったようです。 PopBox

Fluid CSS3 Slideshow with Parallax Effect – CSSだけで作られた背景にパララックス効果のあるスライドショー

Fluid CSS3 Slideshow with Parallax Effectは、CSSだけで作られた背景にパララックス効果のあるスライドショーです。 FLUID CSS3 SLIDESHOW WITH PARALLAX EFFECT

Physijs – Three.js用の物理エンジンプラグイン

Physijsは、Three.js用の物理エンジンプラグインです。 これはすごい。 Physijs

Sketch – ベクターグラフィックが描けるMac用アプリ

Sketchは、ベクターグラフィックが描けるMac用アプリです。 App Storeで4,300円で販売中。試用も可能です。 Sketch

ImageOptim – PNG, JPEG, アニメーションGIFの容量を減らしてくれるMac用アプリ

ImageOptimは、PNG, JPEG, アニメーションGIFの容量を減らしてくれるMac用アプリです。 使ってみたところ、PNGで6〜7%程度ほど容量を減らすことができ、クオリティーの違いはほぼありません。 ImageOptim

Macのテキストエディットで使えるショートカット

ちょっとメモ。Macのテキストエディットで使えるショートカットです。 control + A：現在の行／段落の先頭に移動 control + B：1文字戻る control + D：カーソルの右側の文字を削除 control + E：現在の行／段落の末尾に移動 control …

デザイナー募集

業務拡大につき、以下の内容でデザイナーを募集します。 一旦短期のお仕事になります。 ・契約期間 　〜2012年5月末まで 　※その後も状況により長期で来て頂く場合もあります。 ・募集職種 　デザイナー ・仕事内容 　Webサイト / スマートフォンサイト / 携帯サイトのデザ …

Silly list scroll effects – リストのスクロール時にアニメーションがつけられるJavaScript

これはすごい。Silly list scroll effectsは、リストのスクロール時にアニメーションがつけられるJavaScriptです。 This is great. Silly list scroll effects is a JavaScript that can …

350 pixel perfect icons – 商用無料の使いやすいアイコン集

350 pixel perfect iconsは、商用無料の使いやすいアイコン集です。 PSDで配布されています。 350 pixel perfect icons is a set of free icons that you can use in various cases …

lake.js – 波打つ様子を表現できるjQueryプラグイン

lake.jsは、波打つ様子を表現できるjQueryプラグインです。 ちょっと不自然ですが、面白い感じです。 lake.js is a jQuery plugin that displays what is waving. A little unnatural, but in …

Screenqueries – iPhoneやiPadでの表示を確認できるサイト

Screenqueriesは、iPhoneやiPadでの表示を確認できるサイトです。 スクロールしたときに周りがグレーアウトするのがいい感じ。 Screenqueries lets us confirm the layout of web sites viewed on iP …

スローモーションムービー

面白いスローモーションムービー集 Interesting slow motion movies Slow motion stupidity

Google Appsに新しいユーザを追加する方法

ちょっとメモ。Google Appsに新しいユーザを追加するには、以下のようにします。 https://www.google.com/a/cpanel/primary-domain-name にアクセス （primary-domain-name の部分は Google App …

Animated Content Tabs with CSS3 – CSS3で作られたアニメーションするタブコンテンツ

Animated Content Tabs with CSS3は、CSS3で作られたアニメーションするタブコンテンツです。 デモは以下から。 Animated Content Tabs with CSS3 is a tab content that animates with …

Photoshopで色を変えやすい格子柄のパターンを作る方法

今までレイヤーを2つ重ねてマスクしたりしてチェックパターンを作っていたんですが、うまくいったのでメモ。 上記のようなパターンを1レイヤーで作るには、以下のようにします。 黒と透明のパターンオーバーレイを乗算に設定 カラーオーバーレイで、つけたい色を選び、スクリーンに設定

コーダー / デザイナー募集

業務拡大につき、以下の内容でコーダー（可能ならデザインもできる方）を募集します。 デザイナーでコーディングができる方でも構いません（コーディング業務の方が多くなります）。 ・募集期間 　2012年4月〜5月 　※採用者が決まりましたら募集を終了いたします。 ・募集職種 　コー …

retina.js – Retina用に高解像度の画像を表示するJavaScript

retina.jsは、Retina用に高解像度の画像を表示するJavaScriptです。 When your users load a page, retina.js checks each image on the page to see if there is a hig …

Fixing These jQuery! – jQueryについて学べるスライド

Fixing These jQuery!は、jQueryについて学べるスライドです。 ざーっと眺めるのにいい感じです。 Fixing These jQuery! is a slide you can study in about jQuery. I’m sure …

Timeline Portfolio – タイムライン上に並んだポートフォリオ

以前書いた記事で紹介したjQueryプラグインが使われた、タイムライン上に並んだポートフォリオです。 いい感じ。 This is a portfolio displayed on a timeline using a jQuery plugin I introduced in …

CSS3/HTML5/jQueryに関するチートシート

All The Cheat Sheets An Up To Date Web Designer Needs: CSS3, HTML5 and jQueryという記事で、CSS3/HTML5/jQueryに関するチートシートがいろいろと紹介されています。 In an artic …

Responsive CSS3 Slider Without Javascript – Javascriptを使わないレスポンシブデザインに対応したスライドショー

Responsive CSS3 Slider Without Javascriptは、Javascriptを使わないレスポンシブデザインに対応したスライドショーです。 上部の3つのアイコンをクリックすることで、端末ごとの見え方を確認することができます。 Responsive …

車でドライブできるsmartのtwitter

これは面白い。どこかで記事になっていた気がしますが、パラパラ漫画感覚で、車でドライブできるsmartのtwitterです。 Jで進む、Kで戻ることができます。 This is interesting. I wonder I read an article about this …

InstaBackup – Instagramの写真をバックアップしてくれるアプリ

InstaBackupは、Instagramの写真をバックアップしてくれるアプリです。 InstagramがFacebookに買収された後、データがどうなるか不安な方に。 InstaBackup is an application that backs up your pho …

CSS ARROW PLEASE! – CSSで吹き出しを作るジェネレータ

CSS ARROW PLEASE!は、CSSで吹き出しを作るジェネレータです。 結構いい感じ。 CSS ARROW PLEASE! is a generator that makes a balloon with CSS. it looks good. CSS ARROW P …

CSS3の参考になる記事

CyberAgentの1pixelブログに、CSS3の参考になる記事があったのでご紹介。 imgにzoom:0.5;を指定していたり、横幅を超える長さの文字列を「…」で表示するためにtext-overflow:ellipsis;を指定していたりと、参考になります。 I int …

AirMac ユーティリティー6

新しいMacにしてなぜかTimeCapsuleに接続できなかったんですが、旧MacからTimeCapsuleのファームウェアをアップデートしたら直ってうれしかったのでエントリー。 I haven’t been able to connect to the Time …

HTML5 Presentation – HTML5/CSS3の機能をインタラクティブに一覧できるサイト

HTML5 Presentationは、HTML5/CSS3の機能をインタラクティブに一覧できるサイトです。 左右の矢印でページを移動でき、HTML5/CSS3の機能を触りながら体験することができます。 HTML5 Presentation

Shuffle – ソート時にアニメーションがつけられるjQueryプラグイン

Shuffleは、ソート時にアニメーションがつけられるjQueryプラグインです。 以下のブラウザに対応しているようです。 ・Chrome ・Firefox ・IE 7+ ・Opera ・Safari Shuffle

フリーダイヤルのアイコン素材

ちょっとメモ。公式で配布されているフリーダイヤルのアイコン素材です。 NTT SoftBank KDDI

Apple本社の写真いろいろ

Inside Apple HQという記事で、Apple本社の写真が紹介されています。 via. Inside Apple HQ

iPhotoでフォトストリームを有効化できないときの対処法

なぜか突然iPhotoでフォトストリームを有効化できなくなったんですが、正しくログインできていなかったようで、以下の方法で直りました。 「システム環境設定 / iCloud」 ログイン後、「フォトストリーム」にチェックを入れる。

Xcode4.3.2でiOSシミュレータを使う方法

新しくiOSシミュレータをインストールしようとしたら、よくわからない感じになったのでメモ。 現在は、Xcode4.3.2がインストールできます。以前はios sdkとセットになっていたんですが、今はセットではありません。 ともかく、まずはXcodeをインストール。Xcode …

Macのデータ移行方法

MBAのデータ移行をしているのでメモ。 OSはどちらも10.7.3。どちらもthunderboltポートあり。 シャットダウン後、起動時にTを押したままにして、元のMacをターゲットディスクモードで起動。 thunderboltでつなぐと、Finderのデバイスに元のMacの …

Macのトラックパッドのスクロールの速度を変更

トラックパッドのスピードがデフォルトでは遅くて、設定するところがよくわからなかったんですが、わかったのでメモ。 「システム環境設定 / ユニバーサルアクセス / マウスとトラックパッド / トラックパッドオプション… / スクロールの速さ」

Macのアプリケーションの環境設定ファイルを確認する方法

Macのアプリケーションを移行した際に、環境設定ファイルを確認する方法です。 ここでは、AppCleanerを使います。 アプリケーションをドラッグすると上記のように構成ファイルが表示されるので、それをコピーします。 環境設定ファイルは/Library/Preferences …

Macのテキストエディットの欧文のアンチエイリアス

MBAのデータを移行中で、いつもはTimeMachineのバックアップから戻すんですが、今回はクリーンに使いたかったのでthunderboltなどを使ってデータ移行中。 Preferencesも手動で移行中なんですが、テキストエディットの見え方が違っていたのでメモ。 デフォル …

MacBook AirのSSDはメーカーによって速度が違う

MBAが届きました！絶賛データ移行中。 今まで使っていたのと同じスペックのものを購入したんですが、MacBook AirのSSDはメーカーによって速度が違うらしく、新しい方が遅かったら嫌なので早速調べてみました。 「アップルメニュー / このMacについて / 詳しい情報… …

Bootstrap Illustrator Template – illustratorのBootstrap用グリッドテンプレート

Bootstrap Illustrator Templateは、illustratorのBootstrap用グリッドテンプレートです。 12カラムに分かれています。 illustratorのテンプレートは珍しいですね。 Bootstrap Illustrator Templa …

Neue Haas Grotesk

Neue Haas Groteskがrevivalされたようで、いろいろなところでHelveticaとの比較記事が上がっています。 via. http://www.christianschwartz.com/haasgrotesk.shtml ラインがくねっとしていないalt …

iPad用お絵描きアプリ「Paper」がおもしろい

先日書いたPaperを使ってみたんですが、面白い！！ 無料でとりあえず使えるんですが、その状態で使えるのはこのDrawのみ。色が選べて消しゴムで消すことができます スケッチ。素晴らしい アウトライン。ボールドでクリアなラインが描けます ライト。サインペンで書くような感じ カラ …

jq.ui.checks – フォームをスタイリングしてコントローラをつけられるjQueryプラグイン

jq.ui.checksは、フォームをスタイリングしてコントローラをつけられるjQueryプラグインです。 チェックボックスとラジオボタンに適用でき、以下のブラウザに対応しているようです。 ・IE6+ ・and modern browsers ・Mobile Safari 5 …

Subtle Sans – 美しいサンセリフ書体

Subtle Sansは、上記のように美しいサンセリフ書体です。 Just donate if you feel it’s worth it. とのことで、donateのみで利用可能です。 Webフォントとしても利用できます。 Subtle Sans

HTML5 BOOKMARKS – HTML5関連の情報が手に入るサイト

HTML5 BOOKMARKSは、HTML5関連の情報が手に入るサイトです。 ジェネレータやjQuery、CSSS3など、いい感じのものがまとまっています。 HTML5 BOOKMARKS

sparrowを購入

Lite版を使ってみて、いい感じなので正式版を購入。広告が消えていい感じです。 ・「ウィンドウ / 拡張サイドバー」で、Gmailのサイドバーみたいな表示ができていい ・command + shift + ↑でアカウントの切り替えができる ・IMAPでiPhoneのメールを設 …

Sparrowがいい感じ

Sparrowっていうメールクライアントがあって、マルチアカウントが設定できるということでiPhoneに入れたのですが、とても使いやすい！！！ Google AppsがGmailアカウントに統合されてから、一つのブラウザで、Google AppsアカウントとGmailアカウン …

The FontShop Plugin – FontShopのPhotoshop用プラグイン

The FontShop Pluginは、FontShopのPhotoshop用プラグインです。 FontShopのフォントを、プレビューしながら選べるようです。 The FontShop Plugin

1-BIT CAMERA

1-bit dynamic rangeのカメラがApp Storeで販売中です。 現在85円。 1-BIT CAMERA

Paperfold CSS – 紙を折るようにコンテンツを見せられるCSS

Paperfold CSSは、紙を折るようにコンテンツを見せられるCSSです。 これはすごい。 Paperfold CSS

SATURDAYS SURF NYCのTシャツ

SATURDAYS SURF NYCで買ったTシャツを開けるとさらにかっこよかったので、撮影会をしてしまいました。 DM かっこいい かっこいい 一気に好きなブランドになってしまった。

今日のぽんた13

伸びるぽんた

今日のぽんた12

おやつと遊ぶぽんた

今日のぽんた11

おやすみぽんた

今日のぽんた10

雨に濡れたのでタオルにくるまれるぽんた

今日のぽんた9

首を傾げるぽんた

今日のぽんた8

作業中の妻と、降りたいぽんた

今日のぽんた7

紙袋をぐちゃぐちゃにして満足げなぽんた

西郷山公園

4月1日！天気がよかったので、SUBWAYでサンドイッチを買って、西郷山公園に行ってきました。 結構たくさん人がいました。桜は来週ですね ご機嫌なぽんた 瞑想するぽんた

SATURDAYS SURF NYC

今日ふらっと代官山に新しくできた、SATURDAYS SURF NYCに行ってきました。 旧山手通り沿いのT-SITEの向いあたりで、外観めちゃかっこいい。 服も売っているようで入ってみたんですが、サーフブランドということでもっとアウトドアでカジュアルなのかな、と思ってたら、 …

Svbtle – 管理画面もシンプルなデザインにしてくれるWordPressテーマ

Svbtleは、管理画面もシンプルなデザインにしてくれるWordPressテーマです。 上記のスクリーンショットがダッシュボード。a new blogging experience!とのことで、かなり情報が削ぎ落されています。 Svbtle

iPhoneやiPadでソースを確認するブックマークレット

View source on the iPad and iPhoneという記事で、iPhoneやiPadでソースを確認するブックマークレットが紹介されています。 Add this page as a bookmark Then click here to see the bo …

サーバをhetemlに移行しました

先月さくらの専用サーバに乗り換えたんですが、借りもので契約が切れてしまうので、再度移行することに…。 今までxreaとcoreserverを使っていて、満足していたんですが、負荷が高くなったときに取り返しのつかない事態に何度もなるんですよね。負荷が高すぎてアクセスできなくなり …

MacBook Airを購入

去年の7月に買って快適に使っているんですが、SSDの容量がほぼいっぱいになったあたりからファイルは削除したんですが起動しようとしても起動しなくなり、何度も再起動しないと起動しなくなってしまって仕事に支障が出るので、新しくすることに。 夏くらいまで待って新しいMBAをゲットしよ …

shitter – Twitterでのつぶやきをトイレットペーパーにプリントして送ってくれるサービス

shitterは、Twitterでのつぶやきをトイレットペーパーにプリントして送ってくれるサービスです。 おもろい。 shitter

Paper – お絵描き用iPadアプリ

Paperは、お絵描き用iPadアプリです。よさそうな感じ。 無料ですね。あとで使ってみます。 Paper Paper by FiftyThree(iTunes)

Loft Resumes – 履歴書をデザインしてくれるサービス

Loft Resumesは、履歴書をデザインしてくれるサービスです。ユニークで面白い。 デザインを選んで内容を送ると、メールで送ってくれるようです。 Loft Resumes

タッチイベントやスクロールイベント等を取得するJavaScript集

githubで、タッチイベントやスクロールイベント等を取得するJavaScriptがたくさんまとまっています。 いい感じ。 https://github.com/bebraw/jswiki/wiki/Touch

typeconnection – フォントの詳細をゲーム感覚で比較できるサイト

typeconnectionは、フォントの詳細をゲーム感覚で比較できるサイトです。 こういう感じで２つのフォントの形状や見え方を比べることができます。 typeconnection

Timeline – タイムラインをベースにスライドショーを見せられるjQueryプラグイン

Timelineは、タイムラインをベースにスライドショーを見せられるjQueryプラグインです。 なんかすごい。 Timeline

Canvas Fireworks – クリックすると花火が上がるサイト

これは綺麗。Canvas Fireworksは、クリックすると花火が上がるサイトです。 右のパラメータでいろいろといじれます。 Canvas Fireworks

Rainbow – ソースコードをシンタックスハイライトしてくれるJavaScript

Rainbowは、ソースコードをシンタックスハイライトしてくれるJavaScriptです。 cssで色を変えられるようです。 Rainbow

Canon MP630でA4裁ち落とし、後トレイから給紙でプリントする設定

資料を作っているんですが、プリンタの設定で時間がかかったのでメモ。 サイズ：A4（フチなし）を選択後、「プリンター…」をクリック 「給紙方法：後トレイ」、用紙の種類を選んでプリント

レスポンシブデザインのテストツールx4

Device-Agnostic Approach To Responsive Web Designという記事で、レスポンシブデザインのテストツールが4つ紹介されています。 Responsive Design Testing URLを入れると4つの画面でプレビューできるツール …

CSS3を使ったスライドショー

How to Create a Stylish Image Content Slider in Pure CSS3という記事で、CSS3を使ったスライドショーの作り方が紹介されています。 DEMO How to Create a Stylish Image Content S …

iOS App Icon Template – PSDで配布されているiOSアプリアイコン用テンプレート

iOS App Icon Templateは、PSDで配布されているiOSアプリアイコン用テンプレートです。 スライスも切ってあるので、書き出しもしやすくなっています。 iOS App Icon Template

INCEPTION – パララックス効果を実装したサイト

INCEPTIONは、パララックス効果を実装したサイトです。 jquery.scrollorama.jsが使われています。 INCEPTION

Envision.js – HTML5でチャートやフラクタルを描画するJavaScriptライブラリ

Envision.jsは、HTML5でチャートやフラクタルを描画するJavaScriptライブラリです。 モダンブラウザ、およびIE6以上で動作するようです。 Envision.js

HAMMER.JS – マルチタッチジェスチャをサポートするJavaScriptライブラリ

HAMMER.JSは、マルチタッチジェスチャをサポートするJavaScriptライブラリです。 タップ、ダブルタップ、ホールド、ドラッグ、拡大縮小に対応しているようです。 HAMMER.JS

CSS3D Clouds – CSS3 3D Transformsで作られた雲

CSS3D Cloudsは、CSS3 3D TransformsとJavascriptでで作られた雲です。 マウスを動かすと雲も動きます。 CSS3D Clouds

TypeButter – デバイスフォントにオプティカルカーニングを施せるjQueryプラグイン

これはすごい。TypeButterは、デバイスフォントにオプティカルカーニングを施せるjQueryプラグインです。 和文書体は未確認ですが、欧文書体ではいい感じの見え方になっています。 TypeButter

PCで電車の時間を調べる方法

あんまり電車に乗らないので・・（言い訳）、妻に電車の時間調べてって言われて、んーPCだとどうするんだっけとあたふたしてしまって時間がかかってしまったのでメモ…。 例えば渋谷から銀座に行く場合、「渋谷から銀座」と検索すると、上記のように「Google乗換案内」が表示されます。 …

サイトやブログに設置するFacebookソーシャルプラグイン

サイトやブログに設置するFacebookソーシャルプラグインは、以下ページから。 Social Plugins 「○○人が○○について「いいね！」と言っています。」っていう感じで書かれたブログパーツ的なものは、Like Boxですね。

Macでスクリーンショットの保存先を変更する方法

前からやりかったことをさくっとできたのでメモ。Macでスクリーンショットの保存先を変更するには、TinkerToolを使います。 TinkerTool 一般タブの「スクリーンショットを保存するフォルダ」でカスタムフォルダを選択し、再度ログインすれば有効になります。 ちなみに、 …

jQuery Content Slider – 軽量なスライドショーを実装するjQueryプラグイン

jQuery Content Sliderは、軽量なスライドショーを実装するjQueryプラグインです。 jquery.easingを使用しているので、easingの具合はeaseOutElasticなどで調整できるようです。 jQuery Content Slider

Icon Fonts – アイコンフォントのまとめページ

Icon Fontsは、Delicious上のアイコンフォントのまとめページです。 現在23リンク、今後も増えていくかと思います。 Icon Fonts

iOS5のiPhone Safariでキャッシュを削除する方法

iOS5までは、「設定 / Safari / キャッシュを削除」っていう項目があったようなんですが、iOS5から変わったようで、以下の流れでキャッシュを削除できるようです。 「設定 / Safari / 詳細 / Webサイトデータ」で、「全Webサイトデータを削除」か、編集 …

mailcheck.js – メールのドメインが間違えていたらsuggestしてくれるJavaScript

mailcheck.jsは、メールのドメインが間違えていたらsuggestしてくれるJavaScriptです。 以下のように、domainsにチェックしたいドメインを入れるようです。 <script type="text/javascript"&gt …

Launched Pixels – 優れたPSD素材を無料でダウンロードできるギャラリーサイト

Launched Pixelsは、優れたPSD素材を無料でダウンロードできるギャラリーサイトです。 サイト自体のデザインもすっきりしていていい感じです。 Launched Pixels

Flashで外部ファイル読み込み時にキャッシュを読まないようにする方法

ちょっとメモ。Flashで外部ファイルを読み込んでいる際、更新性のあるものはキャッシュに対するケアをしておかないと、ユーザが古い情報を読んでしまいます。 URLRequest時に、以下のようにファイル名の後にパラメータを付けます。 new URLRequest(“ …

新しいタブで開くときの処理を追加

リンクをクリックした際にreturn false;していたため、target=”_blank”が設定されていないリンクをブラウザの機能でoption + click（Mac）で別タブとして開けなくなっていました。 そのため、リンクURLに自サイトのドメ …

Sprite3D.jsを使ったCSSによる3D表現

ちょっとメモ。The Boxは、Sprite3D.jsを使ったデモサイトです。 jsとCSS Transformを使用しているようです。 The Box | Demo Studio | Mozilla Developer Network ref. http://techwav …

フェードの処理を追加

ページ遷移の際のフェードアウト処理と、ティッカー/メニューのフェードイン処理を追加。

iPadのHD Retinaディスプレイに対応した美しい壁紙

iPad HD Retina Wallpaperという記事で、iPadのHD Retinaディスプレイに対応した美しい壁紙が配布されています。 iPad HD Retina Wallpaper

jPlayer – 音楽/動画をサイトに埋め込めこむためのjQueryプラグイン

jPlayerは、音楽/動画をサイトに埋め込めこむためのjQueryプラグインです。 結構便利に使えそうです。 対応ブラウザ Windows: Firefox, Chrome, Opera, Safari, IE6, IE7, IE8, IE9 OSX: Safari, Fi …

Facebookページにアプリのタブを追加する方法

Facebookの仕様変更により、FacebookのApplication Profile Pagesは2012年2月1日に廃止されました。 それで、Facebookページにアプリのタブを追加する方法が全くわからなくなりました・・・・・・・・・・・・・・。ともかくリンクがない …

検索ボックスを移動

前からやろうと思っていた検索ボックスを移動しました。 検索結果の出力スピードは結構前に速くしたので、ぜひご利用ください。

FacebookのApplication Profile Pagesは2012年2月1日に廃止

Facebookページにアプリが追加できなくて困っているんですが、FacebookのApplication Profile Pagesは2012年2月1日に廃止されたようです。 Removing App Profile Pages アプリもFacebookページとして作成する …

PARALLAX CONTENT SLIDER – パララックス効果を備えたスライドショー

PARALLAX CONTENT SLIDERは、パララックス効果を備えたスライドショーです。 オブジェクトが時間差でスライドします。 PARALLAX CONTENT SLIDER WITH CSS3 AND JQUERY

dotdotdot – はみ出したテキストを「…」に変えてくれるjQueryプラグイン

dotdotdotは、はみ出したテキストを「…」に変えてくれるjQueryプラグインです。 日本語の2バイトでの確認は必要かもですが、簡単に実装できるようです。 dotdotdot

プレビュー機能を追加

コーポレートサイトのWORKSにプレビュー機能を追加。 マウスオーバーすると、サムネイルが表示されます。 実績は一通り内部リンクとしてページを作成したので、快適にご覧いただけます。 制作実績 | CREAMU, Inc.

センスのいいシェアオフィス

シェアオフィスが盛り上がっていますが、急に増えてどこがいいのかよくわからなくなってきたので、まとめておきます。 THE SCAPE(R) 2005年、建築家 隈研吾氏の設計で建てられた「THE SCAPE」。もともとは、サービスアパートメントとして建てられ、シェアタイプSOH …

Front end styleguides – Webデザインの参考になる記事を紹介

GIMME BARの「Front end styleguides」というページで、Webデザインの参考になる記事がまとまっています。 UIやタイポグラフィー、色に関することなど、いろいろとfluidなレイアウトで紹介されています。 Front end styleguides

レスポンシブデザインに使えるjQueryプラグイン集

「20 Useful jQuery Plugins for Responsive Web Design」という記事で、レスポンシブデザインに使えるjQueryプラグインが20個まとまっています。 上記はPHOTO SWIPE。スマートフォン用に、スワイプできるスライドショーを …

アニメーションを変更

WORKSのアニメーションを再度微調整。 左から右に流れる動きの追加と、左のボタンが途中でクリックされると動きが理想的ではなくなるため、待つ処理を追加。 制作実績 | CREAMU, Inc.

Three.jsで作ったテトリス

Three.jsで作ったテトリス。 立体的でおもろい。 Three.js Tetris tutorial

制作実績ページをアップデート

コーポレートサイトの制作実績ページをアップデートしました。 まだスクリーンショットを準備できていないものも多いのですが、いくつかは内部リンクとしてページを作りました。今後すべてに反映していく予定です。 左右の矢印ボタンで画像が動くスライドショーを一から構築。いい出来になったの …

ブラウザのサイズ（表示領域）を指定してスクリーンショットを撮る方法

コーポレートサイトをアップデート中で、制作実績を掲載する際に、ブラウザのサイズ（ウィンドウサイズではなく表示領域のサイズ）を指定してブラウザをリサイズしたいと思って、できたのでメモ。 FirefoxのWeb Developerを使います。 「サイズ変更 / ウィンドウサイズを …

JavaScript, HTML5のツール集

50+ JavaScript & HTML5 Frameworks and Related Toolsという記事で、JavaScript, HTML5のツールがまとまっています。 jQueryやTwitter BootstrapといったFull-stack Fram …

Built With Bootstrap – Twitter Bootstrapで作られたサイトのショーケース

Built With Bootstrapは、Twitter Bootstrapで作られたサイトのショーケースです。 tumblrで作られていて、随時更新されていくようです。 Built With Bootstrap

PageSlide – クリックするとページをスライドさせてサイドコンテンツを表示するjQueryプラグイン

PageSlideは、クリックするとページをスライドさせてサイドコンテンツを表示するjQueryプラグインです。 なかなかいい。 PageSlide

BACKSTRETCH – 背景画像をブラウザいっぱいに敷くことができるjQueryプラグイン

BACKSTRETCHは、背景画像をブラウザいっぱいに敷くことができるjQueryプラグインです。 ・背景画像を1枚敷く ・スライドショーでクロスフェードしながら切り替える ・クリックで背景画像を切り替える といったことができます。 これはいい。 BACKSTRETCH

Color animation – 色や背景色をアニメーションさせられるjQueryプラグイン

jQueryのanimateメソッドは数値形式のCSSしか指定できないですが、このプラグインを使えば、以下のプロパティーをアニメーションさせることが可能です。 ・color ・backgroundColor ・borderColor ・borderBottomColor ・b …

新Facebookページ（2012.03.30以降）でタイムライン化される際のサイズ・注意点

2012.03.30以降、新Facebookページでタイムライン化される際のサイズ・注意点のリンクをまとめておきます。 ・Facebookカバー画像（851 x 315px）を用意する ・いいねしていない人に見せるためのデフォルトページ設定は不可の模様 ・「いいねしてね！」の …

コーポレートサイトにコンセプト / メッセージを追加

コーポレートサイトにコンセプト / メッセージを追加しました。 ちょっとまだ仮の感はあるのですが、随時アップデートを行っていきます。 CREAMU, Inc.

SEO対策を1ヶ月間無料でご利用いただく方法（SEO Park）

弊社で提供させていただいている、SEO対策ツール「SEO Park」の無料利用についてのご説明です。 SEO Parkにお申し込みいただくと、10,000ポイント（10,000円分）をプレゼントさせていただいています。 このポイントを使って、まずは1ヶ月間、無料でご利用いただ …

Favs – TwitterやFacebookのfavoriteを統合できるMac用アプリ

Favsは、TwitterやFacebookのfavoriteを統合できるMac用アプリです。 Facebookの「いいね！」やTwitterやGoogleリーダーでスターをつけた記事などを、一カ所で管理できる特長を持っています。 Favs

TYP™の展覧会に行ってきました

先週、STUDIO ANTWORKの神村さんや、ACTGRAMの石橋さんが中心となって開催されている、TYP™の展覧会に行ってきました。 　 場所はSUNDAY ISSUE。とてもいい空間と、紙やアクリルを使った表現、デザインだけでなく素材や印刷手法へのこだわりに刺激を受けま …

heatmap.js – リアルタイムにマウスの軌跡を描画するヒートマップ

heatmap.jsは、リアルタイムにマウスの軌跡を描画するヒートマップです。 すごい、かも。 heatmap.js

顔文字が探せる「Emojicons」

Emojiconsは、顔文字が探せるサイトです。 なかなかいい感じ。 Emojicons

blur.js – 画像にぼかしをかけられるjQueryプラグイン

blur.jsは、画像にぼかしをかけられるjQueryプラグインです。 オーバーレイで色を重ねたりすることも可能なようです。 blur.js

Kalendae – シンプルなデザインの日付ピッカー

Kalendaeは、シンプルなデザインの日付ピッカーです。 jQueryやPrototype、MooToolsに依存せず、モダンブラウザ・およびIE8に対応しているようです。 Kalendae

フルスクリーンのスライドショーを可能にする「jQuery HTML5 Fullscreen Slideshow」

jQuery HTML5 Fullscreen Slideshowは、フルスクリーンのスライドショーを可能にするプラグインです。 画像をクリックするとフルスクリーン表示になり、複数の画像を見ることができます。 jQuery HTML5 Fullscreen Slideshow

WordPressをサーバ移転してドメインが変わった場合の設定方法

WordPressをサーバ移転してドメインが変わった場合、「WordPress のアドレス」と「ブログのアドレス」は古い情報を持っているので、ログインできなくなります。 その場合、wp-config.phpに、以下を追記することで解決します。 define(‘WP …

Lion（Mac OS 10.7）を初期化する方法

Snow Leopard（10.6）からLion（Mac OS 10.7）になって初期化の方法が変わったようなのでメモ。 Lion（Mac OS 10.7）を初期化するには、以下のようにします。 Lionでは、リカバリーHDがデフォルトで入っているようですね。 ・起動ボタンを …

Siri日本語化

Siri日本語がさっききましたね！！ 「設定 / 一般 / Siri / 言語」を日本語に設定すると、ホームボタン長押しで、日本語でやりとりできます。 「何時？」っていうと時間が返ってくるし、「ニューヨークの時間」っていうと、ニューヨークの時間が返ってきます。 「設定 / 位 …

レスポンシブデザインに対応した「foodsense」

foodsenseは、一部崩れがありますがレスポンシブデザインに対応していて、ヘッダ部分に端末ごとのCSSを切り替えられるようになっています。 ちょっとおもろい。 foodsense

CSS Social Buttons – CSSで作るソーシャルボタン集

CSS Social Buttonsは、CSSで作るソーシャルボタン集です。 twitterやFacebook、pinterestなど、いろいろ揃っています。 CSS Social Buttons

JavaScriptのデバッグ方法

JavaScriptをデバッグする際は、以下のように書くと便利です。 <script> console.log("test"); alert("test"); </script> コンソールに「test」、アラー …

Font Awesome – 商用無料のアイコン用のWebフォント

Font Awesomeは、商用無料のアイコン用のWebフォントです。 これはすごい。 Twitter Bootstrapで快適に使えるようです。 Font Awesome

WordPressにプラグインを入れたら画面が真っ白になる場合の対処法

WordPressにプラグインを入れたら、特におかしいはずはないのに画面が真っ白になる場合がありますが、 メモリ不足が原因の場合、以下を.htaccessに記述することで回避できることがあります。 php_value memory_limit 60M

FRAMES – iPhoneでストップモーションムービーが撮影できるアプリ

FRAMESは、iPhoneでストップモーションムービーが撮影できるアプリです。これは面白い。 FRAMES

コーポレートサイトを少し修正

コーポレートサイトでは、円を生成して拡大して消えていくアニメーションを実装しているんですが、今までは要素の追加（append）をしたままで、永遠に要素が増えていくようになっていたため、修正。 idを付与して、表示後にremoveするようにしました。 今までは開きっぱなしだとど …

.htaccessでwwwありなしの統一

ドメインのwwwありなしを統一するには、以下のように記述します。 www.test.comに統一（test.comにアクセスがあった場合、www.test.comに転送）。 RewriteEngine on RewriteCond %{HTTP_HOST} ^test.com …

jQueryのanimateメソッドは数値形式のCSSしか指定できない

ちょっとメモ。 jQueryのanimateメソッドは数値形式のCSSしか指定できません。 $(this).stop().animate({opacity: 1, left:400},2000); のようにopacityやleftなどは指定できますが、color:#000;の …

さくらのサーバでフォルダ一覧（Index of）を非表示にする方法

さくらのサーバでは、デフォルトでフォルダ一覧（Index of）が表示になっているため、 例えばWordPressを/wordpress/にインストールしている場合、http://test.com/wordpress/とアクセスすると、ファイルやフォルダがすべて見えてしまいま …

魅力的なプレゼンをするためのHTML5/CSS3フレームワーク6選

「6 Best HTML5/CSS3 Presentation Frameworks」という記事で、魅力的なプレゼンをするためのHTML5/CSS3フレームワークが紹介されています。 html5 Slides Slides Presentation with HTML5 CS …

クールなAndroidアプリを紹介する「Android niceties」

Android nicetiesは、クールなAndroidアプリを紹介するサイトです。tumblrですね。 縦に横にとスクロールできます。 Android niceties

CoffeePhysics – CoffeeScript用の物理エンジン

CoffeePhysicsは、CoffeeScript用の物理エンジンです。 とてもスムーズな動きが実装されています。 CoffeePhysics

奥行きのある回転を可能にする「Roundabout」

Roundaboutは、奥行きのある回転を可能にするjQueryプラグインです。 その他にも、動きのスムーズなデジタル時計や、CSS3 3D Transformsのサンプルなどがあります。 Roundabout

iPhoneで使える必須カメラアプリの紹介ページ

iTunes StoreのApple Store Essentials「CAMERA & PHOTOGRAPHY」というページで、iPhoneで使える必須カメラアプリが紹介されています。 fladdictさん制作のアプリが3つ、掲載されているようですね。僕もいくつか …

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

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

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

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

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

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

ブログのデザインを変更

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

ブログも復旧しました

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

サーバ復旧しました

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

onyourmarkさんの取材記事

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

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

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

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

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

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

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

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

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

TypeSquareを使ってみました

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

Apple & Microsoft

ちょっとおもろい。

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

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

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

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

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

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

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

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

jQuery easingのメモ

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

iTunesカードが届きました

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

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

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

Steve Jobsの動画集決定版

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

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

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

Gumroadからの売上メール

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

素晴らしい2

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

素晴らしい

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

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

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

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

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

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

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

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

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

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

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

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

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

MarsEditめっちゃいい

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

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

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

MarsEditをテスト中

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ソーシャルメディアと連携するMac用のアドレスブック「Cobook」

Cobookは、ソーシャルメディアと連携するMac用のアドレスブックです。 インストールすると、以下のようにFacebookやTwitterのコンタクトリストを読み込むことができます。 Macのメニューバーのアイコンをクリックすると、ずらっと一覧が表示されて、マウスオーバでそ …

Zocial – CSS3で作られたソーシャルボタン・アイコンセット

Zocialは、CSS3で作られたソーシャルボタン・アイコンセットです。 Githubからソースをダウンロードできます。 /* Code written by Sam Collins (@smcllns) of www.eventasaur.us */ /* You are …

Google webフォントから優れたフォントだけを紹介する「Beautiful Web Type」

Beautiful Web Typeは、Google webフォントから優れたフォントだけを紹介するサイトです。 サイト上のフォントはGoogle webフォントにリンクしていて、何のフォントが使われているか確認することができます。 制作者のTwitterも用意されていますね …

スポーツ用具、ランニングシューズが届きました

スポーツ用具いろいろとランニングシューズが届きました。 腕立て伏せと腹筋、ストレッチなど ほしかったadizero！ かっこいい かっこいい というわけで運動がんばります。

コーディングに役立つCSSスニペット集

「Useful CSS Snippets for Your Coding Arsenal」という記事で、コーディングに役立つCSSスニペット集が紹介されています。 垂直方向のセンタリング div { width:100px; height:100px; } div p { l …

クールなUIのTODO管理iPhoneアプリ

Clearは、クールなUIのTODO管理iPhoneアプリです。まだ公開されていないですが、メールアドレスでサインアップしておくと、ローンチ時にすぐに教えてくれるようです。 これは楽しみ！ Clear

HERCULESのギタースタンドを購入

去年久々にテレキャスを買って、スタンドを使わずに置いていたんですが、部屋の模様替えをしてちゃんと置きたくなったのでスタンドを探すことに。 U字でボディーとネックを支えるよくあるスタンドしか使ったことがなかったんですが、コンパクトで場所の取らないものがほしくて、HERCULES …

Magnus – シンプルなiPadスタンド

Magnusは、シンプルなiPadスタンドです。とてもクールなデザインですね。 磁石でフィットさせているようです。現在は$49.55で購入できます。 Magnus

ランニングシューズを購入

今度マラソン大会で10km走るんですが、それ用にランニングシューズを購入。上記のadizeroの動画を見てから、男性が履いているグリーンのシューズがほしくなってしまって、同じものをゲット。 お店に行ったら2シーズン前のものということで置いてなかったので、ネットで探して無事購入 …

Color – 色相・彩度・明度から色を当てるサイト

Colorは、色相・彩度・明度から色を当てるサイトです。 HUE：色相 SATURATION：彩度 COMPLEMENTARY：補色 ANALOGOUS：類似色 TERNARY：三色 QUATERNARY：四色 上記の順番で、ゲームが進んでいきます。 結構面白いので、一度やっ …

iPhone, iPadで使えるVimエディタ

Vimは、iOSで使えるVimエディタです。 無料となっているので、Vimユーザの方はぜひどうぞ。 Vim

Webフォントとして使えるアイコンフォント

Modern Pictogramsは、Webフォントとして使えるアイコンフォントです。かわいいのが揃っていますね。 18pxまで縮小が可能で、UIデザインに効果的に使えそうです。 We are happy to provide typeface free of charge, …

画像hover時にテキスト等を表示するjQueryプラグイン

jQuery ContentHover Pluginは、画像hover時にテキスト等を表示するjQueryプラグインです。 補足情報をシンプルに見せる形として、省スペースで効果的ではないでしょうか。 アニメーションも気が利いていて、透過度などを変更することができます。 jQu …

FacebookカバーデザインをiPhoneから作れるアプリ

Facebook Cover Designerは、FacebookカバーデザインをiPhoneから作れるアプリです。 Facebookカバーのサイズにトリミングしたり、フィルタをかけられるようです。 Facebook Cover Designer

UICONS.CO – 使いやすいクールなアイコンセット

UICONS.COは、UIに使えるクールなアイコンセットです。 無料版はCreative Commons Attribution licenseとして配布されていて、$25で有料版としてベクターデータをダウンロードすることが可能です。 Uicons

Canon EF50mm F1.4 USM

SIGMAの50mm F1.4を使っていたんですが、重いのでもっと気軽に5Dを持ち歩いて撮りたいと思っていて、ちょうど写真熱が上がったので買い替えました。 Canonの50mm F1.4です。 これはとてもいい！軽くていい感じに撮れるので気に入っています。最近は毎日持ち歩いて …

Tubalr – YouTubeの動画をループ再生するサイト

Tubalrは、YouTubeの動画をループ再生してくれるサイトです。 Tubalr allows you to effortlessly listen to a band’s or artist’s top YouTube videos withou …

Vento – かわいい80個のアイコンセット

Ventoは、かわいいデザインの80個のアイコンセットです。 PSDも配布されていて、アイコンの構造がレイヤーに分かれています。 商用でも無料で利用できるようですね。 Vento Icon Set and Source

PHOTOGRAPHU – フォトブログを作りました

写真をUPしたいときが多くなってきたんですが、Web系の話題とごちゃごちゃになってしまうため、別のブログを作ることにしました。ふと思い立ってTumblrで制作。 PHOTOGRAPHU フィードは以下になります。よろしければぜひ。 PHOTOGRAPHU FEED

good morning

スマートフォンサイトのソースを確認する方法

スマートフォンサイトのソースは、ユーザーエージェントなどで切り替えている場合通常見られませんが、Safariで開くと見ることができます。 「環境設定 / 詳細 / メニューバーに”開発”メニューを表示」で開発メニューを表示 「開発 / ユーザーエージェ …

THR10 – 部屋弾きに便利なYAMAHAのギターアンプ

去年YAMAHAのギターアンプ「THR10」を購入しました。 久々にFenderのテレキャスを買って、オーディオインターフェースも揃えたけどやっぱりアンプから音を出したくて探していたのです。Fenderでいい感じのがほしいな、とか、でもやっぱり歪みを考えるとMarshallか …

iPhoneでFlashを再生できるブラウザ「Puffin」

これはすごい。zapaさんのブログで知ったんですが、PuffinというアプリでFlashサイトを見ることができます。 無料版の「Puffin Free」で、問題なく見られます。 ぜひお試しください。 Puffin

good morning

Lightview – 実装が容易でクールな画像オーバーレイスクリプト

Lightviewは、実装が容易でシンプル&クールなデザインの画像オーバーレイスクリプトです。 IE6にも対応しており、クロスブラウザで動作するようです。 Lightview

最近のぽんた6

ふと上げてみたくなったのでUPしてみます。 撮影機材 Canon EOS 5D MarkII Canon EF24-105mm F4L IS USM SIGMA 50mm F1.4 EX DG HSM

有名ブランドが定番フォントを使ったらどうなるか

「What if famous brands had regular fonts?」という記事で、有名ブランドが定番フォントを使ったらどうなるかがテストされています。 面白いのでご紹介。 PUMAのロゴを、Helvetica Neue Condensed Blackに変更 V …

ギターを5人がかりで弾く「Somebody That I Used to Know – Walk off the Earth」

1本のギターを5人がかりで演奏している動画です。 右の人がほとんど何もしていないのが気になりますが、いい味を出しています。

再起動画面だけを集めた「The Restart Page」

The Restart Pageは、いろいろなOSの再起動画面だけを集めたサイトです。 再起動ボタンをクリックすると、実際にPCが再起動・・・してしまうわけではなく、ブラウザ上で再起動の様子がアニメーションされます。 OS9なんかは懐かしいですね。 結構面白いので、一度試して …

クールなモダンセリフ書体「Accent™」

Accent™は、Nelson Balaban氏によってデザインされた、クールなモダンセリフ書体です。商用でも無料で利用できます。 似たフォントとしてモダンセリフ書体で有名なのは、Bodoniや、Vogueのロゴで使われているDidotなどがあります。 Accen …

あけましておめでとうございます

遅ればせながら、あけましておめでとうございます。 今年もよろしくお願いいたします。

人生がときめく片づけ方

先日、妻が「人生がときめく片づけの魔法」を読んでクローゼットを片付けていたので、一緒に片付けることに。 結果的に、とても綺麗になりました！！！ 先日TVで、著者である近藤 麻理恵さんが出ていたのを見て、「一度習えば二度と散らからないことが評判になり…」とあったので …

デザインをマイナーアップデート

このブログのデザインを少しアップデートしました。色と余分な情報を削ぎ落して、すっきりとさせています。グローバルメニューも今回つけたので、ご利用ください。

Graphicuを何点かアップデート

Graphicuを何点かアップデートしました。 ・スムーズにページ移動できる仕組みを実装しました。ページ下部の「More Lists」をクリックすると、リロードなくスムーズに次のリストが表示されます。 ・色とタグによるソートができるので、ぜひ使ってみてください。 フィードとT …

Graphicu – the site gathering beautiful sites 公開

美しいサイトを集めたギャラリーサイト、Graphicuを公開しました。 まだ投稿数が少ないのと諸々調整中ですが、どんどん増やしていこうと思います。 このブログのDESIGNカテゴリーに投稿していこうと思っていたんですが、一覧性を出すのが難しくごちゃごちゃしてしまいそうなので、 …

From the Rough

From the Rough

Kantt

Kantt

Facebookカバーのサイズ

Facebookカバーが始まりましたね。 サイズは「851 x 315px」でぴったり綺麗に表示されるので、ぜひみなさんもやってみてください！ 僕のページも、よろしくお願いします。 http://www.facebook.com/creamu

エスプレッソメーカーなどいろいろ購入

無性にオフィスでおいしいコーヒーが飲みたくなったので、コーヒーメーカーを探すことに。今までブレンディースティックとかバンホーテンのココアを飲んでいたんですが、いまいち満足できないので味わい深いものがほしくなったんですよね。 というわけで口コミで聞いたネスプレッソのマシンを購入 …

FacebookページをSSLに対応させる方法

ちょっとメモ。 Facebookでは、Facebookページのサイドバーにページを追加する場合、アプリとして作ってiframeで読み込みますが、そのアプリとして作るページが、今年の10月（2011年10月1日）からSSL必須になっています。 そのため、ユーザが「アカウント設定 …

会社のFacebookページを更新しました

ちょっと会社のFacebookページを更新してみましたのでご覧ください。 Facebookが結構熱いことになっていますが、Facebookページの制作やキャンペーン等、ご相談に乗りますのでぜひご連絡ください。 CREAMU, Inc. | Facebook

Codaで使うzen-coding

ショートカットでがんがんコードが書けるzen-codingがとても便利ですが、Mac用のテキストエディタであるCodaは、バージョンが違うとzen-coding用のショートカットが変わってしまうようなのでメモ。 TEA for Coda（Coda用のzen-coding）をイ …

コーポレートサイトをリニューアルしました

Circluのサイトをいじっていたらテンションが上がったので、一気にコーポレートサイトをリニューアルしました。 まだ諸々調整中ですが、ご覧いただければと思います。 CREAMU, Inc. | 株式会社クリーム

サイトをFacebookのOGP（Open Graph Protocol）に対応させる方法

ちょっとメモ。 Facebookのいいねボタンを押したときに、OGPの対応（metaタグ等の追加）をしていないと、Facebookのウォールにはページタイトルしか表示されなかったり、意図しないサムネイルが表示されてしまいますが、対応をすると以下のように、設定した内容を表示する …

HTML5 / CSS3 / JavaScriptのデモサイト「Circlu」を作りました

無性にアニメーションが作りたくなって、HTML5 / CSS3 / JavaScriptのデモサイト「Circlu」を作りました。 @daiskipさんからペパボの新サービス「ギフポ」のドメインをプレゼントしてもらったので、よっしゃ何かささっと作ってUPしてみようかなっと思い …

最近のぽんた5

久々にぽんたの写真をUPしてみます。順調にわがままに育っております。 寝起きのぽんた 最近はお腹の上に入ってきて一緒に寝ております

突然Pocket WiFi（D25HW）につながらなくなった時の対処法

また突然Pocket WiFi（D25HW）につながらなくなってしまったんですが、今回はよくある質問を見て解決しました！ 上記の操作で工場出荷状態にリセットされるようで、つながるようになりました。 よかった・・。 突然、無線LAN接続ができなくなった（Pocket WiFi（ …

ストックフォトのパロディを撮ると商品が当たる「Photo Paro」開始

先日、ゲッティ イメージズ様のFacebook上のキャンペーン、Photo Paro（フォトパロ）が開始されました。今回も制作を担当させていただいています。 お題の写真が5つありまして、それを真似た写真を投稿いただくと、ユーザからの投票数などから選ばれた優秀者に、Panaso …

代官山プロジェクトのTSUTAYAやスタバやペットショップ

代官山の旧山手通り沿い、ALOHA TABLE横の空き地だった所に代官山プロジェクトが進行中ですが、12月のオープンに向けて大分できあがりつつあります！！ まず、ファミマが明後日（11月25日）の7:00 amにオープンします！ あとスタバができて、TSUTAYAでは本を読み …

illustratorで1pxのラインがぼける時の対処法

ちょっとメモ。illustratorで1pxのラインを引くとぼけてしまってなんとも直らないことがありますが、0.5px上か下に移動させることで直ることがあります。 「環境設定 / 一般 / キー入力」を0.5pxに設定。ラインを選択して上下に移動 あるいは、以下のように変形オ …

プログラマ募集

予約システムの案件で、運用経験のある既存のプログラムはあるので、サーバ設定およびカスタマイズをお願いできる方を募集します。 Windowsサーバ、IISで動くvbプログラム（拡張子は.aspx、.aspx.vbなど）で、お店の席の予約システムの開発になります。 納期は11月中 …

レンズが届きました。

ズームレンズが届きました！めちゃめちゃかっこいい。 試しに撮ってみたんですが、予想通りストーリーを感じさせるような写真が撮れます。 ↑の写真はiPhone 4Sで撮影。 単焦点にちょっと飽きていたので、久しぶりに毎日持ち歩く生活になりそうです。ワイヤレスとクラウドな生活なので …

Canonのレンズ（EF24-105mm F4L IS USM）を購入

前からほしかった、Canon EFレンズ EF24-105mm F4L IS USM ズームレンズ 標準を購入。 5D Mark II用にSIGMAの単焦点レンズしか持っていなくて、人を撮るには綺麗なんだけど画角が狭くて景色や建物を撮りづらかったんですよね。評価の高いレンズだ …

iPhoneのTwitterアプリで知らなかった機能

iPhoneのTwitterアプリを使っていて、ちょっとした便利な機能に気づきました。 吹き出しのアイコンをダブルタップすると、一番上にスクロースします！それだけです・・。 @マークアイコンのダブルタップでも同じ動きで、メールアイコンのダブルタップでは、「すべてを既読にする」 …

Mac OS 10.7 LionのFinderで選択中のファイル数を確認する方法

Lionにしてから、Finder内で選択しているファイル数がわからなくなっていたんですが、「表示 / ステータスバーを表示（ショートカットはcommand + /）」で、「○○○項目中の○項目を選択」みたいに出るようになりました！ よかった・・。

GRD2で撮った写真をWi-Fi環境なしでiPhoneに自動転送ばり便利

ふと前から気になっていたEye-Fiがほしくなって、調べたところダイレクトモードがすごくクールな感じだったので買ってきました。 X2からダイレクトモードっていうのがついていて、Wi-Fi環境がないところでは、Eye-FiのSDカード自体がWi-Fiアクセスポイントになって、i …

モバイルファーストの概念とレスポンシブWebデザインが学べる電子書籍

SwapSkillsさんから献本いただいたので、ざっと読ませていただきました。 モバイルファーストの概念や、レスポンシブWebデザインにおけるMedia Queriesの技術的なところが解説されています。 パブーさんでPDFとePub形式で配布されているので、一度見てみてくだ …

ある日のぽんた

銀座でかあちゃんを待ってた時のぽんたを上げてみたくなったので上げてみます。

Photoshopで複製したレイヤーに「のコピー」をつけない方法

ふと思いついてエントリー。 Photoshopでは、通常レイヤーやフォルダを複製すると、「レイヤー1」「レイヤー 1 のコピー 2」という風に「のコピー」というのがついてしまいますが、CS5から、オプションでつけないようにすることができます。 レイヤーパレットのこの部分をクリ …

自分に合ったクーポンを自動で届けてくれる「届く〜ぽん！」

友人がアプリを作ったようなのでご紹介します！ クーポンサイトはすごくたくさんありますが、「渋谷」などの探したい地域や「ラーメン」などの探したいワードを登録すると、クーポンサイトを横断検索して自分に合ったクーポンを知らせてくれるアプリです。 なかなか便利ではないでしょうか！？常 …

HER STORY様 サイトリニューアル

今年の6月になりますが、女性向けのマーケティングを展開されているハー・ストーリー様のサイトをリニューアルいたしました。 担当領域：デザイン / ロゴ制作 / コーディング / Flash / CMS構築 / フォーム開発 主婦マーケティング（マーケティングリサーチ）：ハー・ス …

スマートフォンサイト制作に関する本を書きました

スマートフォンサイト制作に関する本を書きました。「スマートフォンサイト制作ハンドブック」というタイトルで、秀和システムさんから発売されます！ クライアントの依頼から始まり、情報設計、デザイン、コーディング、プログラミング、サーバへのUPまで、一貫した流れでスマートフォンサイト …

スマートフォンサイト制作時にデザイン・UIの参考になるサイト集

ちょっとスマートフォンサイト制作時にデザイン・UIの参考になるサイトをまとめておきます。 iPhoneデザインボックスiShowcase スマートフォンサイト集めました。 iPhoneデザインアーカイブ 絶対見ておきたい有名企業のスマホサイトまとめ CSS iPhone &# …

みんなのゴルフ5を体験してきました

先日、株式会社ソニー・コンピュータエンタテインメントさんからの招待で、銀座で開催された「みんなのGOLF 5」のパーティーに行ってきました。 みんなのGOLF 5の公式サイトはこちらです。 みんなのGOLF 5 | プレイステーション® オフィシャルサイト 写真を何枚 …

facebookページのURL変更は25いいねを集めなくても可能

今までfacebookページのURL変更は、25いいねを集める必要がありましたが、今月あたりから25いいねなくても可能になったようです！ただし25いいねを集めなくてもURL変更できるのは、1回だけのようです（2011年9月時点）。 いいね言い過ぎて意味分からなくなってきました …

コーダー募集

業務拡大につき、以下の内容でコーダーを募集します。 ・募集期間 　2011年9月〜10月 　※採用者が決まりましたら募集を終了いたします。 ・募集職種 　コーダー ・仕事内容 　コーディングを中心としたWeb制作全般 　スマートフォンサイトのコーディング（HTML5・CSS3 …

Bluetoothのロジクール タブレットキーボード For iPadを使ってみました

ロジクールさんのモニターキャンペーンに当選して、ロジクール タブレットキーボード For iPadが届いたので使ってみています。モニター終了後そのままプレゼントしてもらえるということで、うれしい！引き続き使っていこうと思います。 公式のサイトはこちらです。 Logicool …

秘書募集

ちょっと諸々の業務を手伝ってくれる秘書を募集します。 ・募集職種 　秘書 ・仕事内容 　弊社代表のサポート業務 　可能であればWebサイトのデザイン・コーディング 　各種管理業務 ・雇用形態 　インターン ・勤務地 　弊社オフィス ・勤務時間 　10:00〜19:00の間で3 …

TwitterとFacebookを連携する方法

やっとできた・・。前にちょっとやってみたんだけどできないままだったんですが、久々にやったらできました。Twitterで投稿するとFacebookにも投稿されます。みんなやってますよね・・・。 気づいたらTwitterの「設定 / プロフィール」タブにチェックボックスがついてい …

satisfaction guaranteed の撮影に協力させていただきました

昨日satisfaction guaranteedのサイトがリニューアルして、UPされています。機会をいただいて、モデルとして撮影に協力させて頂きました。ぽんたも登場していますので、ぜひご覧ください。 satisfaction guaranteedは、代官山にあるファッション …

驚きの速さ、MBAでParallels6のWindows7

Parallelsにlion対応のアップデータが出ていたので、6にアップデートしました！ さすがにParallels上のWinはMBAでも重いかな・・と思っていたんですが、びっくりする速さです。想像以上に速く、Macのネイティブアプリっていってもいいくらいの速さでWindow …

新しいMacBook Airのスピード2

MacBook Air速すぎます。50MBくらいのPSDを5個くらい開いたら、パフォーマンスMBPよりやっぱり落ちるかな・・、と思っていたら、MBPより速いくらいで、ほとんどもたつきを感じません！すげぇ。軽くて薄い、素晴らしいプロダクトを手にしました。 MBPが薄くなるってい …

新しいMacBook Airのスピード

新しいMacBook Airが届きました！！軽くて薄くて最高です。 やっと・・移行が終わりました。 はじめThunderboltケーブルで電光石火で移行しようと思っていたんですが、移行には使えないようで（正確には移行アシスタントがThunderboltに対応していないようです …

Mac OS 10.7 Lionで3本指のブラウザの戻る・進むを使う方法

Lionにしてから唯一3本指のブラウザの戻る・進むが使えなくなっていて困っていたんですが（Safariは使えていました）、以下の設定をすることで使えるようになりました！やっぱりこれがないと。 「システム環境設定 / トラックパッド」を選択 「その他のジェスチャ / ページ間を …

Mac OS 10.7 Lionでデスクトップに表示するアナログ時計

昨日、早速Lionにアップデート。ほぼ問題なく動いていて、いい感じです。スクロールがまだ慣れないですが、指を動かした方にコンテンツが動くというスマートフォン系のUIになっているようなので、慣れるためにちょっとそれで使ってみています。 Finderの動きが速かったり、プレビュー …

イラストレーターを募集します

イラストのお仕事をお願いしたいことがあって、単発で受けてくださるイラストレーターを募集します。 できれば今週中に決めたいと思っています。 内容が固まっていないんですが、テイストが合う方にお願いできればと思いますので、 以下の宛先までご連絡ください。 ポートフォリオなども見せて …

Google Appsでメールアドレスを追加する方法

今日はFind Job!で採用したコーダーの初出勤日。たくさんご応募いただいてありがとうございました。実績がよくて若い人を採用することができました。ただコーダーに関してはまだ少しお会いさせて頂こうと思っています。 Flashクリエイターについてはまだ応募していますので、ぜひよ …

最近のぽんた4

ぽんたのFacebookページを作りました。 早速25いいね！が集まったので、パーマリンク（シンプルなURL）をゲットしました。 【変更前】 http://www.facebook.com/pages/%E3%81%BD%E3%82%93%E3%81%9F/144514628 …

Find Job!でFlashクリエイターの募集を開始しました。

先日募集しましたコーダーですが、多数ご応募頂いたので、Flashクリエイターの募集に変更しました。 なのでFlashが得意な方、ぜひよろしくお願いします！ 各種企業サイト、プロモーションサイトのFlashクリエイター

ケースにもこだわったArtiza Design「AZ01MR」

Artiza DesignのAZ01MRは、ケースにもこだわっています。 BEAU DESSIN S.A.とのコラボの専用レザーケースとのことで、こちらはとても質感がよさそうで、色が綺麗ですね。値段が結構する気がしますが、オンラインで購入できるようなので、一度見てみてください …

WiMAXモバイルルータ Artiza DesignのAZ01MRを使ってみました

AMNさんのモニターキャンペーンに当選して、1ヶ月ほどArtiza DesignのWiMAXモバイルルータを使ってみました。 デザインにこだわったということで楽しみにしていたんですが、もう少し質感や、軽いのはいいんですが重厚感みたいなのを期待したいという印象です。 使ってみた …

Find Job!でコーダーの募集を開始しました。

今日からFind Job!でコーダーの募集を開始しました。 今すぐにお願いしたいことがたくさんあるので、ぜひたくさんの方にご応募頂きたいと思っています。 よろしくお願いいたします！ 各種企業サイト、プロモーションサイトのコーダー募集中！

HTML5でベクターグラフィックを描画する「Paper.js」

HTML5でベクターグラフィックを描画する「Paper.js」です。 paper.jsと、サンプルHTML（Smoothing.html）の中に入っているjsを呼んで以下のHTMLを記述することで、描画できます。 HTML5 <canvas id="canva …

Flashで選択したオブジェクトの座標の小数点以下を切り捨てる方法

ちょっとメモ。 Flashで選択したオブジェクトの座標の小数点以下を切り捨てる方法です。 JSFL（JavaScript）を使います。 Flashでcommand + nで新規ファイル作成時に、「Flash JavaScript ファイル」を選択してOKします。 以下のソース …

HTML5でミュージックプレイヤーが作れるjQueryプラグイン

HTML5が割と熱い感じになってきましたが、こちらはミュージックプレイヤーが作れるjQueryプラグインです。 かっこいい感じで実装できるようなので、一度見てみてください。 デモは以下から。 Demo アーティストのサイトなど、ぜひ手がけてみたいですね。 HTML5 Musi …

Flashクリエイター/コーダー募集

前回募集のお知らせをしましたが、改めてお知らせします。 ・募集期間 　2011年5月〜6月中（延長の可能性あり） 　※採用者が決まりましたら募集を終了いたします。 ・募集職種 　Flashクリエイター（XHTML/CSSコーディングもできる方） ・仕事内容 　コーディングを中 …

Web制作会社年鑑 2011に掲載いただきました

遅くなりましたが、Web制作会社年鑑 2011に弊社の内容と制作事例を掲載いただきました。 とても多くの制作会社と事例が載っているので、ぜひ手に取って or 購入して見てみてください！ よろしくお願いします。 Web制作会社年鑑 2011 Web Designing Year …

フォトグラファーを募集します

案件でホテルのサイト制作がありまして、それに伴う撮影をお願いしたいと思います。 ・6月中に建設が終わるため、7月初めに撮影になると思います。 ・場所は神奈川県です。 ・竣工写真（外観・内観）の撮影になります。 ・クライアントの希望により、できれば女性を希望します。 いい方がい …

物々交換を始めてみます

ちょっと昨日テレビで物々交換のことをやっていて、アメリカで物々交換サイトを立ち上げた人が、最終的に家を手に入れたようなんですが、おもしろそうなのでやってみます！ 商品はこちらです。 最近（2年前以内）のMacBookとMacBook Proにデフォルトでついていたメモリです。 …

Firefoxを速くする方法

ふとFirefoxを速くする方法を見つけました。Firefoxをずっと使っているとどんどん重くなっていきますが、これをやると確かにすごく速くなりました！ zapaさんのブログです。 /Users/[ユーザID]/Library/Application Support/Fire …

最近のぽんた3

気が向いたのでぽんたの写真をUPしてみます。 お時間のあるときにご確認ください。 よろしくお願いいたします。 先日芝生の広場で撮った写真。子供と戯れてご機嫌でした。 トリミングしました。サマーカットです。だいぶころころになりました。

Progressionのショーケースに「Hacienda del cielo」の事例掲載

Progressionのショーケースに、「Hacienda del cielo」の事例を掲載いただきました。 とても便利なフレームワークなので、使ったことのない方は一度使ってみてください。 Hacienda del cieloはテラスが最高に気持ちいい季節になってきたので、代 …

gettyimages様 Facebookでのいいねボタンキャンペーン開始

本日、gettyimages様のFacebookでのいいねボタンキャンペーンを開始しました。キャンペーンページとaboutページを制作させて頂いています。 今年の3月にfbmlからiframe推奨になったため、iframeで実装しました。 シンプルに、いいね！するだけのページ …

facebookのiframeページからウォール等にサイト内リンクを貼る方法

ちょっとうまくいったのでメモ。 facebookのiframeページからウォール等にサイト内リンクを貼る方法です。 target指定をしないと、リンクをクリックした後にfacebookのアイコンが出てきて、直接飛べませんが、なぜかtarget=”_top&#822 …

Photoshop CS5でフォルダ内の画像を一括してリサイズする方法

ちょっとメモ。 Photoshop CS5でフォルダ内の画像を一括してリサイズする方法です。 アクションパネルで「新規アクションを作成」をクリックし、アクション名をつけて記録ボタンをクリック。 記録が始まるので、以下の手順を踏む。 ・リサイズしたい画像を1枚開く ・comma …

facebookでページをiframeで読み込む方法

facebookをいじっているんですが、ものすごくわかりにくいですね・・・。 やっとページをiframeで読み込めたんですが、次は覚えてなさそうなので、メモしておきます。 ※2011年5月11日時点の情報です。 まず、width:520px以下でページを作成します。 ※hei …

Cent OS 5でphp-mbstringがインストールされていない場合の対処法

Cent OS 5のレンタルサーバを使用している場合、日本語対応用のモジュールはデフォルトでインストールされていないようです。 そのため、mbstring関連の関数を使おうとすると、以下のようなエラーでPHPが動かない状態になります。 Fatal error: Call to …

.htaccessで旧ドメインから新ドメインにリダイレクトさせる方法

ちょっとメモ。 ドメインを新しくするために一定期間旧ドメインと新ドメインで同じ状態で運用していて、旧ドメインから新ドメインにリダイレクトさせる場合、.htaccessで以下のように記述します。 旧ドメイン：old.com（wwwありなし統一されていない） 新ドメイン：new. …

mov（QuickTimeの動画）をリサイズ後、flvに変換してflashで再生するメモ

ちょっとメモ。mov（QuickTimeの動画）をリサイズ後、flvに変換してflashで再生する方法です。 Adobe Media Encoder CS5を起動し、movファイルをドラッグ 設定をクリック プリセット：FLV – ソースの属性と同じ（高品質）を選 …

Firefox4でアドオンが動かなくて困っている人へ

Firefox4でアドオンが動かなくて困っている人へ、朗報です！というか解決策が見つかったので共有させていただきます（さっきと一緒やがな）。 Add-on Compatibility Reporter これを使うことで、互換性チェックを無視してインストールできるようになります …

MacのFinderのサイドバーから項目を削除できなくなった人へ

MacのFinderのサイドバーから項目を削除できなくなった人へ、朗報です！というか解決策が見つかったので共有させていただきます。 少し前からFinderのサイドバーから項目を削除できなくなって困っていたんですが、結論から言うと仕様変更のようです。 Mac OS X v10. …

jQueryモバイルを使ったスマートフォンサイトギャラリー

「jQuery Mobile Gallery」というサイトで、jQuery Mobileを使ったサイトやアプリがたくさん紹介されています。 スマートフォン用のサイトやアプリの参考に、一度見てみてください。 jQuery Mobile Gallery

うさぎの壁紙いろいろ

こちらのサイトでうさぎの壁紙がたくさんまとまっていて癒されますので、お時間のあるときにご確認ください。 よろしくお願いいたします。 30+ Free Heartwarming Rabbit Wallpapers

人材募集のお知らせ

今きてもらっているアシスタントの方が、4月から別の会社に行くまでの間にちょうどタイミングが合ったのできてくれているんですが、もうすぐいなくなっちゃう感じなので、人材募集いたします。 今回はアルバイトだけでなくいきなり社員としてでも構わないと思っているので、相談の上決定したいと …

代官山のメキシカンレストラン「アシエンダ デル シエロ」サイト本公開

先月お店のオープンと同時にサイトを公開した「アシエンダ デル シエロ」ですが、竣工写真が上がってきたので本公開いたしました。coming soonだったPARTYページもUPしています。 マンサード代官山の9Fに入っていて、ビスタラウンジからは代官山と恵比寿が一望できます。と …

モノで繋がるソーシャルサービス「i.ntere.st」公開

モノで繋がるソーシャルサービス「i.ntere.st」が公開されました。制作を担当させて頂いています。 昨日の17時ごろにリリースして、結構ユーザが集まっているようなのでいい感じ。プログラムとの連携で現状レイアウトが崩れている箇所がありますが、ぜひ使ってみてください！ twi …

美しいフォント100選

これはいい感じ。FontShopというサイトで、”100 Best Fonts”というコレクションで販売されたフォント集です。 ランクやカテゴリー（Serif, Sans-serifなど）でソートできますね。プレビューができる文章も載っています。それぞ …

CSS3のベンダープレフィクスを自動で追加してくれる「CSSPrefixer」

ブラウザ毎に先行実装しているCSS3のプロパティを使う際、-webkit-（Webkit系ブラウザ（Safari, Chrome））や-moz-（Mozilla系ブラウザ（Firefox））などのベンダープレフィクスをプロパティの前につける必要がありますが、「CSSPrefi …

Macで複数人のファイル共有をする方法

ちょっとメモ。Macで複数人のファイル共有をする方法です。 先日募集させて頂いた求人情報ですが、無事採用者が決まりました。とてもいい方なので、がんばってもらいたいと思っています。 そこで、TimeCapsuleのワイヤレスのネットワークを使っているんですが、そこにアクセス許可 …

MacBook Pro 2.7GHz 13.3inch セットアップ完了

MacBook Pro 2.7GHz 13.3inchを昨日購入して、セットアップ完了！ なぜかFirewireを使ってターゲットディスクモードで移行できなかったので、TimeMachineのバックアップから復元。たぶん3時間くらいで終わって、スムーズに移行できました。 メモ …

Wanna Music? サイト公開

gettyimages様の、パラパラマンガで動画を紹介するメモパッドを受け取った方に向けた、「Wanna Music?」サイトを制作いたしました。 2つの動画に、テーマ毎にそれぞれ10曲の音がついています。カラフルなテーマをクリックして、音楽がミックスされた動画をお楽しみ頂け …

ダズル・レストランウエディング サイト公開

東京・銀座でウェディングのできるレストラン「DAZZLE」のサイトを公開しました。 トップページにはFlashを使用し、iPhoneからも見られるようにしています。 トピックスとカレンダーの更新にはMovableTypeを使用し、カレンダー部分は各種フェアイベントの追加と見学 …

アルバイト・インターン募集のお知らせ

ちょっと3月が猛烈に忙しくなりそうなので、実務を手伝っていただけるアルバイト・インターンを募集します。フリーランスの方でも歓迎です。 ひとまず2月後半から3月末までの採用を考えていますが、その後もお互いの意向が合えば継続するかもしれません。 募集要項は以下の通りです。 ・募集 …

キーボード付きのiPadケース「clamcase」

これはいい！キーボード付きのiPadケースです。去年の秋に発売されたようですね。 いい感じの角度でスタンドとして利用できたりして、すごく楽しそうです。 Macを買うまでもない、iPadで何かをしたい人にはいいのではないでしょうか？ 価格は119ドル。 動画もかっこいいので、見 …

最近のぽんた2

ぽんたがすくすくと大きくなっておりますので、お時間があるときにご確認ください。 よろしくお願いいたします。

写真OOGIRI第三弾、「バレンタイン大作戦」公開

写真OOGIRI第三弾の「バレンタイン大作戦」が公開されました！今回も制作を担当させて頂いています。 バレンタインデー（2月14日）までのキャンペーンとなりまして、2月14日までに1000ツイートが達成した場合に、100名様にハーゲンダッツアイスクリームのギフト券がプレゼント …

Urban egoist A1 Nightに行ってきました。

先日アウディジャパン株式会社さまからの招待で、Audi A1デビューイベント「Urban egoist A1 Night」に行ってきました。 TEI TOWAやVERBALがDJをするっていうこともあって、楽しみにしながら参加！ 写真をたくさん撮ったのでご紹介します。 行って …

画像周りのjQueryプラグイン10

ちょっとメモ。画像周りのjQueryプラグイン集です。 Slides使いやすいスライドショー Fullscreenr背景画像をフルスクリーンにしてくれるjs MobilyNotes下から上にスライドしてくるjs jQuery Easy Slidesキャプション付きのスライドシ …

iPhone・iPad用サイト制作について講演します

告知が遅くなりましたが（開催は明日です！）、明日「スマートフォンページ制作　 〜開発環境設定＋マークアップ＋JavaScript〜」ということで、スピーカーとして出演します。 SwapSkillsさんにお声がけいただきました。80名くらいいらっしゃるようなので緊張していますが …

自分でできるSEO対策システム「SEO Park」の提供を開始

本日から、自分でできるSEO対策システム「SEO Park」の提供を開始します。 今まで対面で販売していたサービスを、オンラインでお申し込み頂けるようにいたしました。 サービス概要は以下となります。 他社より安価なSEO対策をご利用頂けます。月々9,800円から。初期費用は無 …

クオリティーの高いボタンやアイコン、タイポグラフィーなどのPSDファイル

Photoshopでクオリティーの高いパーツを作りたい。 そんなときに参考になるのが、「30+ FREE Photoshop PSD files」。クオリティーの高いボタンやアイコン、タイポグラフィーなどのPSDファイルです。 いい感じのものが揃っているので、エフェクトのかけ …

mod_rewriteを有効化してiPhone用サイトにリダイレクトさせる手順

ちょっとサーバ設定が必要だったのでメモ。 .htaccessに「RewriteEngine On」を書くとエラーでサイトが表示されなくなってしまったので、mod_rewriteの設定を確認することに。 mod_rewriteが有効になっていなかった（設定がコメントアウトされて …

ナンバーナインがnano・universe GROUND FLOORで継続中

昨日ふらっとLAD MUSICIANに行ったら、お兄さんがナンバーナインがまだあるっていうので早速今日行ってきます！（Web全然関係ないやん） LADではレザーのジャケットとハットを購入。すごくいい感じ。LHPでインナーも買ったので、これで冬は乗り切れそうです。 ナンバーナイ …

住所を知らなくてもプレゼントや手紙が送れるサービス5

mixiやTwitter等をやっていると、いつの間にか住所や本名を知らない友達が増えてしまうもの。 そういった友人に何かプレゼントを送りたい、といった時「事前に住所を聞くのもちょっと。。。」という人も中にはいるのではないかと。 そこで、そんな時に役立つ住所を知らない相手にプレ …

インテリア好きのためのiPadアプリ11

以前インテリア好きのためのiPhoneアプリを紹介しましたが、今回はそのiPad版です。 多くはiPhoneアプリをユニバーサル対応したものですが、中にはiPadならではの特徴を上手く生かした独自アプリなどもあります。 LivingRoom for iPad家具や家電のレイア …

日本人デザイナーがデザインした椅子10

デザイナーズチェアといえばイームズなど海外デザイナーによるものを思い浮かべる人が多いかと思いますが、日本人がデザインした椅子にも魅力的なものが数多くあるのをご存じでしょうか？ 今回はそんな日本人デザイナーによる椅子をご紹介。いまや伝説ともいえる名作椅子から最新のデザイナーズチ …

最近のぽんた

またかなり間があいてしまった・・・・・。が元気にやっています！ 最近はんーぽんたがかわいすぎてメロメロです。あと徹夜続きだったりでばたばたしていますが、いろいろといい感じに進んでいます。 書類とかを入れる用にUSMのハラーを買ったんですが、でかすぎて困っています。 斉藤和義の …

iPhoneアプリ、「サルでもつけられる麻雀点数表」リリース

iPhoneアプリの、「サルでもつけられる麻雀点数表」がリリースされました。 Client : 株式会社 SAL Direction : 株式会社 CREAMU Programming : 嶋田 智成（Blueair Inc.） SALさんからご依頼頂いて、開発をBlueai …

写真OOGIRI第二弾、「Photo Hunting」公開

写真OOGIRI第二弾の、「Photo Hunting」が公開されました！今回も制作を担当させて頂きました。 前回は、gettyimagesのちょっと変わった写真に対してぼけてもらうものでしたが、今回は、毎日更新される穴空き写真（穴がどんどん増えていきます！）をgettyim …

TotalFinderに不可視ファイル表示機能がついとる！

前回紹介したTotalFinderを使っていて、ふとメニューバーのアイコンに気づいたんですが、クリックすると、Finderの環境設定にTotalFinderのタブがついています。 その中の調整タブに、「不可視ファイルを表示」のチェックボックスが！ショートカットは「comman …

MacのFinderをタブ化してくれる「Total Finder」

先輩の友人のツイートで知ったんですが、MacのFinderをタブ化してくれるアプリがありました！ ずっと探していたのでうれしいです。 早速インストール。14日間のトライアルで、10回タブを移動すると購入アラートが出るという厳しい制限がありますが、試してみるといい感じ。 $15 …

WordPressで同じ日付が表示されない場合の対処法

ちょっとメモ。WordPressで同じ日付の投稿があった際に、ループしていると一つの投稿にしか日付が表示されない場合があります。原因はthe_dateを使っているためで、the_timeにすることで回避できます。 【修正前】 <?php the_date("Y …

犬を飼いました。

前からほしかった&最近めちゃくちゃほしくなった&巡り会えたので犬を飼いました！ぽん太と名付けました。 ポメラニアンとペキニーズのミックスです。昨日ちょっとペットショップに寄ってみたら、めちゃくちゃかわいくて、その場では買わなかったんですが、夜考えて今日の朝 …

ロゴの固定配置が美しい「Universal Design Studio」

ふと目に止まったのでご紹介。ロンドンとオーストラリアにオフィスがある、デザイン会社さんのサイトです。 ロゴがボールドで、一続きになっていてかっこいいですね。透過PNGでz-indexとposition:fixedにより、固定配置された状態でロゴの下にコンテンツがスクロールでき …

アドワーズ

私事で恐縮ですが、Googleで「creamu」で検索して自分のブログを見ようと思ったら、おっ？と思う広告が。 一瞬検索クエリをテキストの一部に読み込んでるのかな？と思ったけど、そんなことはたぶんできない気がするので、表示のままのテキストで出稿しているんでしょうか？？ ちょっ …

ロゴをデザインするときの8つのルール

ロゴデザインがしたい。 そんなときに参考になるのが、「Eight Helpful Rules for Logo Designers」。ロゴをデザインするときの8つのルールです。 印象的なものが揃っていますね。 より少ない色、より少ないフォント 一般的なフォントを使う。Aria …

無料でダウンロードできるUIデザインのPSDファイル集

綺麗なグラデーションや立体感のあるメニューやボタンを作りたい。 そんなときに参考になるのが、「Free PSD Web UI Element」。無料でダウンロードできるUIデザインのPSDファイル集です。 なかなかいい感じのものが揃っています。 Modern Web UI S …

illustratorで描くシルクのリボンで作ったようなテキスト

102776852/ iStockphoto/ Thinkstock オリジナルのテキストをデザインしたい。 そんなときに参考になるのが、「Create a Silky Ribbon Text Effect」。illustratorで描くシルクのリボンで作ったようなテキストで …

Flexプログラマ募集の延期

昨日募集させて頂いたFlexプログラマですが、いくつかご応募いただいたのですが、都合により延期させて頂きます。ご応募いただいた皆様、ありがとうございます。 8月23日（月） 15:00まで受け付けていますので、ご興味のある方はご連絡いただけるとありがたいです。 Flexを使用 …

アニメーションの美しいポートフォリオサイト

HTML5でサイトを作りたい。 そんなときに参考になるのが、「S5 Style」。アニメーションの美しいポートフォリオサイトです。 shogo Tabuchiさんというデザイナーの方のサイトですね。アーキタイプさんにいらっしゃるようです。 Processing.jsを使って、 …

黒ベースの動きの洗練されたフルフラッシュサイト

クールなフルフラッシュサイトを作りたい。 そんなときに参考になるのが、「Despark」と「nano・universe × sony “α”」。どちらも、とてもかっこいいサイトになっています。 上記は「Despark」。画面の切り替えやスクロール時の表 …

Flexプログラマを募集します

度々募集のご連絡ですが、Flexのプログラマを募集させて頂きます。 スケジュールがかなりタイトなので、受けてくださる方がいたらすぐにお願いしたいと思っています。テンプレートのプログラムがありまして、そのカスタマイズ案件となります。 フリーランスの方でも構わないですし、会社さん …

Photoshopで作ったようなCSS3のタイポグラフィー

CSS3でかっこいい表現をしたい。 そんなときにおすすめなのが、「Subtle CSS3 Typography that you’d Swear was Made in Photoshop」。Photoshopで作ったようなCSS3のタイポグラフィーです。 Saf …

デザイナー・デベロッパーのためのjQueryプラグイン30

jQueryを使ってクールなインターフェースを実装したい。 そんなときにおすすめなのが、「30 Useful Jquery Plugins For Developer & Designer」。デザイナー・デベロッパーのためのjQueryプラグイン集です。 結構いい感 …

浮遊する動きが独特な「PANOPLIE」

Flashでディテールの動きを表現したい。 そんなときに参考になるのが、「PANOPLIE」。浮遊する動きが独特なサイトです。 フランスの制作会社のようですね。ふわふわうにょうにょと浮遊する動きが独特です。 ポートフォリオをクリックして、拡大後に矢印をクリックすると、布をめく …

facebookのいいねボタンを付けました

ふと思い立って、facebookのいいねボタンを付けました（思い立ちすぎやろ）。 IE6と7でも正常に表示されて、んーちょっとうれしいです・・・。 なかなかいい感じかも。僕もよくわかってないんですが、facebookにログインしていると、いいね！と投票できるようです。押した後 …

Twitterのツイートボタンを公式のものに変更しました

ふと思い立って、Twitterのツイートボタンを公式のものに変更しました。リリース直後はカウントがいまいちだった気がするんですが、今は正常になっているようです。 IE6と7でトップページになぜか画像が表示されないんですが、んーとりあえず放置しておきます・・・。 日本語版だと幅 …

白と黒で統一したシンプルなデザイン

無彩色のクールなデザインがしたい。 そんなときに参考になるのが、『Ahrens』。白と黒で統一したシンプルなデザインのサイトです。 960pxの幅の中、綺麗なグリッドデザインとなっていますね。色を使わない潔さで、クールなデザインとなっています。 大きく幅いっぱいに配置されたグ …

落ち着きのある機能美に優れたサイト

機能美に優れたサイトを作りたい。 そんなときに参考になるのが、『WATERWORKS』。落ち着きのある機能美に優れたサイトです。 落ち着いた配色でとても綺麗ですね。画像が美しくて、レイアウトがかっちりしていてとても見やすいです。 スライドショーには「jquery.cycle. …

Wacomタブレットを始めるためのチュートリアル25

101220143/ Hemera/ Thinkstock Wacomのタブレットを自分なりに設定したい。 そんなときに参考になるのが、『25 Tutorials for Getting Started with your Wacom Tablet』。Wacomタブレットを始 …

illustratorによるサーカステントアイコンの作り方

クールなアイコンを作りたい。 そんなときに参考になるのが、『How to Create a Fun Circus Tent Icon』。illustratorによるサーカステントアイコンの作り方です。 まず長方形ツールで複数描いた形を「効果 / ワープ / でこぼこ」、さらに …

手書き文字がかわいいレストランのサイト

手書き文字を生かしたサイトを作りたい。 そんなときに参考になるのが、『暮らしのお店』。手書き文字がかわいいレストランのサイトです。 ロゴやメニュー、見出しの文字がかわいいですね。イラストも味があっていい感じです。 スライドショーの動きもゆったりしていて、優しい雰囲気が伝わって …

大きな絵がアニメーションする絵本作家さんのサイト

写真や絵をテーマにしたサイトを作りたい。 そんなときに参考になるのが、『絵本作家 谷口智則さんのWEBサイト』。大きな絵がアニメーションするサイトです。 最近よく紹介していますが、ブラウザサイズいっぱいに背景画像を敷いてアニメーションしています。supersized.jsが使 …

Flashの美しいMarc Jacobsのサイト

グラフィックと動きの美しいサイトを作りたい。 そんなときに参考になるのが、『Marc Jacobs Bang』。Flashの美しいMarc Jacobsのサイトです。 白をうまく使った美しいデザインになっています。アニメーションも遅くない速度で気持ちいいし、アルミ箔が広がるモ …

デザイナーのためのiPadアプリ30

83286959, Ciaran Griffin/ Lifesize/ Thinkstock iPadでスケッチをしたりメモを取りたい。 そんなあなたにおすすめなのが、『30 Essential iPad Apps for Designers and Creatives』。デ …

Twitterで大喜利、「写真OOGIRI」公開

写真大喜利サイトの「写真OOGIRI」がリリースされました。gettyimagesさんのちょっと変わった写真に対して、Twitterか投稿フォームからボケてもらうサイトです！ gettyimagesには、優れた素材が揃っているので、使ったことのない方はぜひ検索してみてください …

マロンの香る 焼きいもクーヘンをいただきました

AMNのキャンペーンに当選して、マロンの香る 焼きいもクーヘンをいただきました。 グレープストーンという会社さんの商品で、西武池袋店で限定販売されているようです。 形が独特で、しっかりとした食べごたえがあっておいしかったです！甘すぎなくていいかんじでしたね。 西武池袋に行かれ …

リニューアルされたヴィダルサスーンのサイト

ヴィダルサスーンのTV CMで、アンジェラベイビーが起用されてすごく刺激的なCMになっていますが、サイトの方もすごくかっこいいです。 titleに「FASHION, MUSIC, VIDAL SASSOON」とあって、このブランディングはとてもいいですね。 スクロールするとコ …

上品な色使いとレイアウトが美しい和のサイト

美しい和のサイトを作りたい。 そんなときに参考になるのが、『白えび屋』。上品な色使いとレイアウトが美しい和のサイトです。 トップには、width=”958″ height=”536″のFlashが置かれています。ファーストビュー …

jQueryでアニメーションさせた静的なサイト

動きのある静的なサイトを作りたい。 そんなときに参考になるのが、『G2』。jQueryでアニメーションさせたレストランのサイトです。 ロード時に、ロゴが上から落ちてきてぼよーんとなりますが、「jquery.rotate.js」を使ってアニメーションしているようですね。フェード …

1ページの中をスムーススクロールで移動するグリッドデザイン

美しいグリッドデザインがしたい。 そんなときに参考になるのが、『Pline Studios of Architecture』。1ページの中をスムーススクロールで移動するグリッドデザインのサイトです。 ラインに密接したタイポグラフィーが、緊張感と安定感があって美しいですね。また …

美しい服飾ブランドのサイト

美しいFlashサイトを作りたい。 そんなときに参考になるのが、『European Culture』。美しい服飾ブランドのサイトです。 落ち着いた、美しいサイトになっています。ゆったりとした動きの映像が綺麗だし、ナビゲーションや商品の見せ方もいい感じですね。 ドラッグして36 …

背景画像をうまく使ったデザインエージェンシーのサイト

斬新なレイアウトがしたい。 そんなときに参考になるのが、『hauser lacour』。背景画像をうまく使ったデザインエージェンシーのサイトです。 大きい背景画像がインパクトありますね。2枚の画像が重ねられていて、1枚は1200px程度の写真、もう1枚は、1200px程度のグ …

jQueryを使ったストレッチする背景画像

背景に大きくビジュアルを使いたい。 そんなときに参考になるのが、『Image Now』。jQueryを使った、背景画像がストレッチするサイトです。 jquery.backstretch.jsが使われていて、width:1024pxの画像が、ブラウザサイズに合わせて伸縮しますね …

木のテクスチャ集

木の素材を探している。 そんなときにおすすめなのが、『More Than 350 Free and Premium Wood Textures』。木のテクスチャ集です。 なかなかいい感じのものが揃っています。 Free Hi Resolution Wood Textures …

かっこいいイメージスライダー集

クールなスライドショーを実装したい。 そんなときにおすすめなのが、『BEST jQuery Plugins For Image Galleries And Sliders』。かっこいいイメージスライダー集です。 いい感じのものが揃っていますね。 jQuery Content …

デンマークの制作会社のFlashサイト

かっこいいFlashサイトが作りたい。 そんなときに参考になるのが、『DesignBolaget』。デンマークの制作会社のFlashサイトです。 フルフラッシュになっていて、デザインとUIがとてもいいですね。→のナビゲーションをクリックすると、カーソルを動かさずに次々と見てい …

黒ベースのかっこいい制作会社のサイト

黒ベースの、シャープなデザインがしたい。 そんなときに参考になるのが、『Opacity Design Group』。黒ベースのかっこいい制作会社のサイトです。 トップの背景になっているスライドショーには、以下でも紹介している「supersized」が使われています。 jQue …

解像度の高いフリーテクスチャが見つかるサイト

フリーのテクスチャを探している。 そんなときにおすすめなのが、『star textures』。解像度の高いフリーテクスチャが見つかるサイトです。 AbstractやPaper、Textileなどのカテゴリーに分かれて、たくさんのテクスチャが配布されています。解像度が大きいもの …

布地のパターンファイル20

継ぎ目のない布地のパターンを探している。 そんなときにおすすめなのが、『Tileables Pattern Pack #4』。布地のパターンファイル集です。 いい感じのパターンになっていますね。ダウンロードすると、patファイルが入っているので、それを開くとPhotoshop …

Javaのプログラマを募集します

仕事の案件でJavaの開発案件がありまして、周りにはPHPは多いんですが見つからないかもなので、募集させて頂きます。 現在あるプログラムのカスタマイズ案件で、1ヶ月程度の受託案件となります。 フリーランスの方でも構わないですし、会社さんでもOKです。ただお会いして打ち合わせを …

illustratorでアイコンを作るチュートリアル25

98075468/ iStockphoto/ Thinkstock illustratorでアイコンを作りたい。 そんなときにおすすめなのが、『25 Fresh Illustrator Tutorials to Help You Make Icons』。illustrator …

CSS3で作るクールなお問い合わせフォーム

フォームをCSS3で作りたい。 そんなときに参考になるのが、『Create A Clean and Stylish CSS3 Contact Form』。CSS3で作るクールなお問い合わせフォームです。 角丸やグラデ、シャドウなどをCSSで指定していますね。デモは以下から。 …

高解像度のフリーテクスチャがダウンロードできるサイト10

86808108/ Comstock/ Thinkstock デザインに使えるテクスチャを探している。 そんなときにおすすめなのが、『Top 10 Sites to Download Free High-Resolution Textures』。高解像度のフリーテクスチャがダ …

Flashで作られたクールなポートフォリオサイト

かっこいいFlashサイトを作りたい。 そんなときに参考になるのが、『Mariana Bukvic』。Flashで作られたクールなポートフォリオサイトです。 ニューヨークのクリエイティブディレクターのサイトのようですね。ボックスがサイコロみたいにくるくると回転するのが面白い感 …

フォーム周りに使えるjQueryプラグイン50

フォームをより使いやすくしたい。 そんなときに使えそうなのが、『50 jQuery Plugins for Form Functionality, Validation, Security and Customisation』。フォーム周りに使えるjQueryプラグイン集です …

高品質なPSDをダウンロードできる『BlueMasters』

美しいサイトの元ファイルが見たい。 そんなときに参考になるのが、『BlueMasters』。高品質なPSDをダウンロードできるページです。 今現在サーバが落ちているようでアクセスできないんですが、SmashingMagazineとのコラボで、BlueMastersというテンプ …

自分を鼓舞するためのエントリー

ちょっと思いつきで書いてみます。 疲れているときやパフォーマンスが落ちているとき、これがやりたい！とかこれがほしい！とかっていう欲望とか夢とか希望が強くイメージできていると、冷静にしゃきーんっとなって、またがんばれる気がするんですね。 それで、最近引っ越しを考えていて物件を結 …

HTML5を使ったドロップダウンメニュー

HTML5でメニューを作りたい。 そんなときに参考になるのが、『How to Create a Drop-down Nav Menu with HTML5, CSS3 and jQuery』。HTML5を使ったドロップダウンメニューです。 CSS3で、角丸やグラデーションが適 …

部屋の模様替えや家具のレイアウトに役立つWebサービス10+4

86533431, Jupiterimages/ Comstock/ Thinkstock いろいろな間取り図を見たり、部屋の模様替えを考えたりするのが好き。 そんな人におすすめなのが、無料で使えるオンラインレイアウトツールです。インストール不要なブラウザのみで利用できる間取 …

jQueryを使った、動きのあるナビゲーションメニューチュートリアル集

スムーズな動きのナビゲーションメニューを作りたい。 そんなときにおすすめなのが、『Excellent jQuery Navigation Menu Tutorials』。jQueryを使った、動きのあるナビゲーションメニューチュートリアル集です。 いい感じのものが揃っています …

クレジットカードのアイコン集

97018352/ iStockphoto/ Thinkstock クレジット決済に使えるアイコンを探している。 そんなときにおすすめなのが、『15 Uniform Payment Options Icon Sets for Ecommerce Design』。クレジットカー …

デザイナーのポートフォリオサイトに使えるフリーアイコンセット

ノートやペンケース、パレットなどのアイコンを探している。 そんなときにおすすめなのが、『Free Designer’s Portfolio Icon Set (12 High Quality Icons)』。デザイナーのポートフォリオサイトに使えるフリーアイコンセ …

ワイヤーフレーム作成に使える素材集30

98375849/ iStockphoto/ Thinkstock ワイヤーフレームに使えるパーツを探している。 そんなときにおすすめなのが、『30 Free Web Design UI Kit Resources』。ワイヤーフレーム作成に使える素材集です。 いい感じのものが …

AMN読者アンケートご協力のお願い

読者の皆様へ。いつもCREAMUを読んでいただいてありがとうございます。 今年も、AMNで読者アンケートを行っています。 普段ブログを定期的に読んでいる方はどのようなことにご興味をお持ちなのか、また、今後ブログにどういった内容を期待されているのか、アンケートを行っています。 …

illustratorでアイコンを作るチュートリアル40

98312899/ iStockphoto/ Thinkstock illustratorでアイコンを作りたい。 そんなときにおすすめなのが、『40 Excellent Adobe Illustrator Icon Tutorials』。illustratorでアイコンを作る …

素晴らしいサイトをデザインするためのPhotoshopチュートリアル80

91137817/ iStockphoto/ Thinkstock デザインの幅を広げたい。 そんなときに参考になるのが、『80 Fresh Photoshop Tutorials For Creating Awesome Websites』。素晴らしいサイトをデザインするた …

文字列を扱うPHPのコードスニペット10

95555725/ Hemera/ Thinkstock PHPで文字列を操作したい。 そんなときにおすすめなのが、『10 PHP code snippets for working with strings』。文字列を扱うPHPのコードスニペット集です。 使いやすそうなコー …

テキスト・画像の差分を表示してくれるクールなdiffアプリ

ファイル比較ソフトを探している。 そんなあなたにおすすめなのが、『KALEIDOSCOPE』。テキスト・画像の差分を表示してくれるクールなdiffアプリです。 これはめちゃくちゃかっこいい・・・。SOFAのアプリのようですね。さすがだな。 使ってみた感じも、とてもいいです。気 …

WordPressのfunctions.phpを編集する便利なテクニック25+

100768523/ Hemera/ Thinkstock WordPressをカスタマイズしたい。 そんなときにおすすめなのが、『25+ Extremely Useful Tricks for the WordPress Functions File』。WordPressの …

美しいiPadアプリサイト34

iPadのデザインやiPadアプリが好きだ。 そんなあなたにおすすめなのが、『34 Inspiring iPad Application Websites』。美しいiPadアプリサイト集です。 洗練されたサイトが揃っていますね。 SortedToDo管理アプリ。美しい背景と、 …

クリエイティブな履歴書のデザイン25

98075737/ iStockphoto/ Thinkstock DTPのデザインアイディアがほしい。 そんなときに参考になるのが、『25 Examples of Super Creative Resume Design』。クリエイティブな履歴書のデザイン集です。 素材やレ …

floatした画像の横のテキストの回り込みをクリアするCSS

floatした画像の横のテキストを回り込ませたくない。 そんなときにおすすめなのが、『Correcting Orphans w/ Overflow』。floatした画像の横のテキストの回り込みをクリアするCSSです。 右に配置したテキストをwrapするdivに、widthを指 …

Photoshopのカスタムシェイプセット40

83329211, Darrin Klimek/ Lifesize/ Thinkstock Photoshopのカスタムシェイプを探している。 そんなときにおすすめなのが、『40 Handy Photoshop Custom Shape Sets: Save Time』。Ph …

紙や石、水滴などのフリーテクスチャパック40

紙や石などのいい感じのテクスチャを探している。 そんなときにおすすめなのが、『40 Fresh Free Texture Packs』。紙や石、水滴などのフリーテクスチャパック集です。 使いやすそうなのが揃っていますね。 Textures 8綺麗なぼけ感のあるテクスチャ De …

ソニー NEW VAIO Pのイベントに行ってきました

先日、ソニーマーケティング主催のイベントに行ってきました。 テーマは『COMING-OUT』。 最近、ソーシャルメディアの普及によりインターネット上のコミュニケーションは徐々に変わりつつあります。 様々な人が様々な表現方法で情報発信（＝カミングアウト）することで、新たな繋がり …

ユーザビリティーについて動画で解説するサイト

ユーザビリティーの改善をしたい。 そんなときに参考になるのが、『Usable Efficiency』。ユーザビリティーについて動画で解説するサイトです。 第一回目が余白、第二回目がPNGのファイルサイズ削減と最適化、第三回目がユーザビリティーを損なう5つの間違い、ということで …

Windows7のような透過ウィンドウを実現するjQueryプラグイン

Windows7のようにウィンドウを透過させたい。 そんなときに使えそうなのが、『AeroWindow』。Windows7のような透過ウィンドウを実現するjQueryプラグインです。 divを透過させて、重なったときに後ろが透けて見せることができますね。ダブルクリックすると、 …

WebデベロッパーのためのChromeエクステンション18

Google Chromeのエクステンションを探している。 そんなときにおすすめなのが、『18 Fresh Google Chrome Extensions for Web Developers』。WebデベロッパーのためのChromeエクステンション集です。 またいろいろと …

ハープCDの販売と演奏活動について

99813955Hemera/ Thinkstock ちょっと身内の話で恐縮ですが、母親がハーピストで、ハープの作曲・演奏活動をやっていまして・・、協力したいと前からいろいろ考えていたのでエントリー。 CREAMUの事業目的には一応入れていて、母は基本は関西で活動しているんで …

クオリティーの高いフリーフォント30

87671906, Hemera Technologies/ AbleStock.com/ Thinkstock 使えるフォントを探している。 そんなときにおすすめなのが、『30 Creative And High Quality Typography Fonts For F …

クールな名刺入れ11

91836710/ iStockphoto/ Thinkstock カッコいい名刺入れが欲しい。そんな人におすすめな「デザイン名刺入れ」を集めてみました。 ABITAX 8723 Card Case 横にスライドさせて取り出すタイプの名刺入れ。カラーバリエーションも豊富です …

jQueryとPHPで作るサムネイルがスライドするギャラリー

サムネイル表示のあるフォトギャラリーを作りたい。 そんなときに参考になるのが、『Fresh Sliding Thumbnails Gallery with jQuery and PHP』。jQueryとPHPで作るサムネイルがスライドするギャラリーです。 マウスオーバー状態で …

世界中のサイトのPVランキング

PVのあるサイトを知っておきたい。 そんなときにおすすめなのが、『The 1000 most-visited sites on the web』。世界中のサイトのPVランキングです。 Googleの、「DoubleClick Ad Planner」によるデータのようですね。ラ …

フリーのPSDファイル40

99452197/ Hemera/ Thinkstock リアルなガジェットやデザインパーツをデザインしたい。 そんなときに参考になるのが、『40 Free PSD Files』。フリーのPSDファイル集です。 かなりクオリティーの高いものが揃っていますね。 Digital …

フリーのWordPressテーマがダウンロードできるサイト

WordPressのテーマを探している。 そんなときにおすすめなのが、『FREE PREMIUM WORDPRESS THEMES』。フリーのWordPressテーマがダウンロードできるサイトです。 かわいいものやかっこいいもの、シンプルなものがたくさん紹介されています。プレ …

CSS3を使ったボタンジェネレータ

CSS3で表現できることを知っておきたい。 そんなときに参考になるのが、『Button Maker』。CSS3を使ったボタンジェネレータです。 スライダーでボタンの大きさやfont-size、角丸の度合いを設定できたり、ボーダーやグラデーションの色を設定できますね。 「Vie …

かっこいいPhotoshopブラシ集

91827587, iStockphoto/ Thinkstock Photoshopのブラシを探している。 そんなときにおすすめなのが、『Ultimate Roundup With Thousands Of Cool Photoshop Brushes』。かっこいいPhot …

綺麗なフッターデザイン集

フッターをデザインしたい。 そんなときに参考になるのが、『Beautiful Footers in Modern Web Design for Inspiration』。綺麗なフッターデザイン集です。 かっこいいものが揃っていますね。 Bits And Pixels滴が垂れた …

iPhoneアプリの開発者を募集します

仕事の案件でiPhoneアプリの開発がありまして、受けてくださる方を募集します。一旦6月10日頃までとさせていただきます。 フリーランスの方でも構わないですし、会社さんでもOKです。 興味のある方がいらっしゃいましたら、下記の連絡先までご連絡ください。実績がありましたら、そち …

クリエイターがiPadの壁紙を公開していく『iPadVision』

FLOP DESIGNの方から連絡いただいて、面白そうなのでご紹介します。 グラフィックデザイナーやイラストレータが集まって、iPad用の壁紙を次々と公開していくようですね。 すでに何枚か公開されています。 下記がイベント概要となっています。 開催日： 5/28〜12/30 …

illustratorで3Dのグラフ・チャートを作るチュートリアル

76800027, Creatas/ Thinkstock illustratorで綺麗なグラフを作りたい。 そんなときに参考になるのが、『Create Beautiful 3D Graphs and Charts in Illustrator』。illustratorで3D …

本格的なネットショップを構築したい人におすすめのソリューション５

95455835/ Hemera/ Thinkstock 手軽に本格的なネットショップを開きたいという人にお勧めのソリューションを５つご紹介いたします。 小さなショップから比較的規模の大きなショップまで利用できるものを基本として、それぞれの特長を独自の観点で簡単にまとめていま …

アプリケーションデザインに使えるアイコン25

アプリケーションのデザインに使えるアイコンを探している。 そんなときにおすすめなのが、『25 Best Icon Sets for Application Design』。アプリケーションデザインに使えるアイコン25集です。 かっこいいのが揃っているのと、商用無料なのもありま …

かっこよくて安価なデザイン家具が見つかるサイト

久々に自分でインテリアのエントリー。 デザイン家具が好きな人におすすめなのが、『MADE.COM』。かっこよくて安価なデザイン家具が見つかるサイトです。 By stripping out the middlemen and connecting you with the fu …

ソースをダウンロードできるXHTMLテンプレート61

デザイン・コーディングの参考になるサンプルを探している。 そんなときにおすすめなのが、『61 High Quality And Free xHTML Templates Part 2: Year 2010』。ソースをダウンロードできるXHTMLテンプレート集です。 かっこいい …

Photoshopで使えるクールなエフェクト25

95715262 iStockphoto/ Thinkstock Photoshopで写真にエフェクトをかけたい。 そんなときにおすすめなのが、『25 Advanced Photo Effects and Techniques with Photoshop』。Photosho …

シンプルでかっこいいWordPressのテーマ40+

シンプルなWordPressのテーマを探している。 そんなときにおすすめなのが、『40 More Stylish, Minimal and Clean Free WordPress Themes』。シンプルでかっこいいWordPressのテーマ集です。 かっこいものが揃ってい …

友人へのエントリー

普段あまり内輪的なことは書かないんですが、思いつきで書いてみます！ 先日久しぶりに飲み会に行って、結構楽しく盛り上がったんですが、頭ん中の人といろいろ話をしていて、yumikingとかが入ってきて、bot作るよって言うので、あ、まじですか、んーうれしいのかうれしくないのかそれ …

サイトにユーザーがTwitterでつぶやけるウィジェットをつけられるサービス

「Like it」ボタンのような機能をサイトにつけたい。 そんなときにおすすめなのが、『Like it? Tweet it!』。サイトにユーザーがTwitterでつぶやけるウィジェットをつけられるサービスです。 ページの右下に、ユーザーがつぶやけるテキストボックスを設置できる …

さくらのサーバでWordPressが真っ白になってしまった場合の対処法

またまたメモ。さくらのサーバでWordPressの管理画面が真っ白になってしまって困っていたんですが、解決しました。原因はfunctions.phpにありました。初歩的なPHPの書き方が間違っていたんですが、これまた前にも同じことがあったので気をつけます。 ただエラーを出して …

かっこいい画像オーバーレイ表示スクリプト31

画像やswfなどをかっこよくオーバーレイで表示したい。 そんなときにおすすめなのが、『31 mind blowing collection of jQuery light box』。かっこいい画像オーバーレイ表示スクリプト集です。 いいものが揃っているので、いくつかご紹介しま …

会社を設立しました。

本日を登記日として、株式会社を設立しました。 コーポレートサイトはドメイン移行予定なのと、諸々準備中となっていますが、よろしければご覧ください。 会社概要 | 株式会社クリーム（CREAMU, Inc.） これからもいいものを作っていけるように、邁進していきたいと思います。 …

SSIについてのメモ

うーんこれにははまった。過去にも同じことではまったのでいろいろメモ。 HTMLの中でインクルード<!–#include virtual="/dirname/filename.html" –>サイトルート相対パスでOK P …

タイポグラフィーの美しいWebデザイン集

med242024, Medioimages/Photodisc/ Photodisc/ Thinkstock タイポグラフィーの綺麗なデザインが好きだ。 そんなあなたにおすすめなのが、『A Showcase of Beautiful Typography in Web De …

WordPress構築前にやっておくこと

もう一つメモ。WordPressをローカルで構築して、テストサーバ、本番サーバにインポートして移行する場合、画像のファイルパスには気をつける必要があります。 画像のファイルパスは絶対パスでDBに入るので、外部サーバに持って行ったときにDBの中を書き換える手間が発生してしまうん …

WordPressがMAMPローカルで真っ白になってしまった場合の対処法

ちょっとメモ。かなり個人的ですが。 作業途中でwp-adminにアクセスすると、急に真っ白になってしまいました。PHPなのでなにかどこかでエラーが起きていると思うんですが、エラー出力も面倒なので（出ないことが多いし）、いろいろ悶々と調べたりしていたんですが解決せず。 ほぼ同じ …

Twitterで募集した母の日の贈り物をご紹介します

先日ブログで募集した母の日の贈り物ですが、いくつか投稿いただいてありがとうございます！ 母の日 の贈り物をTwitterで募集します 発表が遅くなってしまってすみませんというのと、時間が経ってしまってハッシュタグで追えなくなったので、、、記憶を頼りに発表させていただきます！W …

a要素のマウスオーバー時にテキストをふわっと切り替えるjQuery

マウスオーバー時のエフェクトに凝りたい。 そんなときに使えそうなのが、『HoverAttribute jQuery plugin』。a要素のマウスオーバー時にテキストをふわっと切り替えるjQueryです。 アンカーテキストにマウスオーバーすると、a要素かrel要素に指定してあ …

インテリア好きのためのiPhoneアプリ10

95156966/ Hemera/ Thinkstock 家具や雑貨を買ったり、引越しや部屋づくりの際に役立つiPhoneアプリ（※一部iPad専用アプリとなっています）を集めてみました。 Houzz iPad専用。豊富な写真やインテリアアイデアを集めることが出来ます。お気に …

2010年の間に見ておきたいjQueryプラグイン12

jQueryのプラグインをチェックしておきたい。 そんなときにおすすめなのが、『12 Helpful jQuery Plugins to Check Before Ending April 2010』。2010年の間に見ておきたいjQueryプラグイン集です。 いい感じのもの …

WordPressをハックするためのTips集

98431998, iStockphoto/ Thinkstock WordPressをカスタマイズしたい。 そんなときに参考になるのが、『Top WordPress hacks of early 2010』。WordPressをハックするためのTips集です。 なかなか面白 …

サイトをかっこよくするためのjQueryプラグイン25+

サイトにかっこいいUIを実装したい。 そんなときにおすすめなのが、『25+ Best jQuery Plugins To Beautify Your Website』。サイトをかっこよくするためのjQueryプラグイン集です。 初めて見るものもあっていい感じです。 YoxVi …

デザイナーのためのロゴデザインのチュートリアル&素材45+

97412913, iStockphoto/ Thinkstock よりよいロゴをデザインしたい。 そんなときに参考になるのが、『45+ Beautiful Logo Design Tutorials and Resources for Designers』。デザイナーのため …

クリエイティブなWeb講座が見られるサイト

デザインについていろいろと学びたい。 そんなあなたにおすすめなのが、『Creative Sessions』。クリエイティブなWeb講座が見られるサイトです。 Sessions are blocks of articles, interviews, tutorials and …

WordPressでwp_get_archivesにクラスを指定する方法

ちょっとメモ。 WordPressで、たとえば年別アーカイブのリンクを表示したい場合は以下のように書きますが、素のリストタグが生成されて、クラス指定ができません。 <?php wp_get_archives(‘type=yearly’); ?&g …

かっこいいスライドショーを使ったWebデザイン30

サイトにスライドショーを使いたい。 そんなときに参考になるのが、『30 Examples Of Great Slideshows In Web Design』。かっこいいスライドショーを使ったWebデザイン集です。 洗練されたデザインが揃っていますね。 AgnarsonjQu …

CSSだけでJavaScriptのような動きを実装するサンプル30

96332132, iStockphoto/ Thinkstock CSSでかっこいいUIを実装したい。 そんなときにおすすめなのが、『30 Pure CSS Alternatives to Javascript』。CSSだけでJavaScriptのような動きを実装するサンプ …

MacのMAMP PROとParallelsで、IEのテストをする方法

MAMP PROとParallelsで、IEのブラウザ確認がローカルアドレスでできるようになったのでメモ。 MAMP PROを使えば、バーチャルドメインを設定して、「http://domainname:8888/」といったアドレスで、複数のサイトを管理することができます。 た …

HTML5 / CSS3のソースがダウンロードできるサンプル

HTML5 / CSSでできることをざっくり掴みたい。 そんなときに参考になるのが、『Create An Elegant Website With HTML 5 And CSS3』。HTML5 / CSS3のソースがダウンロードできるサンプルです。 HTML5で使われる&lt …

Web制作者のためのGoogle Chromeエクステンション15

Web制作に使えるChromeのエクステンションを探している。 そんなあなたにおすすめなのが、『15 Google Chrome Extensions for People Who Build Websites』。Web制作者のためのGoogle Chromeエクステンション …

フェードイン&アウトで切り替わるjQueryのスライドショー

83317481, Maria Teijeiro/ Lifesize/ Thinkstock フェードイン&アウトで切り替わるスライドショーが作りたい。 そんなときにおすすめなのが、『Build a Simple Image Slideshow with jQuer …

クオリティーの高いアイコンデザインチュートリアル35

98125356/ iStockphoto/ Thinkstock かっこいいアイコンを自分で作りたい。 そんなときに参考になるのが、『35 icon design tutorials in Photoshop and Illustrator』。クオリティーの高いアイコンデザ …

WordPressで構築された美しいサイト40

サイトをWordPressで作りたい。 そんなときに参考になるのが、『40 WordPress-Powered Websites With Awesome Designs』。WordPressで構築された美しいサイト集です。 かなりかっこいいサイトが揃っています。 Theme …

Photoshopでリアルな紙のテクスチャを作る方法

リアルな紙をPhotoshopで描きたい。 そんなときに参考になるのが、『Create a Realistic Paper Texture in 5 Minutes 』。Photoshopでリアルな紙のテクスチャを作る方法です。 以下のような流れで解説されていますね。 128 …

海外サイトにおけるタイトルと本文のフォントの使い方

96636636/ iStockphoto/ Thinkstock CSSでのフォント指定を工夫したい。 そんなときに参考になるのが、『Five Minute Upgrade – Variety in Title and Body Fonts』。海外サイトにおける …

見ておきたいFlashサイト60

Flashサイトからインスピレーションを得たい。 そんなときにおすすめなのが、『60 Creative Flash Websites You Should Not Miss』。見ておきたいFlashサイト集です。 かっこいいのが揃っているので、いくつかご紹介します。 If Y …

新しいjQueryのプラグイン25

86501330, Jupiterimages/ Goodshoot/ Thinkstock かっこいい動きが実装できるjQueryプラグインを探している。 そんなときにおすすめなのが、『25 Amazing and Fresh jQuery Plugins』。新しいjQue …

桜の写真いろいろ

先週末はすごく天気がよくて、散歩して桜の写真をたくさん撮ったのでUPしてみます。なかなかいいのが撮れました。 その後パンを買って公園に行って、とかなりまったりできました。休日はこれくらいのんびりしないとな、と思った一日でした。

商用無料のPhotoshop用ペイントブラシ53

はけで塗ったようなブラシを探している。 そんなときにおすすめなのが、『53 Incredible High Resolution Photoshop Paint Brushes』。商用無料のPhotoshop用ペイントブラシ集です。 27.4MBとちょっと重いですが、高解像度 …

母の日の贈り物をTwitterで募集します

78315859, Burke/Triolo Productions/ Brand X Pictures/ Thinkstock ちょっと試験的に、母の日の贈り物をTwitterで募集します。 今後もいろいろと活用できることも考えて、ハッシュタグは「#creamu」で、よろし …

モックアップのユーザビリティーをテストできるサイト

モックアップ作成時に、ユーザビリティーを検証したい。 そんなときに使えそうなのが、『navflow』。モックアップのユーザビリティーをテストできるサイトです。 画像をアップロードすることで、サイトを訪れたユーザにテストしてもらうことができます。 「Recent tests」か …

部屋をカッコ良く見せる５つの方法

今回、「sumito」さんから記事を提供いただきました。アイテムの置き方を工夫することで、部屋をすっきり見せる方法がまとまっています。インテリア好きの方や部屋がいまいちすっきりしないという方は、ぜひ読んでみてください。 ↑の写真はsumitoさんの部屋のようです。インテリア雑 …

インテリアショップが作るデザイン住宅5

98081514/ iStockphoto/ Thinkstock インテリアショップで「家」も買いたい。 そんな夢を実現してくれる意欲的なショップが、数は少ないながらも徐々に増え始めています。 今回はそんな「デザイン住宅」を扱っているインテリアショップを集めてみました。 無 …

ジョブボードを開始します。

ちょっとまだ思いつきですが、CREAMUでジョブボードを始めます。 まだフォーマットは決めていないのですが、求人情報を記事としてUPさせていただきます。 お問い合わせいただきましたら、取材に伺って、社内風景などを撮影させていただいて、原稿にするという流れになります。 ご興味の …

Photoshopで作るタイポグラフィーチュートリアル集

97653441/ iStockphoto/ Thinkstock Photoshopでテキストにかっこいいエフェクトをかけたい。 そんなときに参考になるのが、『70 Photoshop Tutorials For Creating Perfect Typography』。P …

画像をオーバーレイで拡大できる jQuery.popeye 2.0

lightbox系の、画像拡大スクリプトを探している。 そんなときにおすすめなのが、『jQuery.popeye 2.0』。画像をオーバーレイで拡大できるスクリプトです。 マウスオーバーすると、前後の画像へのリンクと、拡大アイコンが表示されます。動作が速くて、ユーザビリティー …

モバイルサイトをテストするためのツール集

86496010, Jupiterimages/ Comstock/ Thinkstock iPhoneやAndroidでの表示を確認したい。 そんなときにおすすめなのが、『Mobile Web and App Development Testing and Emulatio …

クロスブラウザで動作するCSSグラデーション

CSSでグラデーションを表現したい。 そんなときにおすすめなのが、『Cross-Browser CSS Gradient』。クロスブラウザで動作するCSSグラデーションです。 画像を使わずに、ブラウザ上でグラデーションを描く方法ですね。CSS3の書き方ではFirefox3.6 …

画像ディレクトリから自動で読み込むPHPのフォトギャラリー

86509412/ Brand X Pictures/ Thinkstock PHPでフォトギャラリーが作りたい。 そんなときにおすすめなのが、『Automatically Generate a Photo Gallery from a Directory of Images …

illustratorで紙吹雪を散らしたようなブラシを作るチュートリアル

illustratorでブラシを作りたい。 そんなときに参考になるのが、『Illustrator Quick Tips #2 – Scatter Brushes』。illustratorで紙吹雪を散らしたようなブラシを作るチュートリアルです。 例として▲を描いてブ …

マウスカーソルの横にローディング画像を表示するjQueryプラグイン

Ajaxの処理中にローディングバーを表示させたい。 そんなときに使えそうなのが、『prettyLoader』。マウスカーソルの横にローディング画像を表示するjQueryプラグインです。 マウスカーソルの側っていうのがわかりやすくていい感じですね。 This script is …

買える動物園に行ってきました

先日休みの日に、買える動物園に行ってきました。横浜ベイサイドマリーナにある、動物園のようなペットショップです。TVで放送されていて知ったんですよね。ほぼすべての動物を買うことができます。 横浜ベイサイドマリーナはアウトレットのお店がたくさんあって、買い物もとても楽しめるところ …

オリーブオイルポテトチップスが届きました

AMNのキャンペーンに当選して、カルビーさんのオリーブオイルポテトチップスが届きました。 1袋なのかな？と思っていたら、箱で届きました！12袋入っています。これで1ヶ月くらいは持ちそうです。。 さっそく食べてみたらなかなかおいしい！あまりポテチは食べないんですが、塩味が好きな …

WordPressをもっと楽しむためのプラグイン30

92985009/ iStockphoto/ Thinkstock WordPressをもっと楽しみたい。 そんなときにおすすめなのが、『30 Most useful WordPress Plugins – May 2009』。WordPressをもっと楽しむため …

フリーのXHTML / CSSテンプレート10

91831729/ iStockphoto/ Thinkstock サイトをさっと作りたい。 そんなときにおすすめなのが、『Top 10 Html/CSS Web Templates Of March 2010 For Free Download』。フリーのXHTML / C …

自分でWordPressのテーマが作れるようになるプラグイン

WordPressのテーマを作りたい。 そんなときにおすすめなのが、『Elastic Theme Editor』。自分でWordPressのテーマが作れるようになるプラグインです。 ダウンロードした「elastic-theme-editor」フォルダを、「wp-content …

クオリティーの高いPhotoshopのグラデーションファイル25

96124501/ Hemera/ Thinkstock Photoshopのグラデーションファイルを探している。 そんなあなたにおすすめなのが、『25 High Quality Gradient Sets for Photoshop – 750+ Gradien …

jQueryのかっこいいスライドショースクリプト28

かっこいいスライドショーを作りたい。 そんなときにおすすめなのが、『28 Useful JQuery Sliders You Need To Download』。jQueryのかっこいいスライドショースクリプト集です。 かなりいい感じのものが揃っています。 Automatic …

商用無料の石・コンクリートのテクスチャ集

石やコンクリートのテクスチャを探している。 そんなときにおすすめなのが、『Freebie: Stone and Concrete Textures』。商用無料の石・コンクリートのテクスチャ集です。 いい感じのテクスチャが揃っています。 The set includes 10 …

見出しに使えるボールドで美しいフォント20

97499886/ iStockphoto/ Thinkstock 見出しに使えるフォントを探している。 そんなときにおすすめなのが、『20 Beautiful Fonts for Big and Effective Headlines』。見出しに使えるボールドで美しいフォン …

自動掃除機の上に乗るネコ

これはかわいすぎる！自動掃除機の上に乗るネコです。 ばたっと落ちていく感じがとてもかわいいです。 一度見てみてください。

satisfaction guaranteedが30万円分のTwitterキャンペーンを実施中！

アパレル関連の知人からちょっと連絡をもらったのでご紹介です。 ドメスティックブランドの「satisfaction guaranteed」が、Twitter, Facebookのキャンペーンを実施しています。 satisfaction guaranteedは、ジャニーズに愛用者 …

かっこいいMac用アプリケーションのサイト10

96373151/ iStockphoto/ Thinkstock Macのデザインが好きだ。 そんなあなたにおすすめなのが、『10 Stunning Mac software websites』。かっこいいMac用アプリケーションのサイト集です。 かなりクールなサイトが集ま …

ちょっと遊んでみました

。すまみ飲だま。そうすまい思といた寝ろそろそでのたっらぱっ酔も日今 。すでうよたし功成ずまとひ。たしまいてっ言と」わたっ思とかのたれら取っ乗「。）かいわこらたてっ乗（すでうよたっかないてれ切り乗はに波の日今、がすでんるいてし用活はトッネ構結。たしまいてしりくっびでジマらか親母 …

アイコンをデザインする人のためのツールキット

アイコンを自分で作りたい。 そんなときに使えそうなのが、『The Icon Designer’s Toolkit』。アイコンをデザインする人のためのツールキットです。 面白い感じのが揃っているのでご紹介しますね。 IconBuilderMac版が$79、Windo …

自分でPhotoshopのブラシを作る方法

86519104, Jupiterimages/ Comstock/ Thinkstock 自作でPhotoshopのブラシを作りたい。 そんなときに参考になるのが、『How to Create Your Own Photoshop Brushes』。自分でPhotoshop …

ライフハッカー主催のDIYイベントに行ってきました

昨日はライフハッカー主催のDIYイベントに行ってきました。 久々のイベント。協賛が損保ジャパンDIY生命さんということで、保険の話が多いのかな、と思っていたんですが、ライフハックやガジェット的な話が満載でした。 林 信行さんと佐々木 正悟さんのお話の後、損保ジャパンDIY生命 …

ニューヨークのレストランやバーのフードマップ

これは楽しい。 Googleマップ上に、ニューヨークのレストランやバーが表示されています。見ているだけで楽しくなるインターフェース。東京版もあったら面白いですね。 「レストラン」と「バー」でフィルタリングできたり、レーティングやコスト別でもフィルタリングできます。 A map …

above-the-foldのラインを示してくれるサイト

ブラウザの解像度別に、ファーストビューでどう見られているかを知りたい。 そんなときに便利なのが、『Where is the fold?』。above-the-foldのラインを示してくれるサイトです。 URLを入力してボタンを押すと、以下のように解像度別のラインを表示してくれ …

チャート・グラフが作れるオンラインツール22

97859900/ iStockphoto/ Thinkstock チャートやグラフを手軽に作りたい。 そんなときにおすすめなのが、『22 Useful Online Chart & Graph Generators』。チャート・グラフが作れるオンラインツール集です …

CREAMUライター募集の追記

97688595,/ iStockphoto/ Thinkstock さきほど、ライター募集の第二弾のエントリーをUPしました。またhazatさんから記事を提供いただきました。ありがとうございます。 ライターの方には、エントリー下部にプロフィールを記載してブログ等にリンクさせ …

インテリアにマッチする加湿器7

sb10063511ds-001, Kim Carson/ Stockbyte/ Thinkstock 冬場の乾燥対策だけでなく「花粉症対策グッズ」の一つとしても人気の加湿器。 そんな加湿器のなかでもデザインにこだわったものを中心に集めてみました。 Chimney hybli …

ブラウザ上でプレゼンができるjQueryプラグイン

89540785, Comstock Images/ Comstock/ Thinkstock ブラウザ上でプレゼンがしたい。 そんなときに使えそうなのが、『jQuery Presentation Plugin』。ブラウザ上でプレゼンができるjQueryプラグインです。 シン …

定額プランで350万点の写真素材を利用できる『Thinkstock』

先日gettyimagesの方からご連絡いただいて、パートナーとしてThinkstockの写真素材を自由に使わせていただけることになりました。お声がけいただいてありがとうございます！ 特別なデザイナー向けのアプローチとして、日本では数名の中の一人として選んでいただいたとのこと …

Web制作に役立つサイト集

6133716, Hemera/ Thinkstock Web制作の参考になる情報を探している。 そんなときにおすすめなのが、『All Showcases』。Web制作に役立つサイト集です。 CSSやFlashなどのカテゴリーに分けて、かなりたくさんのサイトがまとまっています …

Twitterのタイムラインを表示するブログパーツ

ちょっとメモ。 Twitterのタイムラインを表示するブログパーツのスクリプトです。テストで貼ってみたけどあまり意味なさそうだから、いつか何かのサイトで使うときのために残しておきます。 Twitter公式のものをカスタマイズしています。以下のページの「ウィジェット」から作成で …

サーバ移転完了！

さてと、サーバの調子が悪くなったので、移転しました。 スペックが以下のように上がりました。料金がそれほど変わらないから、満足しています。 HD 3GB → 6GB 転送料（1日） 3GB → 100GB MySQL 5個 → 10個 マルチドメイン数 10個 → 50個 サブ …

バナーをクリックしたときに、くるっと回転させたように見せるjQuery

画像をクリックしたときに、くるっと回転させたい。 そんなときに使えそうなのが、『Sponsor Flip Wall With jQuery & CSS』。バナーをクリックしたときに、くるっと回転させたように見せるjQueryです。 動きがなかなか滑らかで気持ちいいで …

かっこいい水平メニュー20

水平メニューをかっこいいデザインにしたい。 そんなときに参考になるのが、『20 Stunning Examples of Horizontal Navigation Menus』。かっこいい水平メニュー集です。 いい感じのものが揃っているのでご紹介します。 David Hel …

アクセスしづらくてすみません

数日前から、CREAMUへの海外からのアクセスが制限されています。 エントリーにメールアドレスを記載した直後から、海外からのスパムメールが大量に届いたため、サーバ側でアクセス制限をかけたようです。またやってしまった。。。 前も同じことがあったときには、同じサーバ会社でハードを …

ユーザーのマウス・キーボードの動きを記録するユーザビリティーテストツール

サイト上でのユーザーの動きを知りたい。 そんなときにおすすめなのが、『userfly』。ユーザーのマウス・キーボードの動きを記録するユーザビリティーテストツールです。 これはすごい感じですね。いろんなサイトでも話題になってるし。 ユーザーのマウスがどこからどう動いて、どこをク …

事務所のサイトをリニューアルしました

ちょっときっかけがあったのと時間ができたので、事務所のサイトをリニューアルしました。 WordPressで構築しています。あるテンプレートをカスタマイズしたんですが、cufonを使っていてくせがあったりIE6での表示がいまいちだったりしますが、ひとまず形になりました。 Wor …

jQueryのとてもかっこいいイメージスライダー

かっこいいスライダーを実装したい。 そんなときにおすすめなのが、『Nivo Slider』。jQueryのとてもかっこいいイメージスライダーです。 これはかっこいい！まるでFlashですね。キャプションも入れられるし、使い方も難しくなさそうです。 The Most Aweso …

複数カラムのアコーディオンメニューを実装するjQuery

複数カラムの情報をかっこよく見せたい。 そんなときにおすすめなのが、『Grid Accordion with jQuery』。複数カラムのアコーディオンメニューを実装するjQueryです。 dlタグが繰り返されていて、すべてテキストになっています。動きが滑らかで気持ちいいです …

デザイナーのための素材検索サイト18

デザインに使える or 参考になる素材を探している。 そんなあなたにおすすめなのが、『18 Search Engines For Designers – Creativity Boost』。デザイナーのための素材検索サイト集です。 いくつか便利なサイトがあるのでご …

ロゴデザインのケーススタディー集

かっこいいロゴをデザインしたい。 そんなときに参考になるのが、『17 Logo Design Case Studies』。ロゴデザインのケーススタディー集です。 手書きのラフからデザインを起こしていく過程が解説されていますね。 Henri Ehrhart Brand Iden …

デザインパーツのPSDを毎日ダウンロードできる『365psd』

これはすごい！ 365psdでは、かっこいいデザインパーツのPhotoshopの元ファイル（PSD）をダウンロードできます。 download a free psd everyday for a year とのことなので、365日新しいものが公開されるようですね。 「butt …

カフェラテアートがart in my coffeeに掲載されました

何ヶ月か前に、art in my coffeeに投稿したカフェラテアートが掲載されました！なんかめちゃうれしい。 art in my coffeeはカフェラテアートを集めているTumblrですね。 忘れかけてた頃に審査が通って公開されるっていうのも悪くないですね。 リブログち …

Photoshopのトーンカーブで階調補正するチュートリアル

Photoshopでトーンカーブをうまく使いたい。 そんなときに参考になるのが、『How To Use Curves in Photoshop』。Photoshopのトーンカーブで階調補正するチュートリアルです。 S字カーブで補正する方法や、ヒストグラムを見て補正する方法など …

Macのセカンドモニターにもメニューバーを表示するツール

ちょっと面白いのでご紹介。 Secondbarという、Macのセカンドモニターにもメニューバーを表示するツールが公開されています。Macでデュアルモニターにすると、メインのモニターの方にしかメニューバーは表示されませんが、それをセカンドの方にも表示できるようですね。 使いどこ …

素敵な照明が見つかるインテリアショップ10

オシャレな照明がほしい。 そんなあなたにおすすめなインテリアショップ集です。定番系から個性的なデザイン照明を扱うショップまで、幅広く集めてみました。 yamagiwa 定番ですが外せないショップ。有名な名作照明から最新のLED照明まで、幅広く揃っています。店舗（ヤマギワリビナ …

CSS3で何が実現できるかがわかるジェネレータ

CSS3で何ができるかを知りたい。 そんなときにおすすめなのが、『CSS3 Generator』。CSS3で何が実現できるかがわかるジェネレータです。 border-radiusやbox-shadowなど、CSS3の様々なプロパティーをセレクトボックスから選んで、プレビューす …

クオリティーの高いフリーのXHTML/CSSテンプレート30

サイトをさっと作りたい。 そんなときにおすすめなのが、『30 Latest High-Quality Free (X)HTML/CSS Templates Must See Now』。クオリティーの高いフリーのXHTML/CSSテンプレート集です。 いい感じのものが揃っていま …

CREAMUのライターを試験的に募集します

ちょっと前から考えていた&お知らせしようと思ったのは思いつきですが、CREAMUのライターを試験的に募集してみます。 CREAMUで記事を書いてくださる方ですね。最終的にアカウントを渡すのは難しいので、僕が書きますが、メールベースで記事を提供してくださる方を募集しま …

見出しやタイトルに使えるフォント20

見出しなどに使えるフォントを探している。 そんなときにおすすめなのが、『Top 20 Free Fonts for Distinctive Headlines and Titles』。見出しやタイトルに使えるフォント集です。 商用でも使えるものも含まれていますね。 ↑はCom …

インターフェースに使えるかわいいアイコン集

インターフェースデザインに使いやすいアイコンを探している。 そんなときにおすすめなのが、『PC.DE』。インターフェースに使えるかわいいアイコン集です。 ↑のようなアイコンセットが4種類配布されていますね。 These icons are free for personal …

クライアントへの納品時につけたいWordPressプラグイン9

WordPressでサイトを構築してクライアントに納品する。 そんなときにおすすめなのが、『9 Plugins Your Clients Will Love For Their WordPress Website』。クライアントへの納品時につけたいWordPressプラグイン …

ピュアHTMLでキャラクターと背景がアニメーションするjQuery

Flash以外でサイトに動きをつけたい。 そんなときに参考になるのが、『Spritely』。ピュアHTMLでキャラクターと背景がアニメーションするjQueryです。 Spritelyは、sprite()とpan()というメソッドを使って、背景画像に動きをつけているようですね。 …

jQueryで作るスライドするラベル

おっと思わせる仕掛けのあるフォームを実装したい。 そんなときにおすすめなのが、『Sliding Labels v2』。jQueryで作るスライドするラベルです。 フォームにフォーカスすると、ラベルがすっと左に移動しますね。とてもさりげない動きなので、ユーザビリティーを損なわず …

クールなCSSグリッドフレームワーク

CSSのフレームワークを使ってサイトを作りたい。 そんなときにおすすめなのが、『ZURB』。クールなCSSグリッドフレームワークです。 カラム数や幅を指定して、CSSを生成できますね。Screen Widthを変えて確認することもできて、なかなかいい感じです。 似たサイトだと …

MAMP PROを導入

Macのローカルサーバ環境にMAMPを使っていたんですが、以前から複数のサイトを確認するときに、ドキュメントルートを設定したかったんですね。 どうすればいいのかな、とずっと悩んでいたんですが、MAMP PROにすることで一瞬で解決しました。 なんと複数のサイトをバーチャルホス …

EmobileをD31HWに変更

今月でちょうどD02HWの2年契約が切れるので、キャンペーンのはがきをもらったのをきっかけにD31HWに機種変更。月々1,000円高くなるけど、速くなるならいいかな、と思って変えてきました。 使ってみた感じ、かなり速い！体感でも結構違うので、満足しています。 これでモバイルで …

MacBook Proを購入

2月末はいろいろありました。。。。。 MacBookが起動しなくなってしまったんですが、原因はファームウェアアップデートの強制終了。PCがかなり重くなったので再起動すると、たまっていたソフトウェアアップデートと一緒にいろいろアップデートが始まり、急いでいたのと時間がかかってい …

素晴らしいWebデザインチュートリアル集

デザインの幅を広げたい。 そんなときにおすすめなのが、『The Ultimate Collection Of Brilliant Web Design Tutorials』。素晴らしいWebデザインチュートリアル集です。 クオリティーの高いものが揃っていますね。いくつかご紹介 …

光沢のあるフォルダアイコンを作るPhotoshopチュートリアル

光沢のある、かっこいいアイコンを作りたい。 そんなときに参考になるのが、『Create a Shiny Psdtuts+ Folder Icon in Photoshop』。光沢のあるフォルダアイコンを作るPhotoshopチュートリアルです。 600x600pxの新規ドキュ …

jQueryで作るiTunesライクなスライダー

手動で切り替えられるフォトスライダーを作りたい。 そんなときにおすすめなのが、『How to Create a Simple iTunes-like Slider』。jQueryで作るiTunesライクなスライダーです。 右に表示される矢印アイコンをクリックすることで、サムネ …

有料で価値のあるWordPressプラグイン15

WordPressをブログ以外の機能的なサイトで使いたい。 そんなときにおすすめなのが、『15 Useful Premium Plugins for WordPress』。有料で価値のあるWordPressプラグイン集です。 便利そうなのが揃っているのでいくつかご紹介します。 …

ベクターフォーマットの手のジェスチャーアイコン52

手のシルエットをデザインに使いたい。 そんなときにおすすめなのが、『Gesturecons』。ベクターフォーマットの手のジェスチャーアイコンです。 いろんな手の動きのアイコンが入っていますね。ai,epsのベクターデータが配布されているので、使いやすいのではないでしょうか。 …

かっこいいjQueryのTips&トリック26

jQueryでクールなインターフェースを実装したい。 そんなときにおすすめなのが、『26 cool and useful jQuery tips, tricks & solutions』。かっこいいjQueryのTips&トリック集です。 いろいろと便利そ …

画像をより魅力的に使うためのWordPressプラグイン20

WordPressで作ったサイトをより魅力的にしたい。 そんなときにおすすめなのが、『20 WordPress Plugins For Better Image Handling』。画像をより魅力的に使うためのWordPressプラグイン集です。 おっと思うようなプラグインが …

MacのStackの動きを実装するjQuery

洗練されたインターフェースを実装したい。 そんなときに参考になるのが、『”Outside the Box” Navigation with jQuery』。MacのStackの動きを実装するjQueryです。 MacのDock風の動きはよく見られますが …

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

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

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

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

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

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

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

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

フォームで使えるjQuery25

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

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

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

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

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

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

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

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

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

jQueryで作る垂直メニュー7

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

装飾系フォント46

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

Fireworksの素材集決定版

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

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

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

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

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

リアルな万年筆を描くPhotoshopチュートリアル

ペン等の絵を自分で描きたい。 そんなときに参考になるのが、『How to Create a Realistic Fountain Pen』。リアルな万年筆を描くPhotoshopチュートリアルです。 かなり細かく解説されていますね。ぼかし（ガウス）やぼかし（移動）、選択範囲の …

モックアップ作成AIRアプリ『MockFlow』

モックアップを作成したい。 そんなときに使えそうなのが、『MockFlow』。モックアップ作成AIRアプリです。 元々Webサービスでモックアップ / ワイヤーフレームを作成・共有できたMockFlowですが、そのAIRアプリが出たようですね。Web版と連携しているようです。 …

商用無料のRSS・吹き出し・矢印・虫メガネアイコンセット

RSSや吹き出しなどのアイコンを探している。 そんなときにおすすめなのが、『Web User Interface』。商用無料のRSS・吹き出し・矢印・虫メガネのアイコンセットです。 They’re released royalty-free, so you may …

商用無料のスクリプトフォント集

スクリプトフォントを探している。 そんなときにおすすめなのが、『Free and Commercial Script Fonts』。商用無料のスクリプトフォント集です。 いくつかご紹介しますね。 ↑はLearning Curve Pro。 Creampuff Ballpark …

デザイナーのためのカラーセオリー

色が人に与える効果について知っておきたい。 そんなときにおすすめなのが、『Color Theory for Designers, Part 1: The Meaning of Color』。デザイナーのためのカラーセオリーです。 暖色、寒色、無彩色などの12色について、色が与 …

ヘッドライン要素に使えるボールドなフォント20

League Gothic 太くて強いフォントを探している。 そんなときにおすすめなのが、『20 Fonts Ideal for Big and Powerful Headings』。ヘッドライン要素に使えるボールドなフォント集です。 かなりかっこいいのが揃っていますね。 F …

紙芝居のようなスライドショーを実装するjQueryプラグイン

ちょっと変わったスライドショーを実装したい。 そんなときにおすすめなのが、『sexyCycle image jQuery plugin』。紙芝居のようなスライドショーを実装するjQueryプラグインです。 画像をクリックすると、横にすっすっとスライドしますね。加速減速する動き …

とてもかわいい動物の画像いろいろ

動物が好きだ。 そんなあなたにおすすめなのが、『Is There Anything Cuter Than This?』。とてもかわいい動物の画像集です。 特にかわいいな、と思ったものをご紹介しますね。 ハムスターとか犬とか猫とかめちゃくちゃかわいいですね。 その他にもたくさん …

クオリティーの高いPSDが見つかる35サイト

PSDファイルを見てデザイン力を高めたい。 そんなあなたにおすすめなのが、『35 Exclusive And High Quality PSD Photoshop Resource Sites』。クオリティーの高いPSDが見つかるサイト集です。 いい感じなのをいくつかご紹介し …

美しいデザインのECサイト35

Eコマースサイトを綺麗にデザインしたい。 そんな時に参考になるのが、『35 Beautiful E-Commerce Websites』。美しいデザインのECサイト集です。 気になったのをいくつかご紹介しますね。 Blik手作り感とテクスチャが美しいBlik Ten Litt …

商用無料のライトグリーンのアイコンセット

シンプルで使いやすいアイコンを探している。 そんなときにおすすめなのが、『Go Green!』。商用無料のライトグリーンのアイコンセットです。 PNGで、↑のようなアイコンが108個入っています。シンプルで使いやすそうなのが揃っていますね。 The Go Green! Web …

かっこいいCSSナビゲーション30

クールなナビゲーションを実装したい。 そんなときにおすすめなのが、『30 Cutting Edge Examples Of CSS Navigation』。かっこいいCSSナビゲーション集です。 気になったのをいくつかご紹介しますね。 Pixlogixマウスオーバー時にツール …

Macの美しいアプリケーション20

Macで使える、便利でかっこいいアプリを探している。 そんなあなたにおすすめなのが、『20 Beautiful Mac Apps』。Macの美しいアプリケーションです。 いくつかご紹介しますね。 Daisy Diskディスクの使用状況を可視化してくれるアプリ CleanMyM …

一味違ったレイアウト&ナビゲーションデザイン集

ありきたりのデザインをしたくない。 そんな時に参考になるのが、『Creative and Unusual Layouts and Navigation Designs』。一味違ったレイアウト&ナビゲーションデザイン集です。 特に面白いな、と思ったものをご紹介しますね …

トラックパッドでFirefoxのタブを移動する方法

Firefoxをもっと便利に使いたい。 そんなあなたにおすすめなのが、『multi-touch tab switching in Firefox!』。トラックパッドでFirefoxのタブを移動する方法です。 以下のように設定します。 Firefoxのアドレスバーに、「abou …

Photoshopの便利な使い方2つ

ちょっと気づいたことがあって作業が格段にスピードアップしたのでUP。 Photoshopではレイヤーパレットでレイヤーを選択したり、カンバスの中のものをクリックで選択したい場合は、移動ツールのオプションバーの「自動選択」にチェックを入れますが、command(Ctrl)を押し …

オンラインでワイヤーフレームを作成できる『gliffy』

ワイヤーフレーム作成ツールを探している。 そんなあなたにおすすめなのが、『gliffy』。オンラインでワイヤーフレームを作成できるサービスです。 ↑のようなインターフェースで、ワイヤーフレームを作れますね。パーマリンクを生成してくれて、共有（コラボレート）して作り上げることが …

STAEDTLERの芯ホルダーを買いました。

ずっとほしかったSTAEDTLERの芯ホルダーを見つけたので購入。知り合いが使っていて、ほしいな、と思っていたんですよね。 2mm幅のH〜4Bの芯を入れ替えられるタイプですね。上部のノブを押して、芯の長さを変えられたり、中に閉まうことができます。閉まえるのはとても便利。 抜群 …

動きの洗練されたjQueryのスライドギャラリー

かっこいいスライドギャラリーを実装したい。 そんなときにおすすめなのが、『GalleryView』。動きの洗練されたjQueryのスライドギャラリーです。 キャプションを付けられたり、画像だけフェードイン&アウトで切り替えたり、いろいろなタイプがありますね。しかも動 …

白いバウム「TSUMUGI」が届きました。

AMNのキャンペーンに当選して、白いバウム「TSUMUGI」が届きました。「白い恋人」を作られている石屋製菓さんの商品ですね。早速おいしく頂きました。 TSUMUGIと白い恋人。なかなか量があってうれしいです。 パッケージのデザインがかわいい感じ。 バウムクーヘンはなんだか幸 …

Google Chromeのエクステンション30

Google Chromeを使っている（アドオンがあるなら使いたい）。 そんなあなたにおすすめなのが、『30 Irreplaceable Chrome Extensions』。Google Chromeのエクステンション集です。 便利そうなのをざっとご紹介しますね。 Avia …

フリーのillustratorパターン225+

illustratorで使えるパターンを探している。 そんなときにおすすめなのが、『225+ Free Adobe Illustrator Patterns』。フリーのillustratorパターン集です。 aiとpng、そしてPhotoshop用のパターンファイル（.pat …

商用無料のライトグランジ系テクスチャパック

グランジ系のテクスチャを探している。 そんなときにおすすめなのが、『Clean Grunge Texture Pack』。商用無料のライトグランジ系テクスチャパックです。 2400px程度の高解像度の画像が8個入っていますね。きついグランジではなくライトな感じなので、使いやす …

Mac用のデザインをカスタマイズできるTwitterクライアント『Kiwi』

Mac用のTwitterクライアントを探している。 そんなあなたにおすすめなのが、『Kiwi』。Mac用のデザインをカスタマイズできるTwitterクライアントです。 結構使いやすい感じです。UIが洗練されていますね。環境設定の「Rules」で、あるキーワードが含まれていたら …

レターヘッドのデザインを集めたTumblrサイト

手紙のデザインが好きだ。 そんなあなたにおすすめなのが、『LETTERHEADY』。レターヘッドのデザインを集めたTumblrサイトです。 レターヘッドのデザインだけを集める、というコンセプトがシンプルでいいですね。デザインの参考になるのではないかと思います。 RSS登録して …

iPhoneでも動作するFlash実行環境『Gordon』

githubに、GordonというオープンソースのFlashランタイムがリリースされています。JavaScriptで作られていますね。 gordon.jsを読み込んで、bodyのonloadでswfを指定することで動くようです。iPhoneでも表示されますね。 デモは以下から …

ワイヤーフレーム / モックアップを作成するためのフリーアプリ10

ワイヤーフレーム / モックアップを作りたい。 そんなときにおすすめなのが、『10 Completely Free Wireframe and Mockup Applications』。ワイヤーフレーム / モックアップを作成するためのフリーアプリ集です。 なかなかいい感じの …

クールで動きが気持ちいいjQueryのツールチッププラグイン

かっこいいツールチップを実装したい。 そんなときにおすすめなのが、『TIp Tip』。クールで動きが気持ちいいjQueryのツールチッププラグインです。 「tip_bottom」「tip_right_top」のように表示位置を指定できるほか、実装方法も簡単そうですね。 ライセ …

Photoshopで作るWindows Vistaのようなオーロラの光エフェクト

Windows Vistaの壁紙のようなオーロラの光を描きたい。 そんなときにおすすめなのが、『Windows Vista Aurora Effect Photoshop Tutorial』。Photoshopで作るWindows Vistaのようなオーロラの光エフェクトです …

素晴らしい3DのFlashサイト50

かっこいいFlashサイトが作りたい。 そんなときに参考になるのが、『50 Superb 3D Flash Websites You Must See!!!』。素晴らしい3DのFlashサイトです。 かなり刺激的なものが揃っていますね。 Element動きが大胆でとてもクール …

jQueryを使った画像ギャラリープラグイン集

Flashを使わずに画像を魅力的に見せたい。 そんなときにおすすめなのが、『37 Fresh jQuery Image And Gallery Display Solutions』。jQueryを使った画像ギャラリープラグイン集です。 結構かっこいいのが揃っていますね。 Im …

Twitterのような通知バーを実装するjQueryプラグイン

ポップアップメッセージをありきたりのものにしたくない。 そんなときにおすすめなのが、『Notify Bar』。Twitterのような通知バーを実装するjQueryプラグインです。 Twitterで投稿したりすると、ブラウザの上部にぴょこっと表示されるメッセージですね。dela …

CSSとjQueryで作るカラフルなアナログ時計

Flashを使わずにアナログ時計を作りたい。 そんなときにおすすめなのが、『A Colorful Clock With CSS & jQuery』。CSSとjQueryで作る、カラフルなアナログ時計です。 1秒ごとに数字と、画像が動いている見せ方ができますね。仕組み …

Keynote用のベクターアイコン700+

Keynoteで使える素材を探している。 そんなときにおすすめなのが、『pictodeck』。Keynote用のベクターアイコンセットです。 Keynoteで使える、かっこいいベクターアイコンが700個以上ダウンロードできます。ワイヤーフレームの作成や、プレゼン資料の作成等に …

Snow Leopardでファンクションキーが効かないときの対処法

Snow Leopardにしてから、よくファンクションキーが効かなくなって困っていたんですが、ふと調べてみると解決方法があったようです。 Terminalから、以下のコマンドを打って、Finderを再起動することでひとまず効くようになります。 killall Dock Exp …

アートワークから選んで購入できる、自分だけのiPhoneケース

自分だけのデザインのiPhoneケースがほしい。 そんなときにおすすめなのが、『uncommon』。アートワークから選んで購入できる、自分だけのiPhoneケースです。 これはすごい！たくさんのデザイナーのアートワークから選べるだけでなく、リサイズや回転ができて、オリジナルの …

クッション素材のTwitterやRSS系アイコンセット

かわいいSNS系のアイコンを探している。 そんなときにおすすめなのが、『Free Furry Cushions Social Icons Set』。クッション素材のTwitterやRSS系アイコンセットです。 ↑のようなアイコンが6個配布されていますね。サイズは最大で256x …

クールなjQueryのlightbox系スクリプト集

サイトのデザインに合うlightbox系スクリプトを探している。 そんなときにおすすめなのが、『The Best jQuery Lightbox Scripts』。クールなjQueryのlightbox系スクリプト集です。 知らないのもあったりでいい感じのものが揃っていますよ …

jQueryで実装するクールなスライダー

jQueryでかっこいいスライダーを実装したい。 そんなときにおすすめなのが、『bxSlider』。jQueryで実装するクールなスライダーです。 ↑は、「prev」、「next」をクリックすると、シュッシュッとスライドしてコンテンツが切り替わるタイプ。他に以下の3つのスライ …

カスタマイズできるアイコンジェネレータ

オリジナルのアイコンを手軽に作りたい。 そんなときに使えそうなのが、『ICONIZER』。カスタマイズできるアイコンジェネレータです。 まずアイコンのデザインを選んで、ファイル形式を選択、描画色や背景色を指定してサイズを指定、という風に、結構カスタマイズしたアイコンを作ること …

カフェラテアートを集めたTumblrサイト

カフェラテアートが大好きだ。 そんなあなたにおすすめなのが、『art in my coffee』。カフェラテアートを集めたTumblrサイトです。 ↑のように、美しいカフェラテアートがたくさん集まっていますね。右上にある「submit a photo」ボタンから、写真やテキス …

Snow Leopardに対応したパタパタ時計スクリーンセーバー

クールなデザインのスクリーンセーバーを探している。 そんなあなたにおすすめなのが、『Flipsaver』。Snow Leopardに対応したパタパタ時計スクリーンセーバーです。 ダウンロードした「Flipsaver.saver」をダブルクリックすると、インストールされますね。 …

ソフトウェアキーボードを実装するjQueryプラグイン

フォームのinputやtextarea要素にキーボード機能をつけたい。 そんなときにおすすめなのが、『jQuery Keypad』。ソフトウェアキーボードを実装するjQueryプラグインです。 ↑の例は、inputにフォーカスすると、キーボードが現れるタイプです。キーボードに …

A4で綺麗にプリントできる、デザインされた履歴書ページ

A4で綺麗に出力できる、デザインされた履歴書が作りたい。 そんなときにおすすめなのが、『One Page Résumé Site』。A4で綺麗にプリントできる、デザインされた履歴書ページです。 ↑のようなデザインのページのソース（HTMLと画像）がダウンロードできます。背景に …

PHPとFlashで動的なグラフを作るスクリプト

アニメーションするグラフを、DBと連携して作成したい。 そんなときにおすすめなのが、『PHP/SWF Charts』。PHPとFlashで動的なグラフを作るスクリプトです。 PHP/SWF Charts is a simple, yet powerful PHP tool t …

HTMLからCSSのベースを作ってくれるサービス

テーブルなどをHTMLで組んだ後に、CSSコーディングを簡略化したい。 そんなときにおすすめなのが、『Primer』。HTMLからCSSのベースを作ってくれるサービスです。 HTMLをペーストして、「PRIME IT」ボタンを押すと、idやclass名からCSSのベースを作っ …

Twitterの最新の投稿をサイドバーに表示しました

1つ前のエントリー（Twitterの最新の投稿をオリジナルのデザインで表示する方法）でやってみたくなったので、デザインとCSSをいじってサイドバーに設置しました。 なかなかいい感じ。 ソースは以下の通りです。 XHTML <div id="twitter&qu …

Twitterの最新の投稿をオリジナルのデザインで表示する方法

Twitterの投稿をブログなどに表示したい。 そんなときにおすすめなのが、『How To Display Your Twitter Status in a Unique Design』。Twitterの最新の投稿をオリジナルのデザインで表示する方法です。 素のテキストの状態 …

デザインのいい、刺激的なインターフェースのMacアプリ50

Macでかっこいいアプリを使いたい。 そんなあなたにおすすめなのが、『50 Mac Apps With Well Designed & Sexy Interfaces』。デザインのいい、刺激的なインターフェースのMacアプリです。 フリーのものから有料のものまで、い …

WordPressのダッシュボードハックス

WordPressのダッシュボード（管理画面）をカスタマイズしたい。 そんなときにおすすめなのが、『10 WordPress dashboard hacks』。WordPressのダッシュボードハックスです。 クライアントにCMSとしてWordPressを提案して納品する場合 …

いつからTwitterをやっているかを競えるサービス

Twitterは最近盛り上がっている感じですが、いつから始めているでしょうか？ 『How long have you been tweeting?』というサイトでは、Twitterを始めてから時間がどのくらい経ったかを示してくれます。始めた日がわかるのと、なんと秒まで出してく …

クリスマス・ギフト・雪だるまなどのアイコン集

今年は過ぎてしまいましたが、かわいいのでご紹介。 クリスマスシーズンに使えそうなのが、『More Exclusive Icons for the Holidays:”Xmas Festives”』。 The icons are free for per …

商用無料のケーキやドーナツのアイコンセット

ケーキやドーナツなど、スイーツやパーティー系のアイコンを探している。 そんなときにおすすめなのが、『Yummy! Free Food and Cakes Icon Set』。商用無料のケーキやドーナツのアイコンセットです。 ↑のようなスイーツ系のアイコンが、20個入っています …

WordPressでパンくずリストを表示するシンプルなコード

WordPressでパンくずリストを使いたい。 そんなときにおすすめなのが、『How To: Breadcrumbs in WordPress』。WordPressでパンくずリストを表示するシンプルなコードです。 ネストされたカテゴリーやページにも対応しているようですね。 パ …

雪の結晶のベクター素材

ページにグリッドの罫線を表示するJavaScript

ページのディテールに隠し機能をつけたい。 そんなときにおすすめなのが、『#grid』。ページにグリッドの罫線を表示するJavaScriptです。 以前「Webデザインにおける”Wow”ファクター」のエントリーで紹介した、Analogのサイトで使われてい …

サンタクロースやプレゼント、モミの木などのフリーアイコン

クリスマスに使えるアイコンを探している。 そんなときにおすすめなのが、『Free Icon Pack: Holiday Seasonal Icons』。サンタクロースやプレゼント、モミの木などのフリーアイコンです。 ↑のようなアイコンが、aiデータで配布されています。 Thi …

UIデザイン / モックアップ作成に使える素材集

UIデザインやモックアップ作成のための素材を探している。 そんなときにおすすめなのが、『A UI Design and Prototyping Treasure Chest』。UIデザイン / モックアップ作成に使える素材集です。 テンプレートやアイコンなど、いろいろと揃って …

鉛筆やノート・メール・矢印などのアイコンセット

鉛筆やノートなどのアイコンを探している。 そんなときにおすすめなのが、『Onebit free icon set』。鉛筆やノート・メール・矢印などのアイコンセットです。 かなりかわいい感じのアイコンになっていますね。PNGファイルで50個入っています。 These icons …

クリスマスのシーンをillustratorで描くチュートリアル

クリスマスのシーンを美しく描きたい。 そんなときにおすすめなのが、『How to Make a White Holiday Scene in Illustrator』。クリスマスのシーンをillustratorで描くチュートリアルです。 ↑のような、モミの木や雪山、雪の結晶な …

Appleのようなデザインをするためのコーディングチュートリアル15

Appleのサイトのような、かっこいいインターフェースを実装したい。 そんなあなたにおすすめなのが、『15 Incredible Apple Webdesign Style Coding Tutorials』。Appleのようなデザインをするためのコーディングチュートリアル集 …

女性のドレスやバッグ、サングラスなどのベクター素材

ファッションやアパレルストアのプロモーションサイトなどを作りたい。 そんなときにおすすめなのが、『Free Vector Doodles – Women’s Clothing & Fashion』。女性のドレスやバッグ、サングラスなどのベクタ …

グラフを描画するための便利なFlashコンポーネント10

Flashでグラフを描きたい。 そんなときにおすすめなのが、『10 Useful Flash Components for Graphing Data』。グラフを描画するための便利なFlashコンポーネントです。 いい感じのが揃っていますね。 Open Flash Chart …

jQueryで作る軽快なスライドナビゲーション

マウスオーバーすると、すっとスライドするナビゲーションが作りたい。 そんなときにおすすめなのが、『hoverFlow』。jQueryで作る軽快なスライドナビゲーションです。 マウスオーバーすると右にすっと移動して、マウスアウトすると元の位置に戻ります。動きが軽快でいいですね。 …

jQueryで実装する、奥行きのある回転テーブルの動き

普通と違った、奥行きのあるインターフェースを実装したい。 そんなあなたにおすすめなのが、『jQuery Roundabout』。jQueryで実装する、奥行きのある回転テーブルの動きです。 シンプルなul, liのHTMLを、奥行きのあるインターフェースにしてくれます。しかも …

なにこれおもしろい2

またなにこれおもしろいなサイトを見つけました。 「Play」を押すと、小ウィンドウが現れてピンポンが始まります。それだけです。それだけなう！ 途中ポップアップがブロックされたりしますが気にしないでください。 「Human」に2つともチェックを入れるとかなり忙しいことになります …

商用無料のメール・ゴミ箱・フォルダなどのベクターアイコン5個

メールやフォルダなどのアイコンを探している。 そんなあなたにおすすめなのが、『Five Free Vector Icons: Plastic Iconset』。商用無料のメール・ゴミ箱・フォルダなどのベクターアイコン集です。 プラスチックなテイストの作り込まれたアイコンが揃っ …

商用無料のRSSやTwitterなど、SNS系のアイコン集

RSSやTwitterのかわいいアイコンを探している。 そんなときにおすすめなのが、『Free Set of Social Media Icons – Large Icons Social』。商用無料のRSSやTwitterなど、SNS系のアイコン集です。 かなり …

商用無料のクリスマスシーズンに使えるベクター素材17

クリスマスシーズンのデザインに使える素材を探している。 そんなときにおすすめなのが、『15+ Free Holiday & Winter Vectors: Winterize』。商用無料のクリスマスシーズンに使えるベクター素材集です。 似たような記事が続きますが、便 …

商用でも無料で使えるクリスマスステッカーアイコン16

クリスマス用の素材を探している。 そんなときにおすすめなのが、『Exclusive Icons for the Holidays:”Xmas Stickers”』。商用でも無料で使えるクリスマスステッカーアイコン集です。 ↑のようなアイコンが16個、6 …

Webデザインにおける”Wow”ファクター

見る人に驚きを与えるようなデザインがしたい。 そんなあなたにおすすめなのが、『The “Wow” Factor in Web Design 』。Webデザインにおける”Wow”ファクターです。 デザインで覚えてもらうためには、い …

ScreenToasterおもろい

オンラインのスクリーンキャストサービス、「ScreenToaster」がおもしろいですねー。朝紹介しようと思ってタイミングを逃したら、もうかなり知られているので軽く書くぞ。軽なう！ サイトやアプリの使い方などを動画で紹介したいときに使えますね。YouTubeにUPできたり、s …

CSS３を使った、強くて速いデザイン例

CSS3でできることをいち早く知っておきたい。 そんなあなたにおすすめなのが、『Stronger, Better, Faster Design with CSS3』。CSS３を使った、強くて速いデザイン例です。 以下の例が紹介されています。 Inline Form Label …

Facebookスタイルのインターフェースを実装するスクリプト・素材20

Facebookのようなかっこいいインターフェースを実装したい。そんなあなたにおすすめなのが、『20 Excellent Facebook Scripts and Resources』。Facebookスタイルのインターフェースを実装するスクリプト・素材20です。 とてもかっ …

なにこれおもしろい

タイトルが意味分かりませんが（すんまへんm(_ _)m）、なにこれおもしろいなサイトを見つけました。 チェックボックスをクリックすると、水滴になって落下して飛び散ります。それだけです。それだけなう！ 「the389.com」さんはその他にも、セレクトボックスやチェックボックス …

デザインのインスピレーションになるWordPressデザイン55

WordPressを洗練されたデザインにしたい。そんなあなたにおすすめなのが、『55 Excellent WordPress Site Design for Design Inspiration』。デザインのインスピレーションになるWordPressデザインです。 いくつかご …

あなたが知らないかもしれないPhotoshopの使い方10

Photoshopをもっと使いこなしたい。そんなあなたにおすすめなのが、『10 Photoshop Interface Features you Didn’t Know Existed』。あなたが知らないかもしれないPhotoshopの使い方です。 なかなかいい感 …

illustratorで風景のイラストを描くチュートリアル

illustratorで綺麗なイラストを描きたい。そんなときにおすすめなのが、『How to Create a Landscape Wallpaper for your Desktop』。illustratorで風景のイラストを描くチュートリアルです。 ↑のようなイラストの作 …

とてもシンプルなjQueryのタブコンテンツ

シンプルなタブ切り替えコンテンツを作りたい。そんなときにおすすめなのが、『Simple jQuery tabs』。とてもシンプルなjQueryのタブコンテンツです。 activeクラスをJavaScriptでaddしたり、removeしたりしているようですね。HTMLも含めて …

立体文字が作れる紙のパターン

Illustration © Tobias Sommer 紙で立体文字を作りたい。そんな時に使えそうなのが、『Punched Out』。型紙を切り貼りしてフォントが作れるパターンです。 If you wanna use this for a commercial projec …

マウスオーバーするとスライド式で現れるナビゲーション

Codropsというサイトで、マウスオーバーするとスライド式で現れるナビゲーションの作り方が公開されています。 ul,liのシンプルなメニューに、jQueryで動きをつけています。動きがスムーズで気持ちいいですね。 デモは以下から。手書きのデザインでなかなか斬新なものになって …

iPhoneのスキャナアプリ、DocScannerを買った♪

前から気になっていたんだけど急にほしくなって、「DocScanner」を購入。今はApp Storeで1,000円です。スキャンしたかった文書がたまっていたんですよね。。 DocScanner 使ってみた感じ、すごくいい！自動トリミング、遠近補正、ホワイトバランス補正がついて …

かっこいいjQueryのスライダー25

WebDesignFanで、かっこいいjQueryのスライダーがまとまっています。 いくつかご紹介しますね。似たようなエントリーを書いていますが、あまり見たことのないものがいろいろあります。 jQuery Plugin – Feature List左にナビゲーショ …

色やデザインテイストでクールなサイトを検索できる『InspirationTime』

かなりすごいサイトを見つけました。『InspirationTime』というサイトで、色やデザインテイストでクールなサイトを検索できます。 「Green」をクリックすると緑をうまく使ったサイトが、「Colorful」をクリックするとカラフルで綺麗なサイトがずらっと表示されます。 …

フリーアイコンが検索できるサイト

Icon Feverというサイトを見つけました。フリーアイコンがまとまっていて、検索して探せるサイトになっています。 「Social Media」や「Twitter」など、タグ付けもされているので探しやすいですね。Twitterのタグ検索結果はこちら↓です。 Twitter …

デザイナー・デベロッパーのためのおもしろTシャツ25

webdesigner depotで、デザイナー・デベロッパーのためのおもしろTシャツが紹介されています。 なかなか面白いのが揃っているのでご紹介。 It’s not a bug, it’s a feature – $23.60 それはバグ …

jQueryのイメージギャラリープラグイン20

speckyboyで、jQueryのイメージギャラリープラグインがたくさん紹介されています。 いくつかご紹介しますね。 ColorBox – Customizable Lightbox Plugin画像だけでなく、スライドショー、HTML、Flashをlightb …

Google Public DNSでMacのブラウジングが速くなった♪

GoogleがDNSサービスを開始していますね。 自分のMacでやってみると、結構速くなった感じです☆よっしゃ。タブをかなり開いてしまって遅くなることが多いんですが、少しは改善されるかな。 システム環境設定 / ネットワーク / 詳細 「+」をクリックして、「8.8.8.8」 …

Twitterで話題のサイトをランキングする『twitty』、公開

昨日、Twitterで話題のサイトをランキングする『twitty』がリリースされました。今回はデザインを担当させて頂きました。 元々福田さんが、「ついったーランキング」というサイトを数年前から運営していて、システムはあったので、そこにデザインを乗せた形になります。 Twitt …

サイト内リンクでページ遷移するAjaxサイトの作り方

yensdesignというサイトで、サイト内リンクでページ遷移するAjaxサイトの作り方が公開されています。 ↑がナビゲーションになっていて、クリックすると、「#home」や「#tutorials」という形でパラメータがついて、ページ遷移します。 リロードが必要ないので、ペー …

ツールチップ表示に使えるかっこいいスクリプト35

VANDELAY DESIGNで、ツールチップ表示に使えるかっこいいスクリプトがまとまっています。 かっこいいものが揃っていますね。 Prototip 2Prototypeを使って、シンプルなものや手の込んだツールチップを作成 Coda Popup BubblesCodaで使 …

Webデベロッパーのためのクールなテンプレート10

net tuts+で、Webデベロッパーのためのクールなテンプレートがたくさん紹介されています。 ざっといくつかご紹介。 Airmail! – Customizable Email TemplateカスタマイズできるクールなHTMLメールテンプレート。$12 Si …

インスパイアされるコーポレートデザイン50

1st webdesignerで、インスパイアされるコーポレートデザインがまとまっています。 いくつかご紹介しますね。 ↑はCamp Creative Group。 nclud eCoverSuiteElite Wake Interactive Tracking Time メ …

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

魅力的なCSSメニュー10

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Android Update 1.6とフリック入力

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

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

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

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

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

HTML5のクールなサイト

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

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

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

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

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

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

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

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

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

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

ふと思い立って、エントリー下部に関連するエントリーを表示しました。 プラグインとかもいろいろ試したんだけど、小粋空間さんの以下のエントリーを参考に構築しました。 ブログ記事に同一カテゴリーのブログ記事リストを表示（MT4版） ソースは以下の通り。 関連するエントリーのソース …

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

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

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

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

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

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

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

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

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

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

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

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

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

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

androidのアプリ

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

赤レンガ倉庫の風景

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

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

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

二子玉の河川敷から

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

jQueryで作るメガメニュー

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

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

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

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

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

ffffoundのECアイテム版

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

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

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

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

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

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

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

魅力的なvCardデザイン30

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

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

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

Pixelmatorが半額になっとる

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

使えるアイコン6選

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

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

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

jQueryを使ったTwitterティッカー

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

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

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

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

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

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

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

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

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

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

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