SlashDot風のサイトメニューを作る「Slashdot Menu」:phpspot開発日誌
Prototype.js を利用して作られたJavaScriptライブラリまとめサイト「Scripteka... 次の記事 ≫：Javascript で HTMLエスケープを行うPHP関数、htmlspecialchars を実装 Dynamic Drive DHTML Scripts- Slashdot Menu This is a stylish collapsible menu modelled after the navigational menu found on Slashdot. SlashDot風のサイトメニューを作る「Slashdot Menu」。 次のようなSlashDot風のメニューを実装することが出来ます。 大メニュー選択でアニメーションもします。 実装コードは次のようにシンプル。 var myMenu = new SDMenu("main_menu"); // I
Web2.0風バッジ作成用素材:phpspot開発日誌
adClustr Some Free Web 2.0 Badge Starbursts - Free Ad Backgrounds & AdSense Advice I created these for one of the ad backgrounds, but figured I would clean them up a bit, and release them as a download. Web2.0風バッジ作成用素材が公開されています。 配布されているＺＩＰパッケージを展開すると次のような3種類のバッジ画像が取り出せます。(それぞれPNG/JPEG方式) ジェネレーターもいいですが、こうして素材の形にしておいてもらえると、PhotoShopなどで柔軟にカスタマイズできて良いですね。 関連エントリ Web2.0風バッジをWEB上で作れる「Web 2.0 Badges」
PhotoShopでMacOS、Leopard風ロゴを作るチュートリアル:phpspot開発日誌
Create A Leopard ‘X’ in Photoshop Take a dark photo will very little color so you can see the X in proper lighting. PhotoShopでMacOS、Leopard風ロゴを作るチュートリアル。 PhotoShopで次のようなLeopard風の画像を作れます。 元画像は次のような、プレーンなXが描かれているものです。 チュートリアルでは「Myriad Pro Bold」というフォントを使用 「P」という文字で試してみたところ、それっぽいものが出来ました。 Leopard の凄くリアルな立体感を再現してみたいという方は是非こなしてみましょう。 関連エントリ 煙風エフェクトをカッコよく作るPhotoShopチュートリアル WordPressのロゴを美しく輝かせるPhotoShopチュ
ページ送り部分のデザイン研究:phpspot開発日誌
Pagination Gallery: Examples And Good Practices | Design Showcase | Smashing Magazine ページ送り部分のデザイン研究。 SmashingMagazine にて様々なサイトのページ送り部分を色々とまとめたエントリが公開されました。 なるほど、ページ送りといえど様々なデザイン方法があるようで、勉強になります。 色々なサンプルを見るうちに、自分のサイトのページャーはどんなのが合うか？といったことも分かってきそうです。 PHPでページャーを作る場合は、「PEAR :: Package :: Pager」を使えば簡単に作れます。
Photoshopで幻想的なファイナルファンタジー風のロゴ作成チュートリアル:phpspot開発日誌
PSDTuts - Photoshop Tutorials and Links - A Slick Supernatural Text Effect In this tutorial we'll be creating a smokey night effect on text to give it an eerie supernatural sort of feel. Photoshopで幻想的なファイナルファンタジー風のロゴ作成チュートリアル。 次のようなロゴを素材を使わずに1から作成していくPhotoShopチュートリアルが公開されています。 フィルタのみで星空を作ったり、波形フィルタを何度もかけて煙のようにしていくテクニックは色んな場面で使えそう。 チュートリアルを辿って次のような画像を作成してみました。 チュートリアルをこなすことで様々なテクニックを身に付けられるので一度こなして
超クールなブログデザイン11集30:phpspot開発日誌
30 More Excellent Blog Designs | Design Showcase | Smashing Magazine It’s not hard to design a weblog, but it’s getting harder when you try to achieve a unique weblog design. 超クールなブログデザイン集30。 SmashingMagazine にてクールなブログ特集が公開されました。 いくつか気になったものをブックマーク。 Webデザイナーのためのリンク集 個性的かつ印象的なブログを作る際の参考にできそうです。 関連エントリ プロレベルのWEBデザインをオンラインで簡単生成「doTemplate」
WEBデザイナーのための超便利リンク集:phpspot開発日誌
For Webdesigners - 332 helpful links for webdesigners WEBデザイナーのための超便利リンク集。 Ajax、カラー、CSS、Flash、フォント、無料写真、ジェネレーター、素材、アイコン、インスピレーション、PhotoShopチュートリアル、xhtml に関するサイトが332もまとまっています。 どのカテゴリも厳選されていて、WEBデザイナーの方には便利なものになっています。 フォントや写真、アイコンなどの素材を探す場合にはここから探してもよさそう。 関連エントリ 超クールなブログデザイン集30 プロレベルのWEBデザインをオンラインで簡単生成「doTemplate」 ページ送り部分のデザイン研究
赤色を上手に使った美しい機能的なサイトｘ１０:phpspot開発日誌
10 Beautiful and Functional RED Web Layouts - CSS-Tricks Sometimes looking at other sites is all the inspiration you need! Here are some nicely designed sites that I feel stay focused on functionality as well. 赤色を上手に使った美しい機能的なサイトｘ１０。 とても赤を上手に使ったサイトが１０サイト紹介されています。 Crimson Fox Creative Studios I Love To Complain Regines Patisserie Helldesign Breeden YMCA 続きを見る 非情に美しいレイアウトと色合いで魅せられてしまいます。 サイト作りの参考にでき
１カラムのクールなテンプレート集４０＋:phpspot開発日誌
40 Free One-Column Website Templates Finding good website templates is tough. １カラムのクールなテンプレート集４０＋。 １カラムのクールなテンプレートがまとまっていました。 Nautica06 Twilight Red Hot Chili Simple Life flowertree neuphoric 続きを見る １カラムということでブログ以外のページにも応用しやすそうです。 関連エントリ 4カラムのクールなWordPressテーマ集２０＋ 美麗なCSS/XHTMLデザインテンプレート配布サイト「STUDIO7DESIGNS」
3カラムのクールなWordPressテーマ集30＋:phpspot開発日誌
30 WordPress 3-Column Themes So far in the Wordpress Tips series, we’ve talked about all the killer plugins you can add to your WordPress powered blog. 3カラムのクールなWordPressテーマ集30＋. またまた、カッコいいWordPressテーマの特集です。 05 Moon 1.0 Acid Green Pro Alike Theme Ayumi Bionic Jive Blogging Simply CitrusIsland Cordoba Green Park Creaker Crunch Daily Digest 3.0 Fava Beans and a Nice Chianti Fresh Apple I Like Grey i
クールな404エラーページ集:phpspot開発日誌
Wanted: Your 404 Error Pages Every day you visit one of them. The pages, which don’t exist any longer, have moved to a new server or have never existed at all. クールな404エラーページ集。 Apacheデフォルトでは次のような味気ないNotFoundページになってしまいます。 エラーページを見たときに、ナイスなナビゲーション付きであれば、利用者に対して親切ですし、美しいデザインであれば利用者に対して失礼ではありませんね。 Wufoo - Page Not Found Twitter: 404 The Big Noob - Page not found Last.FM - 404 Devlounge Missing page ::
WEBデザインに便利なリソース100:phpspot開発日誌
The Open Source Web Design Toolbox: 100 Tools, Resources, and Template Sources at DesignVitality WEBデザインに便利なリソース100リンクが紹介されていました。 フリーテンプレート OSWD OpenWebDesign Open Designs CSS Tinderbox デザインテンプレート TemplateNavigator TemplateBox Template Monster Art for the Web Free CSS Templates CSSレイアウト集 Layout Gala AndreasVilkund.com CSS Template Directory BenMeadowcroft.com Mollio CSS自動ツール、ジェネレーター CSS Creator -
60の使える＆エレガントなウェブデザイン:phpspot開発日誌
Inspiration Package: 60 Usable & Elegant Designs We all love beautiful, usable and impressive web designs. 60の使える＆エレガントなウェブデザイン。SmashingMagazineより。 31Three North x East Youtilize.com Oaktree Creative CodeIgniter WebRevolutionary Pop Labs nPanorama.ru 続きを見る 最近のウェブデザインはやはり、「Web2.0風」がトレンドのようですね。 読みやすく、シンプルにまとまっていてどのサイトも参考になりそうなサイトばかりです。 関連エントリ WEBデザインの際に使える５０のソース 2007年3月、クリーンかつ印象的なデザインサイト集 PhotoShopで
PhotoShopを使って画像を映画風に加工するチュートリアル:phpspot開発日誌
How to turn your photo into movie-like effect using Photoshop? ・ebin What you need to have: Adobe Photoshop What you will learn: colour mood adjustments depth of field effect film effect PS: ? key for Mac users / CTRL key for Windows users PhotoShopを使って画像を映画風に加工するチュートリアル。 左の一見普通の画像を、右の画像のように映画風にカッコよく加工するための流れが説明されています。 色調や明るさを調整しながら、ぼかし効果などを使い、巧みに画像を加工していってます。 何の変哲もない写真もこのテクニックで印象に残る画像に加工できそうですね。
PhotoShopでMac風の美しいバックグラウンドを作成するチュートリアル:phpspot開発日誌
Creating a Mac-Type Background in Photoshop This tutorial is about making a “mac” style background. PhotoShopでMac風の美しいバックグラウンドを作成するチュートリアル。 次のような背景画像をPhotoShopで作るチュートリアルです。覚えておくとサイトデザイン時などにかなり活用できそう。 次がその流れ。 作っている工程も、徐々に背景が出来ていって、なかなか楽しい感じですね。 関連エントリ 人物の写真をPhotoShopで美しく修正するチュートリアル PhotoShopでRSS標準アイコンを作成するチュートリアル PhotoShopでタバコの煙風クール画像を１から作るチュートリアル
１クリックでクールなWeb2.0/Apple風ボタンを作れるPhotoShopレイヤースタイル配布サイトまとめ:phpspot開発日誌
１クリックでクールなWeb2.0/Apple風ボタンを作れるPhotoShopレイヤースタイル配布サイトまとめ 2007年06月29日- １クリックでクールなWeb2.0/Apple風ボタンを作れるPhotoShopレイヤースタイル配布サイトまとめ。 レイヤースタイルとは、PhotoShopにある、次の図のような「スタイル」ウィンドウで提供される機能で、ダブルクリックで簡単にボタンが作成できるものです。 配布サイトを、次にリストで紹介します。 Appleのボタンをレイヤースタイルで 31個のスタイル Web2.0風のボタン等がクリック一発で作れるPhotoShop用レイヤースタイル 有名サイトのボタンデザイン21個をPhotoshopのレイヤースタイルファイルにしてみました Photoshopのレイヤースタイルファイルを日本の伝統色で作ってみた レイヤースタイルで四角形にスタイルを適用した
iPhone風アイコン作成用PhotoShopテンプレート:phpspot開発日誌
iPhone style icon psd kit ・Jotlet Developer Blog I was creating an iPhone widget icon for the Jotlet app (primarily for fun) and I noticed a few things and thought I’d share them with you, and create a psd kit for anyone wanting to do the same thing.iPhone風アイコン作成用PhotoShopテンプレート。 PhotoShopファイルのPSDファイルをダウンロードでき、レイヤーを編集することで次のようなiPhone風アイコンが作れるようです。 ↓PhotoShopでオープンしてみて、レイヤーが別れている様子。 他にも、PNG形式 ですが「iP
透過PNG画像によるWEBデザインテクニック集:phpspot開発日誌
Digital Web Magazine - Creative Use of PNG Transparency in Web Design The PNG image has been widely overlooked by the web design community?and mostly for good reason. Until recently, it hasn’t been possible to take full advantage of the format and have it work reliably in all browsers.透過PNG画像によるWEBデザインテクニック集が色々公開されています。 透過PNGと画像を組み合わせることで、HTMLによる画像イメージの作成が色々可能になるんですね。 WEBデザインの際に活用することで、よりスマートなデザイン
以前に紹介したクールなWordPressのテンプレート集いろいろ:phpspot開発日誌
PHP+MySQLで書かれたブログ発行プラットフォーム、WordPressが盛り上がっているようですね。 → オープンソースのブログ・ツール「WordPress」って知ってますか？：ITpro 以前に紹介したクールなWordPressのテンプレート集を改めて以下にリストしてみました。 超高品質WordPressのテーマ20個 10の超クールなWordpressテーマ集:phpspot開発日誌 WordPressの超クールなテンプレート集 (80個掲載) WordPressがすごいのは、やはり「WordPress Theme Viewer」。 このサイトでは、3000以上のテンプレートが公開されています。 WordPressの導入を検討している方はテーマ探しに是非役立ててください。 尚、テーマのインストールは簡単で、ダウンロード後、/wp-content/themes/ 以下に解凍するだけ。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Web2.0風のストライプ模様の背景画像をWEBで簡単に作れる「Stripemania」:phpspot開発日誌