Best of Free Clean PSD Buttons ready for web2.0 | djavupixel.com かなりクールにデザインされたPhotoshop用のボタンテンプレート集。 CSS3でかなりボタンをデザインできるようになったとはいえ、そこまでやるなら画像にしちゃったほうが、という場面も多くあります。 Photoshop用のボタンテンプレートが色々まとまっていたのでデザインの際の参考にできそうです。 36 Free High Quality Web Buttons Different buttons and states with sliders and drop downs by James McDonald Download 60 glossy web buttons in PSD & PNG Grey Button with hover by Ignaci

Icons 19eighty7 サイトで使える500近いフリーのPNGアイコンセット「spirit20」が公開されています。 ソーシャルサイトなんかですぐに使えそうですね。 同種のアイコンも色々あったりしますが、これはこれで味があっていいですね。 他にも以下のようなソーシャルアイコンが配布されています。 関連エントリ 色々な場面で使えそう！という白黒アイコンセット１２０ ウェブサイトに使えるアイコンセットのまとめサイト

50 Creative Photoshop Brush Sets / Freebies / Splashnology - Web Design and Web Technology Community クリエイティブでカッコいいPhotoshopブラシセットが５０種類ほど紹介されたエントリのご紹介です。 なんとも個性的でいい感じのブラシセットがまとまっています。気に入ったものはチェックしておくと良さそうです。 ブラシを活用でアジャイルにデザインを仕上げられますね。 関連エントリ ハイクオリティなPhotoshopブラシをダウンロードできるサイト色々まとめ ペンキをぶちまけたようなクールなPhotoshopブラシ色々 バレンタイン特集なんかに使えそうなPhotoshopブラシ集 非常に美しい光などのPhotoshopブラシいろいろ

A Compilation of Vintage Textures for Designers ヴィンテージ感がいい感じのテクスチャが色々まとまったエントリのご紹介です。 次のようなヴィンテージ感あふれるテクスチャが満載で、サイトデザインに深みを与えたい場合なんかに応用できそうです。 なんともいい感じですね。 関連エントリ フリーテクスチャを色々探せるサイト「Texture Lovers」 カラフルでフリーな美麗テクスチャ集 種類が様々な紙のテクスチャ色々４０種類

15 Free HTML5-CSS3 Templates to Start the Future of Web Design | blogfreakz.com フリーで使える15のHTML5＋CSS3なテンプレートファイルが公開されています。 それぞれ地味なようでいて、HTML5やCSS3のテクニックをふんだんに使っています。 素材として使ってもよいですし、１つの学習用リソースとして活用してみるのも有益ですね。 関連エントリ ハイセンスにデザインされたHTML/CSSテンプレート集 CSSテンプレート配布サイト色々まとめ フリーのビューティフルなCSSテンプレート沢山「Css 4 Free」 フリーで使えるプロ顔負けの美麗CSSサイトテンプレート集 使えるCSSレイアウトテンプレート集「mycelly.com」

Wrapping Long URLs and Text Content with CSS ? Perishable Press 長い文字列が続いて文字がはみ出してしまうのを防止するCSSが公開されてます。 CSS2/3, Opera4-7, Mozilla, IE5+ 用にクロスブラウザで動作するようにCSS例が示されていて参考になります。 通常だと文字がはみ出してしまうのを、はみ出さないようにしてくれるCSSです。 ハミ出しを防いでくれます。 対応したつもりが実は特定ブラウザだけっていうことがよくありそうなこの現象、この対策で簡単に対応出来そうです。 関連エントリ JavaScript使ってないのに使ってる風のピュアCSSなテクニック集 便利なＣＳＳテクニック３０選 CSSリストに関する5つのテクニック集

Filament Group Lab Example From Page from: Image-free CSS Tooltip Pointers - A Use for Polygonal CSS? 画像なしで実現するCSS吹き出しツールチップ実装サンプルの実装チュートリアルが公開されてます。 CSSのみというわけではなくjQuery UI CSS Frameworkを使っていますが、吹き出し部分が画像でない分、左右・中央に自由に吹き出しがつけられます。 バックグラウンドがいい感じに馴染んでますね。 関連エントリ ピュアCSSで実装された吹き出しのデザイン例色々 これは驚きの、CSSだけで作れる吹き出しボックス

25 Free And High Quality Photoshop Brushes 非常に美しい光などのPhotoshopブラシがいろいろまとまったエントリのご紹介です。 次のように、つい使ってみたくなりそうなカッコいいブラシが沢山です サイトデザインのバックグラウンド等によさそうですね。 関連エントリ ハイクオリティなPhotoshopブラシをダウンロードできるサイト色々まとめ ペンキをぶちまけたようなクールなPhotoshopブラシ色々 木、葉っぱ、雲、水など自然に関するPhotoshopブラシセット

How to Create Bamboo in Adobe Photoshop | Tutorial9 Photoshopで竹の画像をゼロから作るチュートリアルが公開されています。 それ写真を切り抜いた方が速いよ、という意見もあるかもしれませんが、ゼロから作ることで基礎的な能力がついてよい勉強になりそうです。 Photoshopファイルのダウンロードも出来ます。 関連エントリ プロレベルのPhotoshopチュートリアル集 2009年の凄いPhotoshopチュートリアル100種 超カッコいいPhotoshop等による写真加工チュートリアル集

手書き感がなんとも素晴らしいアイコンセット集をまとめてみました。 アイコンというとキッチリしたものが多いですが、こうした手書きアイコンをサイトに盛り込むと温かみのある雰囲気に作れそう。 RM Kute Toolbar Icons by *Raindropmemory on deviantART 手書きなんですが、RSSとかスターとか、検索とかWEBアプリケーションに使えそうなアイコンセットです。 Red Little Shoes Icon set by *Raindropmemory on deviantART こちらもなんとも味のあるアイコンセット。WEBアプリに使えそうなものもいくつかありますね。 Watercolor Free Icon Pack | Tutorial9 こちらも少しテイストが違いますが手書きのアイコンセット。Twitterらしき鳥もありますね 絵を描くのが得意な方は

100 Photography Enhancing Photoshop Actions | Freebies 写真をもっと魅力的にみせるためのPhotoshopアクション１００。 普通の写真をセピアにしたり、絵画っぽくしてみたりと、一瞬でそれらの処理を行えるアクション集です。 写真によっては合わないアクションもありますが、アクションでインスタントによって一番しっくりくるものを採用的な感じでアジャイルに仕事をすすめられそうですね。 ↑とかはほんとに、いい雰囲気になりますね。自分の写真で試してみても面白いかも。 関連エントリ 高度な画像編集が一瞬でできてしまうPhotoshopアクション集 肌をツルツルに綺麗にしてくれるPhotoshopアクションが凄い 写真にビンテージ感を出せるPhotoshopのアクション集

The Best 12 Free Wordpress Themes With Built-In Ad Space 最初から広告スペース付のWordPressテーマ集が12種類まとまったエントリのご紹介です。 最初から広告を掲載する予定であるとか、広告を掲載することになった際に、便利に使えそうですね。 広告あり、とはいえどれもデザインがクールで、広告さえもデザインの一部としてなじむように作成されているみたいです。 関連エントリ フリーのマガジンスタイルなWordPressテーマ集 印象的でカッコいいWordPressテーマいろいろ 色合い、デザインがなかなかクールなWordPressテーマ「Zexee」

WideImage - An open-source PHP library for image manipulation PHPで画像のリサイズ/切抜き/合成といった処理が簡単に行えるライブラリ「WideImage」のご紹介です。 PHPからGDを使えばリサイズや切抜きは比較的簡単に出来るものの結構面倒だったりします。 そこで、WideImageを使えば、次のようにオブジェクト指向で簡単に、あとで見ても理解しやすいコードで記述可能です。 WideImage::load('big.png')->resize(50, 30)->saveToFile('small.jpg'); // big.png を読み込んで50x30ピクセルにリサイズしてsmall.jpgに保存 WideImage::load('pic.jpg')->crop('center', 'center', 90, 50)->o

Definitive PHP security checklist | sk89q PHPアプリケーションのセキュリティーチェックシートPDFが公開されています。 入力、ファイルアップロード、認証、セッション、データベース等のジャンル別に多数のチェックが掲載されていて、自分の弱そうな部分の確認にもよさそうです。 こういう網羅されたチェックシートはありそうで無かった気がしますね。 関連エントリ PHPチートシート集 PHPでのフィルタリング＆エスケープ時のチートシート

Creating Beveled Images with CSS CSSで画像にベベル効果をあてるサンプルが公開されてます。 次のように立体的に表示することが出来るようです くっきり立体感を出したい場合に使えそうですね。 関連エントリ 便利なＣＳＳテクニック３０選 CSSリストに関する5つのテクニック集 これは楽しい！どんな画像もCDのアルバム風にできるCSSテクニック 本の目次部分のようなリストをCSSでデザインするテクニック

少し変えるだけでサイトのレイアウトが完成してしまう、とてもクオリティの高いフリーのPhotoshopファイル 2010年03月03日- 30 High-Quality Free Website Templates to Download|Dzine Blog 少し変えるだけでサイトのレイアウトが完成してしまう、とてもクオリティの高いフリーのPhotoshopファイルが３０種類も紹介されています。 次のような、本当に、本当にフリーでいいんですか？本当にフリーでいいんですか？とつい歌ってしまいそうなレイアウト集がダウンロード出来ます。 色鮮やかでインパクトあるデザインや、すっきり見やすいレイアウト等、そのままWEBサービスに使ってしまってもよいようなものばかりです。 ライセンス等は確認したほうがよいと思いますが、活用すれば手間を大きく削減出来るかもしれませんね。 関連エントリ チュートリアルで

CSS Clock CSSのrotationを使った時計「CSS Clock」。先日、「CSSのrotationを使ったアナログ＆デジタル時計実装例」ということでCSS時計を紹介しましたが、こちらも一見の価値アリという風に思いましたのでご紹介です。 秒針が文字で、ハイライトがどんどん移っていくデザインになってます。 rotationが使えるようになると更に自由度が上がってWEBデザインのレイアウトも大きく変化していくことを感じますね。数年後のWEBデザインのトレンドが楽しみです。 関連エントリ CSSのrotationを使ったアナログ＆デジタル時計実装例

25 Adobe Photoshop actions for a graphic designer toolbox | reADactor 高度な画像編集が一瞬でできてしまうPhotoshopアクションが２５種類紹介されてます。 アクションでここまで出来ちゃうのかというアクション集で、覚えておくと結構楽が出来そうです。 複数のレイヤーをカバーフローみたいに並べて次のように加工してくれるアクション CDカバーを立体的にしてくれるアクション ペーパーバック風にしてくれるアクション DVDケースにしてくれるアクション ２Dのパッケージ画像を立体的でリフレクションのかかった３D画像にしてくれるアクション 虫眼鏡で拡大する効果を得られるアクション 立体的なパネルに加工してくれるアクション キャンバスから飛び出した風の画像を作成できるアクション すべて無料というわけではありませんが、安価に高度な加工が

20 High Quality Free Fonts for Designers | Freebies デザイン性の高いハイクオリティなフォントが色々集まったエントリのご紹介です。 汎用的なフォント、というよりは個性を出したい場合に使えそうなフォントが色々とあってここぞ、という時に使えるかもしれません。 手書き風だけど綺麗なフォント 漫画っぽいフォント。色合いもいいですね 鉛筆で塗りつぶしたようなアナログ感があるフォント 丸い形が印象的なフォント どれも個性があってつい使ってみたくなるデザインですね。 関連エントリ カーブが美しいフォント色々 すごく良い感じの英文フォントいろいろ これは素晴らしいアートが詰まった２４の絵文字フォント色々

392 cool photoshop gradients ストックしておくと楽できそうなPhotoshop用グラデーション392種類。すでに紹介したものも含まれていますが、多数のグラデーションが紹介されてます。 ちょっとグラデーションを使いたいときにクリック一発で適用できるグラデーションのコレクションです。 あまり入れすぎるとスクロールバーが小さくなりすぎて使いにくい懸念もあるので入れすぎるのも問題かもしれませんが好みの効果を入れておくとよさそうですね。