すぐに使えるフリーのデザイン素材15 – creamu
smashing appsで、すぐに使えるフリーのデザイン素材がまとまっています。 ざっといくつかご紹介。 » 15 Free And High Quality Tree Wood Textures クオリティーの高いフリーの木のテクスチャ » 10 High-Quality Free Leaf Textures クオリティーの高い葉のテクスチャ10 » 10+ Free Grunge Style Rust Textures グランジ系の錆のテクスチャ10+ » 500+ Watercolor Brushes for Photoshop 水彩画系のPhotoshopブラシ500+ » 6 Free PSD/(X)HTML-Templates PSDのテンプレート6選 その他のリストは以下からどうぞ。 » 15 Most Useful & Free Collection Of Ready-T
これからのデザインのためのアイコンセット50 – creamu
Smashing Magazineで、これからのデザインのためのアイコンセットがたくさん紹介されています。 ざっといくつかご紹介。 ↑はChalkwork HTML Royalty-free Icons。 個人利用・商用利用ともに無料 On Stage Icons Set フリーのベクターアイコン49。psdファイルつき。個人利用・商用利用ともに無料 Coquette 4 Icons Set 角丸でカラフルなクオリティーの高いアイコンが50個 Coquette 5 Icons Set 32bit、透過PNGのかわいいアイコンが50個 Chalkwork Payments (Free) Icons Eコマース系のアイコン集。個人利用・商用利用ともに無料 Finance Icons Set 個人利用・商用利用ともに無料だがサイトへのリンクが必要 Free Vector Icons Pack 0
ユーザビリティーを学ぶための20サイト – creamu
Inspired Magazineというサイトで、ユーザビリティーを学ぶための20サイトが紹介されています。 ざっといくつかご紹介。 » UX Booth デザイナー、デベロッパのためになるユーザビリティーレビュー » UX Magazine 記事ごとにいろいろな角度からユーザビリティーに関して考察しているサイト » Usability post いいデザインをするためのTipsや考察 » 456 Berea Street Web標準、アクセシビリティー、ユーザビリティーをテーマに書いているサイト » Boxes & Arrows グラフィックデザイン、インタラクションデザイン、IAなどについて書かれたサイト その他のリストは以下からどうぞ。 » UX Madness – 20 Fantastic Resources For User Experience Know How ぐおー遅くなっ
デザインに彩りを与えるCSS・jQueryソリューション21 – creamu
SmashingAppsで、デザインに彩りを与えるCSS・jQueryソリューションが紹介されています。 ざっといくつかご紹介。 » Fancy Thumbnail Hover Effect w/ jQuery 画像にマウスオーバーするとスムーズに拡大してくれるjQuery » Create a jQuery Graph Plugin 棒グラフを生成できる » Animated Menus Using jQuery マウスオーバーすると、ふわーっとアニメーションするメニュー » Improve form usability with auto messages フォームにフォーカスすると、メッセージがフェードイン&アウトする » Control.Tabs サムネイルにマウスオーバーすると、ささっと画像を切り替えてくれる すごくいい感じのが揃っていますね。 その他のリストは以下からどうぞ。
クオリティーの高いフリーのグランジテクスチャ10 – creamu
Six Revisionsで、クオリティーの高いフリーのグランジテクスチャが紹介されています。 ざっといくつかご紹介。 ↑はGrunge Extreme 2 06。 Grunge Extreme 2 03 Grunge Extreme 2 05 Grunge Extreme 2 08 Grunge Extreme 2 10 The above works that featured here and in the Flickr Grunge Extreme Volume 2 set are licensed under the Creative Commons license and can be used for personal and/or commercial purposes. ライセンスはCreative Commons。個人利用、あるいは商用でも利用可とのことですね。 ぜひ使
デザイナーのための便利なジェネレータ55+ – creamu
Balkhisというサイトで、デザイナーのための便利なジェネレータがまとまっています。 ざっといくつかご紹介。 » Pattern Cooler » Dotted Background Generator » ColourLovers ↑のキャプチャはこちら » Stripe Designer » Create a Graph 他にも、カラージェネレータ、Flashジェネレータ、CSSジェネレータ、フォームジェネレータ、テキストジェネレータ、バーコードラベルジェネレータなど、たくさんありますね。 一度見てみてください。 » 55+ Extremely Useful Online Generators for Designers emobile修理中。早く戻ってきてほしーなー。mobilepointでがんばっております。
FlashとAction Script3.0のチュートリアル30 – creamu
noupeで、FlashとAction Script3.0のチュートリアルが紹介されています。 ざっといくつかご紹介。 » Create an Impressive Magnifying Effect with ActionScript 3.0 displacementMapFilterを使って拡大鏡のエフェクトをかける » Creating Gradients in Flash Flashでグラデをかける基本操作を動画で学ぶ » Infinite Gallery / Menu Flash,AS3でギャラリーやメニューを作る方法 » Using the Timer Class to animate rotation タイマークラスを使って、シンプルなシェイプを回転させるチュートリアル » Flash Mouse Trailer with Stars マウスに星がついてくるエフェクト » C
jQueryのサンプルTOP10 – creamu
MyPHPDuniaというサイトで、jQueryのサンプルTOP10がまとまっています。 かなり使えるものばかりな感じですね。 » スライドタブボックス » Appleのサイトで使われているようなメニュー » 画像をズーム » 画像の上にスライドするキャプション » メニューの背景にスライドする画像 » タブで画像を切り替える » メニューにフェード効果 » アコーディオンメニュー » タブによるコンテンツ切り替え » タブメニュー 詳しくは以下からどうぞ。ソースコードもダウンロードできますね。 » Top 10 Jquery Examples with Live Demos わいわいと飲み会。超たのしかったぞ。
かっこいい背景を作るためのガイド60+ – creamu
noupeで、かっこいい背景を作るためのガイドが紹介されています。 いくつかご紹介しますね。 ↑はPhotoshopでデジタルにぼけ足を作るためのエフェクト。 » Photoshopで作るレトロなグリッド背景 » Photoshopでリアルな石のテクスチャを描く方法 » 継ぎ目のない背景の作り方 » Photoshopでリアルに破れた感じを表現する » illustratorで繰り返すパターンをデザインする その他のリストは以下からどうぞ。 » Outstanding Website Background Guide: 60+ Impressive Resources 渋谷の街がピグに見えてきたぞ。 時計は結局Googleガジェットのアナログ時計を入れました。小さめでかっこよくて、なかなかいい感じかな。もっと小さかったらいいのになー。あと透明度も設定したい。
Photoshopのグラデーションファイル600+ – creamu
Best Design Optionsというサイトで、Photoshopのグラデーションファイルがたくさん紹介されています。 ざっといくつかご紹介。 その他のリスト&ダウンロードは以下からどうぞ。 » How to Use Photoshop Gradients Plus 600+ Gradients to Download いい天気ですねー。ドライブ日和だな。
いいデザイナーになるために参考になる50サイト – creamu
dzineblogで、いいデザイナーになるために参考になるサイトがたくさん紹介されています。 ざっといくつかご紹介。 チュートリアル » Tutorial9 » Photoshop Lady » HV Designs » Tutorial Dog デザインフォーラム » Designers Talk » Graphic design forum コミュニティー » Humble Voice » Deviant Art » Carbonmade デザインブログ » Design Melt Down » A list Apart » Design Mag 有名なものからちょっとマイナーなものまで、よくまとまっていますね。 ぜひ見てみてください。 » 50 Sites That Will Help You To Become a Better Designer MacBookのスピーカーの音がよ
フリーの写真素材が見つかるサイト30選 – creamu
About.comで、フリーの写真素材が見つかるサイトがまとまっています。 ざっといくつかご紹介。 » Mayang’s Free Textures 3400以上の高解像度のテクスチャ画像。1日に20ダウンロード制限あり » Mayang’s Free Textures 世界中で撮影された7000以上の美しい写真集。個人利用、非商用利用のみ無料 » Stockcache 数百のクオリティの高い写真集。ライセンスはCreative Commons Attribution License。著作権を明記すれば利用可 » Big Foto たくさんの自然の写真。個人利用で無料 » Free Images 2500以上のクオリティの高い写真集。たくさんのカテゴリーから選べる Looking for free images? Here are thirty sites where you can fi
知っておきたいCSSテクニック15選 – creamu
CSSのテクニックを知りたい。 そんなときにおすすめなのが、『15 CSS Tricks That Must be Learned』。知っておきたいCSSテクニック15選だ。 このエントリーでは、CSSスプライトやスライディングドアテクニック、クロスブラウザの透過やクロスブラウザに適応するmin-heightなどが紹介されている。 ↑はクロスブラウザの透過設定。以下のコードで実現できるようだ。 .yourClass { filter:alpha(opacity=50);/*Needed for IE*/ -moz-opacity:0.5;/*Older mozilla broswers like NN*/ -khtml-opacity: 0.5;/*Old versions of Safari and “KHTML” browser engines*/ opacity: 0.5;/*FF,
無料で使えるPHPホスティングサービス5選 – creamu
無料のサーバを探している。 そんなときにおすすめなのが、『5 Awesome free PHP web hosting services』。無料で使えるPHPホスティングサービス5選だ。 以下にご紹介。 » 000WebHost 容量500MB。広告なし » Zymic.com 容量5GB。広告なし » 110MB Hosting 容量5GB。広告なし » Sitesfree 容量500MB。広告なし » YourFreeHosting.net 容量5GB。広告なし いずれも広告がなしとなっているので使いやすいだろう。 無料で使えるPHPホスティングサービス、チェックしてぜひ使ってみてはいかがだろうか。 » 5 Awesome free PHP web hosting services 風が強いな。。月曜日がんばりましょー！ ハムナプトラ3を見たけどいまいちだったな。。
モダンCSSにおける黄金比とは？ | CREAMU
CSSでのレイアウトに黄金比を取り入れたい。 そんなときに参考になるのが、『Golden Ratio in modern CSS』。モダンCSSにおける黄金比だ。 このエントリーでは、960pxのdivがある場合、960 / 1.62 = 593px が左カラム、960 – 593 = 367pxが右カラムになるといったように、黄金比を取り入れたレイアウトの方法が解説されている。 その他にも、 line-height = font-size x 1.62 paragraph margin = paragraph line-height x 1.62 / 2 といったような設計の例が紹介されている。 結論としては、 Many people will argue, that this technic is an utopia and we cannot spend time coding ne
知っておきたいマイナーなHTMLタグ10個 – creamu
「Nettuts+」で、10 Rare HTML Tags You Really Should Knowと題して知っておきたいマイナーなHTMLタグが10個紹介されています。 以下にいくつかご紹介しますね。 <optgroup> セレクトボックスの要素をグループ分けできます。 ↓こんな感じですね。 Showtimes <acronym> マウスオーバで表示されるツールチップテキストを定義できます。 SEO is full of trickery and magic. <ins> and <del> セットで使用。削除したい（del）箇所と追加した（ins）箇所を明示。 <abbr> <acronym>と似ている。マウスオーバでツールチップテキストを表示。タイトル属性に記述。 こんなところですね。 その他は以下からどうぞ。 » 10 Rare HTML Tags You Really Sho
布地のフリーテクスチャ50 – creamu
「DESIGN M.AG」で、布地のフリーテクスチャが50紹介されています。 ざっといくつかご紹介。 ↑はRed Texture。 texture 028 Denim CGTextures.com TextureKing.com ライセンスはリンク先を確認する必要がありますが、stock.xchngのものが多いから結構自由に使えそうですね。 ぜひ使ってみてはいかがでしょうか？ » 50 Free Fabric Textures イマココ！チェルシーのアップルストアに来ました。 Wi-Fiを探すのに一苦労しているんですが、ウィンドウにもたれかかってワイヤレスを貸してもらっています。 チェルシーはおしゃれなカフェとかギャラリーとかが多いみたいだからいろいろ歩いてみますね。 今は20日の11時前です☆朝7時から出歩いてるんだけど、朝は雪が降ってた。。ちょっと晴れてきたかな。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
クオリティーの高いillustratorのブラシ30 – creamu
フリーのベクター素材サイト50+ – creamu
画像マウスオーバ時のborder表示テクニック – creamu