かなり美麗なフリーのWordPressテーマ60:phpspot開発日誌
60 Excellent Premium-Like Free WordPress Themes | One Stop Design Resources かなり美麗なフリーのWordPressテーマ60がまとまったエントリのご紹介です。 仕事として依頼したら一体いくらかかるんだろうというようなプレミアムなテーマが一杯で、どれにしようか迷ってしまうほど。イメージも様々なので好みのものがきっと見つかるはずです。 相変わらず、WordPressテーマは強いですね。 関連エントリ 3カラムのクールなWordPressテーマ集30＋ コーポレートサイトでも使える20のWordpressテーマ フリーのマガジンスタイルなWordPressテーマ集 最初から広告スペース付のWordPressテーマ集
フリーで使える15のHTML5＋CSS3なテンプレートファイル:phpspot開発日誌
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」
2009年に発見した秀作アイコンのまとめ:phpspot開発日誌
今年も沢山のアイコンセットを発見しましたが、2009年に発見した秀作アイコンをまとめてみました。 WEBアプリ汎用、ソーシャルアイコン、Eコマース用アイコン、その他に分類してます。 WEBアプリ汎用 Led Icon Set - Psdtuts+ MinIcons by ~kyo-tux on deviantART 32px mania Vaga Onebit free icon set いい感じのアイコンセット Project Icon Set | Dezinerfolio WooFunction: 178 Amazing Web Design Icons?|?WooThemes WP WooThemes Ultimate Icon Set ? First Release?|?WooThemes 綺麗で汎用に使えそうなアイコンセット集「Function Icons」 Icon Set b
WEBサイトデザインのフィードバック作業が超便利になりそうな「Notable」:phpspot開発日誌
WEBサイトデザインのフィードバック作業が超便利になりそうな「Notable」。 Notableは、サイトのスクリーンショットを撮ってからNotable上のサーバにアップロードし、そのスクリーンショットに、ビジュアルに色々書き込むことが出来るサービスです。 この仕組みがあれば、デザインが完成した後、クライアントさんが、「こことここを直して」っていう作業をWEB上で迅速に、便利に行えて作業の効率化が図れそうです。 画面にNotableのサイト上で注釈をどんどん入れていってる例。 Notableの使い方 それではどうやって使うかを簡単にご紹介。 まず、どうやってキャプチャを撮るか、ですが、Firefox3用のアドオンが公開されていて、インストールするとボタンがブラウザのツールバーに追加されます。 IEやChrome、Safariなどの他のブラウザでも、URLを入力するだけで簡単にキャプチャが取
セクシーなドロップダウンメニュー実装サンプル:phpspot開発日誌
Sexy Drop Down Menu w/ jQuery & CSS | Noupe セクシーなドロップダウンメニュー実装サンプル。 次のような、セクシーかどうかはさておき、クールなメニューのサンプルが公開されています。 CSSで綺麗にレイアウトして、jQueryで実装したものです。 マウスオーバーで光る高級感がナイス 矢印↓ボタンを押した時にちゃんと凹むのもいい感じ。 タグ構造も結構綺麗に定義できてレガシーなブラウザ（ＩＥ６）にも対応しているっぽいのでなかなかオススメです。 関連エントリ チュートリアルでここまでやる？というプロレベルのWEBレイアウト作成チュートリアル jQueryクライアントとPHPサーバ間をJSONで結ぶチュートリアル
プログラミングに使えるトップフォント１０:phpspot開発日誌
Hivelogic - Top 10 Programming Fonts プログラミングに使えるトップフォント１０ということで、読みやすそうなフォントが色々と紹介されていましたのでいくつかご紹介。 日本語は対応していないのですが、サンプルコードの紹介なんかで使うとカッコいいのかも。 Profont - 9Pt にしても以下のような可読性でなかなかカッコいい プログラミング以外にもサイトデザインでも使えそうです Proggy - これもなかなか読みやすいフォントですね Consolas - コードにした時にすごく読みやすいフォント すべて見る プログラミングのコードを読むというのは結構大変な時もありますが、そういう時は可読性の高いフォントで読むのがいいのかも。 追記）以下の方法で、欧文フォントを日本語に対応させる方法が紹介されているみたいです。 欧文フォントを日本語に対応させる [Tips
美しい光のエフェクトを画像に加えるPhotoshopチュートリアル集:phpspot開発日誌
30 Brilliant Photoshop Lighting Effects Tutorials 美しい光のエフェクトを画像に加えるPhotoshopチュートリアル集が紹介されていましたので一部ご紹介。 Expressive lighting effects PDF形式で読めるので印刷して使ってみるのもよいかも Adding Light Streaks to A Photo ペンツールで光を書いていくテクニックは色々と応用がききそうです Super Slick Dusky Lighting Effects in Photoshop 光を自然に背景に埋め込むテクニック Lighting Effects in Photoshop ぼかしがかかった光を女性にまとわせるテクニック How to Create Intense Light Streaks in Photoshop ペンツールで光を描
デザインのインスピレーションを受けるために便利なサイト集:phpspot開発日誌
50 Best Sites To Get Design Inspiration|Dzine Blog デザインのインスピレーションを受けるために便利なサイト集が紹介されていましたので一部ご紹介。 暇なときにでも見ていれば、感性を上げられそうなサイトばかりです。 Design Flavr 多数あるデザインサイトを、フリーワード、カテゴリ、色、タグなどから自在に検索することが出来ます Flashなサイト、CSSなサイトといった感じでカテゴリわけ 色による検索機能。作っているサイトに似た色を選択し、ちょっと物足りないかもという構築中のサイトに付け加える何かのインスピレーションを見つけられるのかも Muse サムネイルでデザインサイトを順に紹介 Cool Showcase 絵の検索サイト。カテゴリ、タグ、フリーワード検索が可能 Digital Abstracts 比較的大きなサムネイルとともにクー
すっきりまとまった雑誌スタイルのフリーWordPressテーマ集:phpspot開発日誌
15 Free Professional Magazine WordPress Themes ・WPCrowd すっきりまとまった雑誌スタイルのフリーWordPressテーマ集が紹介されています。 読むことに集中させたいようなコンテンツの場合はこうしたテーマが適当なのかも。 Basic 2.0 非常にすっきりしたレイアウトで読みやすそう IsoTherm 写真をふんだんに使っているレイアウト。写真のキャプションはHTMLで出来ているみたい Red Carpet 色を効果的に使った雑誌風レイアウト MagZine 新聞風レイアウト 全部見る 個人的には派手目のレイアウトがすきなのですが、ブログは読み物なので、こうしたレイアウトの方が嫌われないデザインなのかもしれませんね。 関連エントリ これは面白い、あのサイトそっくりなWordPressテーマ 2009年リリースの綺麗なWordPressテ
Photoshop等で物体をリアルに描画していくチュートリアル集:phpspot開発日誌
30 Super-Juicy Photoshop Illustration Tutorials - PSDTUTS Photoshop等で物体をリアルに描画していくチュートリアル集がPSDTUTSにて紹介されています。 １からオリジナルのオブジェクトを作っていくときのテクニック向上に参考になりそうです。 Realistic Speakers Create an iPod Touch Credit Card Design How to Create a Delicious Green Apple Illustration Make a Realistic Football Realistic G1 Smart Phone Christmas Balls Wallpaper Create a Custom Mac OSX Style Ring Binder Address Book Icon
簡単に色々な種類の角丸ボックスが作れる「DD_roundies」:phpspot開発日誌
DD_roundies: Another (better?) round-corner HTML box concept 簡単に色々な種類の角丸ボックスが作れる「DD_roundies」 角丸にするのに必要なのは次の一行だけ(当然、最初にライブラリを読んでおく必要があります)。 DD_roundies.addRule('.box', 10); 次のように、太い線のものや背景色指定してみたりと、いろんな種類の角丸が作れます。 角丸ライブラリのひとつの選択肢として覚えておくとよさそう。 関連エントリ クールにアニメーションする角丸LightBox「prettyPhoto」 1個の画像でシンプルに角丸を実装するCSSサンプル CSSで角丸テクニック２５ CSSでの角丸ブロック簡単ジェネレーター「CSSROUND」 CSS角丸ボックスジェネレーター「RoundedCornr」
CSSテンプレート配布サイト色々まとめ:phpspot開発日誌
CSS Tools: Free Templates CSSテンプレート配布を行っているサイトが色々紹介されていました。 総数でいうと8000近くのテンプレートがあります。 FreeCSStemplates.org 332のクールテンプレート Free-CSS-Templates.com 219のフリーテンプレート FreeWebTemplates.com 4200のフリーテンプレート FreeCssTemlates.com 36色のテンプレート CSScreme.com いくつかのフリーのクオリティの高いテンプレート TemplateWorld.com XHTML/CSSのクールテンプレート DreamTemplate.com 3000以上のテンプレート これだけあると迷ってしまって、その時間の方が心配になってしまいますね。 関連エントリ デザインされたフリーのCSSテンプレート集 フリー
ハイクオリティなフリーのPhotoshopファイルが一杯:phpspot開発日誌
30 Free High Quality .PSD Files to Grab Part:2 | Naldz Graphics ハイクオリティなフリーのPhotoshopファイルが一杯。 次のようなグラフィックが画像だけでなく、Photoshopファイル(PSD)付きで公開されています。 解析してスキルを上げるなり、加工して遊ぶなり色々と出来そうですね。 関連エントリ 使えるPhotoshopのテクニックが満載のブログ「PSD learning」 サイト作成に便利に使えるPSD付きアイコン集
テクスチャ作成のためのPhotoshopブラシ集:phpspot開発日誌
500 Photoshop Brushes for Creating Textures Textured graphics are obviously very popular right now, and fortunately there are tons of free Photoshop brushes that will help you to quickly and easily get the textured look you want.テクスチャ作成のためのPhotoshopブラシ集が紹介されています。 テクスチャというと画像単体をイメージしますが、提供されているブラシで作った方が自由に作れそうですね。 Dirt Spray Rust Brushes Dust & Scratches Texture Brushes Scratch Splat Grunge Brushes
IE6でのページ表示をブロックする「IE 6 Blocker」:phpspot開発日誌
IE 6 Blocker Script - CSS-Tricks IE6でのページ表示をブロックする「IE 6 Blocker」。 IE6でアクセスすると次のようにグレー表示の上にダイアログが表示されるというもの。 IE6をサポートしていないサービスの場合、これを導入すれば簡単にブロックできますね。 <script type="text/javascript" src="jquery-1.2.6.min.js"></script> <script type="text/javascript" src="jquery.ie6blocker.js"></script> のように２行書くだけみたい。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
画面遷移なしのAjaxでファイルアップロードするjQueryプラグイン10:phpspot開発日誌
デジタル時計風のカッコいいフォント:phpspot開発日誌
Apple風のクールなパンくずリストをクールに実装するサンプル:phpspot開発日誌
透過背景の角丸ブロックを作成するＣＳＳサンプル:phpspot開発日誌
アイコン作成Photoshopチュートリアル４０:phpspot開発日誌