IE7,8で背景を透過させる方法 – creamu
IE7,8で背景に透過pngを使っていて、その上にさらに透過pngの画像を置く場合、 背景の方の表示がおかしくなる（黒で汚く塗りつぶされたようになる）場合があります。 その場合は、CSSで以下のように指定します。 background:rgba(255,255,255,0.3); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=’#4cffffff’, endColorstr=’#4cffffff’); ref: rgba()とfilterで背景だけを透過させる。 10進数/16進数対応表 startColorstrとendColorstrの指定が難しいですが、 「xxrrggbb」（xxは16進数、rrggbbはrgbを2つずつ繋げたもの）となります。 上記「10進数/16進数
インテリア雑貨や小物が見つかるショップx6 – creamu
ふとまとめたくなったのでまとめておきます。 WakuWaku ぽんたと毎日のように行っているwakuwakuさん。アイデア商品が満載です。ご夫婦とスタッフの方で営業されているお店は温かい雰囲気。代官山駅からすごく近いので、ぜひ行ってみてください。 CIBONE センスのいいセレクトと早い商品の入れ替えで、いつも刺激を与えてくれるショップ。外苑前駅の近く、ベルコモンズのB1Fです。自由が丘店は閉店して姉妹店のToday’s Specialになりましたが、上のカフェはまだあって、CIBONEのソファやテーブルとおいしい料理が楽しめます。 Today’s Special CIBONEの姉妹店としてスタートしたToday’s Special。自由が丘店は大きくて広々としています。ナチュラルなアイテムが中心。渋谷のヒカリエにも入っています。 hhstyle スタイリッシュでクールなアイテムを探すなら
おすすめの&使ってみたい印刷会社 – creamu
先日印刷会社を募集したときに、ご連絡いただいたりした情報をまとめておきます（ご連絡ありがとうございます！）。 GRAPH 北川一成さん率いるGRAPH。出身地が同じでオフィスも近くということもあり、親近感を感じている会社。 イベントにお話を聞きにいったこともあるんですが、かなりエッジの効いた方で、とてもおもしろかったです。 プリンティングはオーダーメイドで、安くはないですが定評と歴史のある会社さん。今度名刺の作成をお願いしようと思っています。 COSMOTECH 箔押しなどの特殊加工が得意な印刷会社さんらしく、匠が仕上げてくれるのでクオリティが高いとのことです。 東京リスマチック 急ぎで作らなければならないものがあるときにデザイナーがよく使う会社のひとつ。 Kinko’s 手早く、安く作りたいときにおすすめ。 STUDIO UDONGE シルクスクリーン印刷など。 日研美術株式会社 平台校
CSS3のコーディングに役立つツール8選 – creamu
「8 Best Tools to Make Easy CSS3 Development」という記事で、CSS3のコーディングに役立つツールがまとまっていたのでご紹介します。 CSS3 CSS3ジェネレータ。プレビューしたり対応ブラウザの表示もあります CSS3 Pie IE6,7,8でCSS3のいくつかのプロパティを使用可能にするhtcファイル Layer Styles Photoshopのようなレイヤースタイルをブラウザ上でCSS生成 Cascader HTMLにインラインで書かれたCSSを分割してくれる CSS3 Gradients Generator CSS3のグラデーションジェネレータ CSS3 Cheat Sheet CSS3のチートシート CSS3 Please CSS3をブラウザ上で学習できるサイト CSS3 Button Maker CSS3で作るボタンジェネレータ ref
角丸のぼけをなくすためのPhotoshopの設定 – creamu
Photoshopの角丸長方形ツールで角丸を描いたとき、端がぼけることがありますよね。 blurな状態 clearな状態 これは、以下のように角丸長方形オプションで「ピクセルにスナップ」にチェックをつけることで防ぐことが可能です。
Web制作に役立つサイト集 – creamu
6133716, Hemera/ Thinkstock Web制作の参考になる情報を探している。 そんなときにおすすめなのが、『All Showcases』。Web制作に役立つサイト集です。 CSSやFlashなどのカテゴリーに分けて、かなりたくさんのサイトがまとまっていますね。 いくつかご紹介します。 CSS Best CSS Design ブログ型のCSSデザインギャラリー CSS Flavor クールなサイトを集めたCSS Flavor Flash Design Charts 週刊のかっこいいFlashサイトランキング DOPE Awards クールなFlashサイトをグリッド状に並べているDOPE Awards その他 CMS Showcase CMSで構築されたサイトギャラリー We Love WP 美しいWordPressで作られたサイトのデザインギャラリー サイト名やUIもか
フリー素材を配布するデザインブログ20+ – creamu
デザインに使えるフリー素材を探している。 そんなときにおすすめなのが、『20+ Design Blogs that Release Quality Freebies』。フリー素材を配布するデザインブログ集です。 有名なサイトからちょっとマイナーなサイトまで、たくさん揃っていますね。いくつかご紹介します。 Lost and Taken フリーのテクスチャを配布しているサイト。商用無料のものもあり Bittbox クオリティーの高いブラシやベクター素材で知られるBittbox。最近はフリーのテクスチャパックを多く配布している Fudge Graphics ブラシやテクスチャ、ベクター素材、壁紙などを配布しているFranz Jeitz氏のブログ Colorburned Photoshopやillustrator用のブラシを配布している。ベクター素材やパターンなどもあり Think Design
フッタをブラウザ下部に固定配置するCSSテクニック – creamu
フッタをブラウザ下部に固定配置したい。 そんなときにおすすめなのが、『cleanstickyfooter』。フッタをブラウザ下部に固定配置するCSSテクニックです。 IE6とそれ以前のブラウザ用に、ハックは1つしか使っていないとのこと。min-heightの部分のハックのようですね。 ほかには同様のテクニックに以下のものがありますが、前者はwidth:100%のフッタには対応していないようです。 CSS Sticky Footer ブラウザの下部にフッターを固定表示する『CSS Sticky Footer』 対応ブラウザは以下の通り。 ・Firefox (2, 3, 3.5) ・Internet Explorer (6, 7, 8) ・Safari ・Opera ・Google Crome ぜひ使ってみてはいかがでしょうか？ cleanstickyfooter 今日もいい天気ですね〜。タス
Webデザインにおける”Wow”ファクター – creamu
見る人に驚きを与えるようなデザインがしたい。 そんなあなたにおすすめなのが、『The “Wow” Factor in Web Design 』。Webデザインにおける”Wow”ファクターです。 デザインで覚えてもらうためには、いくつか方法があって、まずコンセプト、次にデザイン、最後に”Wow”ファクターということで、いくつか具体例が挙げられていますね。 Analog alt + Gを押すと、縦のガイドラインと横の罫線が現れて、ポートレートにマウスオーバーすると、ぐ〜っと動きます Face タイポグラフィーにマウスオーバーすると、派手な感じでいろいろ変化します Flourish 赤い背景のナビゲーションをクリックすると、真ん中の木がいろいろと変化しますね。かわいい。とても楽しい感じです HutchHouse 右上のナビゲーションでデザインが変えられます。どれもかわいくて見入ってしまいますね
かっこいいjQueryのスライダー25 – creamu
WebDesignFanで、かっこいいjQueryのスライダーがまとまっています。 いくつかご紹介しますね。似たようなエントリーを書いていますが、あまり見たことのないものがいろいろあります。 jQuery Plugin – Feature List 左にナビゲーションがあって自動で切り替わる Accessible News Slider ナビゲーションがわかりやすいニューススライダー。広げる、たたむ機能もあり Animated JavaScript Accordion V2 シンプルで使いやすいアコーディオンメニュー Easy Slider 1.7 – Numeric Navigation jQuery Slider とてもクールなスライダー。左右にナビゲーションあり SlideItMoo 1.1 – improved image slider 左右のナビゲーションでスライドするタイプ M
フリーのストックフォトが見つかる15サイト – creamu
Six Revisionsで、フリーのストックフォトが見つかるサイトがまとまっています。 ざっといくつかご紹介。 stock.xchng 定番のフリーストックフォトサイト。iStockphotoがスポンサーをしている Freerange Stock 商用・非商用どちらにも使える写真を提供することを目的としているサイト Stockvault 全ての画像が「Creative Commons attribution license」のクールなストックフォトサイト Creative Commons Search Google、Yahoo、FlickrなどからCreative Commonsライセンスの写真を検索できるサイト iStockphoto’s Free Images iStockphotoが、1週間に1枚だけフリーの画像を提供している。クオリティーは高く、3週間分がダウンロード可能になって
ダンボール紙などのフリーテクスチャ集 – creamu
2EXPERTSDESIGNで、ダンボール紙などのフリーテクスチャがまとまっています。 ざっといくつかご紹介。 ↑はDownload + Detail (BittBox Cardboard Texture)。 Download + Detail (Pandoraicons Cardboard Texture) Download + Detail (Lostandtaken Cardboard Texture) Download + Detail (Pandoraicons Cardboard Texture) Download + Detail (Indietextures Cardboard Texture) その他、carbonicaやedgepoint churchなど、ダンボール紙をうまく使ったサイトも紹介されています。 一度見てみてください♪ Cardboard Textures
HTML5のクールなサイト – creamu
DIVE INTO HTML5というサイトを見つけました。 HTML5でサイトを作っていますね。フォントには@font-faceを使って、EOTファイルを使っています。 HTML5からWeb Fontsとして、サーバにフォントファイルをアップロードすることで、ユーザのPCにインストールされていないフォントでも利用できますが、IEはライセンス情報を埋め込んだ特殊なフォントファイル（EOTファイル）のみ認識するため、別途EOTファイルの作成が必要です。その対応をしているようですね。 デザインフォントに見えるところも、テキストになっているので、なかなかいい感じです。 DOCTYPE宣言と文字コード指定もシンプルですね。 HTML5の参考に、ぜひ見てみてください。 Dive Into HTML5 ウィンドウのサイドにFollow meボタンをつけました。と思ったらフォロワーが一気に、いつもより多い
ネットで学べるillustratorチュートリアルサイト集 – creamu
spoon graphicsで、ネットで学べるillustratorチュートリアルサイトがまとまっています。 ざっといくつかご紹介。 » Vectips Ryan Putnamによるブログ。手軽なものからアイコンデザインまで、トップクラスのチュートリアルを公開している » Vectortuts Envatoによるベクターのあらゆることに関する人気サイト。たくさんの著者によって記事が書かれている » Veerle Pieters ベクターを扱うことで有名なVeerle Pietersによるブログ » Vector Diary 単純なシェイプから複雑なイラストを作っていく過程が公開されている » Illustration Info 初心者にもわかりやすいチュートリアル » Learn Ai illustratorに関するサイトを集めて、スキルの上がる情報を配信している 英語サイトですが、画像の
名刺を作りました。 – creamu
さてさて、独立を機に名刺を作りました。ひとまず、話題になっている前川企画印刷さんにお願いしました。神戸でやっている、っていうのも親近感が湧いてよかったですね。安いし、aiでの入稿も受け付けてもらえました♪ メッセージ付きの封筒で送られてきます。心遣いがとてもうれしいですね。 発色も期待通りに綺麗に出ていました。かなり満足。 両面印刷でカラー・白黒にしました。これで1,500円ですね（100枚）。リーズナブルでいい感じ。 ただちょっと紙が薄くて紙質が物足りないところがあるので、仕事で使う名刺としては次はしっかりした紙のものを作ろうかな、と思っています。ブロガー名刺としてさっと作る分には十分なクオリティーだと思いますね。 デザインは前川企画印刷さんに丸投げすることもできますね。デザイナーさんがいて、気に入るまで何度もやりとりさせてもらえるようです。 名刺作ろうか検討中の方はぜひ！！ » ブロガ
解像度別のユーザー使用率を示したキャンバス – creamu
Methodologie Web Canvasというページを見つけました。解像度別のユーザー使用率を示してくれていますね。 760 x 420px 100% 960 x 600px 92% 1210 x 630 50% 1370 x 730 11% とのことですね。これによるとwidth:960pxでもそれほど問題なさそうですね。 統計はhttp://thecounter.com/とhttp://marketshare.hitslink.com/report.aspx?qprid=17（2009年8月現在のデータ）から得ているようですね。 一度見てみてください。 » Methodologie Web Canvas ばりばり作業中。配送してメッセしてWindowsアップデートして・・・と昨日も知らん間に寝てたzzz
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IE8以下でメディアクエリーを有効にするためのJavaScript – creamu
Subtle Sans – 美しいサンセリフ書体 – creamu
HTML5の対応状況をチェックするための2サイト – creamu
画像等をクロスフェードするJavaScript5選 – creamu