40 Hand-picked Photoshop Icon Designs [Photoshop Tutorials] Photoshopでアイコン作成のためのチュートリアル色々紹介されています。 作り方を覚えておけば応用が利いてサイト用のアイコン作りなんかに役立ちそうですね。 関連エントリ カレンダー、バルーンなどWEBアプリに使えるハイクオリティアイコンセット「pinvoke」 ドット絵っぽい可愛い16x16のアイコン集
40 Hand-picked Photoshop Icon Designs [Photoshop Tutorials] Photoshopでアイコン作成のためのチュートリアル色々紹介されています。 作り方を覚えておけば応用が利いてサイト用のアイコン作りなんかに役立ちそうですね。 関連エントリ カレンダー、バルーンなどWEBアプリに使えるハイクオリティアイコンセット「pinvoke」 ドット絵っぽい可愛い16x16のアイコン集
400 High Quality Patterns | Design Reviver Patterns can be found every where. Most commonly we can see them in fabric and wallpaper, but they also make great visual elements for web design. 背景画像に最適!超ハイクオリティな400以上のパターン画像集。 単なる背景画像にしておくにはもったいないほど書き込みが細かくて、見ているだけでも楽しめます。 Damask Patterns Volume 2 ision Micro Patterns Vector Patterns 背景画像がいっぱいあって、色合いなんかもWEB上でかえられるようなサービスがあったらいいなと思いました。
Hidden Pixels - Ultimate CSS Menus デザイン性に優れたCSSメニュー集。 これは、と思うようなかっこいいCSSメニューが特集されていました。 Professional drop-down Professional dropline Space Drop Down Menu Flyout hybrid menu Professional drop-down - shadow menu Brooke Case Drop Down Tech Radar mouseover tabs つい押したくなるようなメニューですね。 参考にクールなメニューを作ってみましょう。 関連エントリ クールなナビゲーションメニューを作成するCSS&HTMLサンプル アニメーションするドロップダウンメニュー作成JS「Sliding JavaScript Dropdown Menu」 J
jQuery Sparklines This jQuery plugin generates sparklines (small inline charts) directly in the browser using data supplied either inline in the HTML, or via javascript. JavaScriptで小さくて可愛いグラフを作れる「jQuery Sparklines」 PHPを使って、サーバサイドで以下のような、小さくて可愛く場所をとらないグラフを書くプログラムを以前紹介しました。 ミニグラフ作成ライブラリSparkline 時代は変わって、今はJavaScriptでもグラフは当たり前という時代になり、SparklinesのJS版が出たみたいです。 グラフ描画処理はサーバ側に負担をかけますが、JSであればクライアントサイドでの描画な
woork: Useful tips to enrich your HTML Forms フォームのユーザビリティを改善するためのサンプル集が公開されてます。 (1) フィールドに対するヒントをツールチップ表示するサンプル 最低6文字であることが分かりやすく表現できます (2) オートコンプリートサンプル おなじみ、オートサジェスト (3) 残り文字数表示サンプル 残り文字数が分かることで、何文字以上〜何文字以内という表記を省略して分かりやすく。 (4) ラジオボタンがYESの時にinputを表示。 必要な部分だけ表示してフォームを分かりやすく。 申し込みフォーム部分は、申し込み受付型のサイトでは非常に重要ですが、こうした配慮がされているといいですね。 究極にフォームを使いやすくした、ベストプラクティスのようなサンプルをまとめたサイトがあったら役に立ちそうですね。 関連エントリ フォームの
mod_ktai/YUMEMI Labs [ゆめみラボ] 携帯サイト作成に便利なapacheモジュール「mod_ktai」が公開 携帯サイトの場合、キャリア・機種によって絵文字の出力、表示可能データ量、画面の大きさなどが異なる為、キャリア・機種判別、絵文字の出し分け等、携帯サイト向けの知識が不可欠です。 mod_ktaiを使用すると、それらの処理を簡単に行なうことが可能です。 ということで、携帯サイト作成に活用できそうです。 同等のapacheモジュール、mod_chxj との比較なんかがあれば見たいですね。 関連エントリ ドコモのCSSをインラインに埋め込んでくれるPHPライブラリ「toInlineCSSDoCoMo」 携帯向け自動変換用Apacheモジュール「mod_chxj」がバージョンアップ
Top 28 Free Font Directory Resource Sites | Speckyboy - Wordpress and Design フリーフォントを探すのに便利なサイトのまとめ Urban Fonts dafont.com The Font Pool Fonts 500 Type Now SimplytheBest Free Fonts Font Diner Search Free Fonts - over 13,000 free fonts availabl Creativespirits Truetype fonts by Curtis Clark Wanted Fonts Acid Fonts Who Fonted? Abstract Fonts Font Garden 全部見る 非常に沢山あって、今度は探すのが大変そうです。 中から、クールだなと思うフォントの
NETTUTS - Create a Simple, Powerful Product Highlighter with MooTools 製品を効果的にPRするためのPRページを作成するチュートリアル まず、デモを見てみましょう。アイコンにカーソルを合わせると、吹き出しがクールに切り替わります。 JavaScript、マークアップ、CSSが公開されており、カスタマイズで簡単に調整できます。 ソースがダウンロードできますので、遊んでみましょう。商品のPRページを作っていた人は活用してみるのもよいかも。 関連エントリ Prototype.jsとScript.aculo.usで作るクールなアコーディオンUI jQueryでクールにアニメーションするメニューを実装するチュートリアル
64 Beautiful And Free Nature Brush Sets And Vectors - Giant Design Pack We all use nature images like trees, clouds, flowers, sun & many other objects in our designs. 自然に関するPhotoshopブラシいろいろ。 空、太陽、水、山など、様々な自然に関するPhotoshopブラシが公開されてます。 13x Cloud Brushes Dark Cloud Brushes 10 Sunset Brushes Bubble Brushes Lightning Brushes 10 Mountain Brushes 全部見る バックグラウンドのイメージを作る際に使えますね。 関連エントリ Photoshopのブラシ沢山「TUTBru
Welcome? php|architect's C7Y, The PHP Community Website PHPで画像を扱うサンプルコードが色々紹介されてます。 (1) ご存知、画像のサイズを得るサンプル $information = getimagesize($path_to_image); (2) Imagick(ImageMagick)を使って更に情報を得る <?php $image = new Imagick(); $image->pingImage($path_to_image); $information = $image->identifyImage(); ?> (3) EXIF情報を読む $exif_information = exif_read_data($path_to_image, 'EXIF'); (4) EXIF情報をImagickで読む <?php $im
色々なデバイスやキャラクターなどのアイコン配布サイト「Quantum Bits... 次の記事 ≫:目をひくクリエイティブなロゴ集
Create a Spectacular Grass Text Effect in Photoshop - PSDTUTS Ever wanted to make text out of grass? Well with Photoshop you can.草で作ったようなロゴを作成するPhotoshopチュートリアル。 次のようななんともリアルな草で出来たようなロゴを作成します。 文字に対して、草の写真を組み合わせた上で、次のように草の写真を文字に沿って切り抜いていくのがコツらしい。 しかしこれは、なかなか大変そうですね(^^; レイヤースタイルを組み合わせてよりリアルに。 全部やると次のようなイメージに。これは労力もそうですが、見た感じも素晴らしいです。 アクセントにてんとう虫や蝶を加えるとよりNice! 草以外にも、このテクニックを使っていろんな物を合成できそうですね。
High Quality Photoshop Brushes, Resources and Tutorials It’s time for another dose of related Photoshop material. 紙のテクスチャブラシ等、ハイクオリティなPhotoshopブラシ集 ここまでブラシで、というぐらい色々なブラシが紹介されてます。 In Obscuro Paper Brushes for Photoshop サイトをこれで紙っぽくできそう Worn Photoshop Brushes For High Resolution Vector-Grunge Brush Pack なにやらカッコいいバックグラウンドイメージ Flowersn’swirls Radon Brushes 光が美しい Reborn Brushes WEBデザインに大いに役立ちそう 関連エントリ ク
Footers Design Showcase | Elements of Design Footers can be much more than an afterthought containing the fine print of a web site. 秀逸なサイトフッターのデザイン集76. サイトフッターのデザインというと、なかなか難しいものですが、サンプルを沢山見ると色々アイデアがわきそう。 76個もの秀逸なフッターデザインが紹介されていて、もうフッターはいいよ、というぐらいいろんなデザインが見れて勉強になります。 Artworking MochiAds Sundance Documentary Film Program hopking design National Mechanics フッターは目立たないところですが、凝っておくと細部までデザインされているという印象になり
Sexy, Bold And Experimental Typography | Monday Inspiration | Smashing Magazine Sometimes typography is all you need to communicate your ideas effectively. 心を奪われるような美しいタイポグラフィー集。 非常に美しいタイポグラフィーがいろいろまとまっています。 Sweet Sixteen Dive Deep Scarlett Rally Empire 続きは以下 Sexy, Bold And Experimental Typography | Monday Inspiration | Smashing Magazine フォントを使ってグラフィックを作ってみたくなりますね。 関連エントリ CSSを使ったテキストをデザインとして魅せるテクニ
PSDTUTS - Photoshop Tutorials and Links - Mix Cool Retro Curves Into Your Photographs 写真にクールな曲線を合成してCDジャケット風にするPhotoshopチュートリアル。 次のような画像を仕上げるPhotoshopのチュートリアルです。 ブラシにグラデーションのレイヤースタイルをかけて描画し、さらにそれをウネっとさせて合成していきます。 このテクニックを応用して、ロゴなんかを合成しても面白いかも。 関連エントリ Photoshop&Illustratorのキラーチュートリアル53 アニメばりの真空波を放つイメージを作成するPhotoShopチュートリアル
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く