ButtonBoost - The Button Generator クールなボタン画像をジェネレートできる「The Button Generator」。 ボタンのテキスト、色、フォントスタイル、アイコンスタイルなどを指定した後、ページ中央から下の「Render as PNG」ボタンを押すことでボタンをジェネレートできます。 大量のボタンテンプレートがあって、様々なボタンをジェネレートできますね。 サイト作りに役立てられそうです。
ButtonBoost - The Button Generator クールなボタン画像をジェネレートできる「The Button Generator」。 ボタンのテキスト、色、フォントスタイル、アイコンスタイルなどを指定した後、ページ中央から下の「Render as PNG」ボタンを押すことでボタンをジェネレートできます。 大量のボタンテンプレートがあって、様々なボタンをジェネレートできますね。 サイト作りに役立てられそうです。
39 Photoshop Button Tutorials You Should Have in Your Arsenal > Design Vitality Your website navigation plays an integral role in keeping your site easy to use and navigate. PhotoShopで美しいボタンを作るチュートリアル39個。 次のような美しいボタンをPhotoShopで作成するチュートリアル集が公開されています。 IRIS Design: Web 2.0 Style Photoshop Button Tutorial BlogWatts: A Different Stlye of Web 2.0 Buttons AvivaDirectory: Windows Vista Style Nav Bar Butto
Worth1000.com | Photoshop Contests | Are you Worthy| tutorial It doesn't really have any properties other than reflectiveness, which makes it a real challenge to represent in a photographic image. サクランボをメタリックに合成するPhotoShopチュートリアルが公開されています。 サクランボをメタリックにしただけですが、非常に面白い画像ですね。 応用していろんなものをメタリックに出来そう。 関連エントリ PhotoShopで美しいボタンを作るチュートリアル39個 PhotoShopで輝く美しい球体を作成するチュートリアル 風景画像をCDジャケット風の超クール画像にするPhotoShopチュートリ
Inset Buttons : Photoshop Tutorials -- Absolute Cross Firstly, you are going to need an interface or panel that you want to add your buttons to. 立体的でつい押したくなるボタン画像を作成するPhotoShopチュートリアル レイヤースタイル等を駆使し、次のようなつい押してしまいそうなボタンを作成するチュートリアルです。 グラデーションやレイヤースタイルを駆使することで、絵は描けなくとも上記のようなパーツを作成することは簡単です。 WEBのインタフェースなどに応用できそうですね。 関連エントリ PhotoShopで美しいボタンを作るチュートリアル39個 スライムのような質感のWeb2.0風ロゴを作成するPhotoShopチュートリアル 硬い金属のよう
Nvu - The Complete Web Authoring System for Linux, Macintosh and Windows Finally! A complete Web Authoring System for Linux desktop users as well as Microsoft Windows and Macintosh users to rival programs like FrontPage and Dreamweaver. フリーで使えるDreamWeaver風HTMLエディタ「Nvu」。 WYSIWYGで編集でき、HTML Tags、Source、プレビューのタブなんかもあり。 CSSエディタ機能、HTMLバリデータとの連携、独自拡張の追加機能などもあり。 使いやすいHTMLエディタはないか?という方は是非試して頂きたいソフトです。
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. 赤色を上手に使った美しい機能的なサイトx10。 とても赤を上手に使ったサイトが10サイト紹介されています。 Crimson Fox Creative Studios I Love To Complain Regines Patisserie Helldesign Breeden YMCA 続きを見る 非情に美しいレイアウトと色合いで魅せられてしまいます。 サイト作りの参考にでき
Image Menu クールにスライドするメニューを作成するJavaScriptライブラリ「Image Menu」。 メニューにカーソルを合わせると、カーソル部分がアニメーションしながら開くメニューを実装できます。。 画像を変えれば、よりクールなメニューを作れそうですね。 必要なJSライブラリ,CSSをインクルードした後、次のようなコードで簡単に初期化できる模様。 <h2>Example:</h2> <div id="kwick"> <ul class="kwicks"> <li class="kwick opt1"><span>Lanscapes</span></li> <li class="kwick opt2"><span>People</span></li> <li class="kwick opt3"><span>Nature</span></li> <li class="kwi
Great Design: Creating A Lens Flare With The Wordpress Logo- Photoshop I was busy stumbling across the internet and I came across this site. WordPressのロゴを美しく輝かせるPhotoShopチュートリアル。 次のように、素のWordPressロゴを輝くロゴに加工していくチュートリアルです。 すごく美しくなりました。応用して、自分のサイトのロゴなんかを輝かせてみてはいかがでしょうか? 関連エントリ Photoshopで輝くグラス風文字を作成するチュートリアル PhotoShopでWeb2.0風な光沢あるロゴを作るためのチュートリアル
FireFTP - The Free FTP Client for Mozilla Firefox FireFTP is a free, secure, cross-platform FTP client for Mozilla Firefox which provides easy and intuitive access to FTP servers.FireFoxにFTPクライアント機能を実装する拡張「FireFTP」。 インストールすると「ツール」→「FireFTP」にて起動できます。 起動すると次のようにタブでFireFTPが起動。 普通のFTPクライアントソフト同様、便利に使うことが出来ます。 FTPとFireFoxをよく使う人には便利な拡張となってます。
A CSS styled calendar | Veerle's blog Many times I’ve been asked how I created my calendar, or asked me if they could use the code etc. That’s why I thought it might be interesting to write an article on how to create such calendar. CSSで美しくデザインされたカレンダーのCSSサンプル。 CSSで次のように美しくスタイルされたCSSサンプルが公開されています。 カレンダーのデザインって微妙に難しいのですが、このデザインはシンプルだけど綺麗にまとまっていて美しいですね。 カレンダー部分のデザインの参考にできそう。 あと、こちらのサイトでは、いろんなサイトのデザイ
MOONGIFT: 実IE7ユーザ必須のアドオン「IE7Pro」:オープンソースを毎日紹介 IE7は殆ど使った事がない。メインブラウザがFirefoxなので、使う必然性がなかったからだ。だが、今回紹介する「IE7Pro」を使うためにインストールしてみると、なかなか便利なことが分かった。 IE7ユーザに便利な「IE7Pro」。 IE7の機能を拡張するもので、具体的には次のような機能が使えるようです。 マウスジェスチャ クラッシュリカバリ 広告ブロッカー アドレスバーから検索 プラグインにも対応していてユーザスクリプトの追加も可能だそう。 IEも、FireFox のように容易に拡張が出来た方が良いのではと思っていましたが、こういうものが出てきましたね。 これは、Microsoft 公式の機能として実装されて欲しいですね。
NYOKIGLITTER - Tab Styled Accordion アニメーションする面白いタブUI実装JSライブラリ「Tab Styled Accordion」。 タブをクリックするとアコーディオン風にアニメーションしながらタブが切り替わります。 クリックすると驚きのアニメーション効果はこちら 訪問者に驚きの体験を与えたいという方は、一度使ってみましょう。
COSMO-DESIGNS.COM PhotoShopで輝く美しい球体を作成するチュートリアル。 次のような美しい球体を1から作るチュートリアルです。 球体の輝かせ方が非常に参考になります。 これをこなしておけば、物体を輝かせるような画像を作るのに役立てられますね。 ロゴの横なんかに置くと映えそうなオブジェですね。 関連エントリ 風景画像をCDジャケット風の超クール画像にするPhotoShopチュートリアル ゲームのキャラクターをクールに装飾するPhotoShopチュートリアル 映画のタイトルロゴのような非常に美しい光と文字を描画するPhotoShopチュートリアル PhotoShopで7色に輝く美しいパーティクルエフェクトを作成するチュートリアル 壁に落書きをしたようなエフェクトをかけるPhotoShopチュートリアル 燃えさかる炎に包まれたロゴを作るPhotoShopチュートリアル 光
Sizcons - Random Jabber Sizcons is my own little icon set. Sizcons, if you couldn’t tell is a combination of my last name plus the word icons. シンプルで美しく使い勝手のよいフリーアイコン集「Sizcons」。 16x16と12x12のサイズをPNG形式にて配布しています。 サイト作りに役立てることが出来そうですね。 関連エントリ ブログに使えるフリーな超キュートアイコン集「Tiny Little Icons」 フリー&フレッシュなアイコン配布サイト集20+ フリーのアイコンを探す&入手できるサイト集 超クールかつロイヤリティフリーなMacOS Xアイコン集 ロイヤリティフリーなアイコン配布サイトいろいろ
Smartyでテンプレートエンジンの威力を知る(1/3) − @IT 改まったビジネス文書や手紙の作成にはしばしば、テンプレートが利用されます。テンプレートに差出人や相手方の情報を入力するだけで、気の利いた季節のあいさつや丁寧な結びの句を織り交ぜた文書を簡単に作成することができます。 Smartyでテンプレートエンジンの威力を知る、という記事が@ITで公開されています。 まだテンプレートエンジンを使っていないという方は参考に読んでみましょう。 関連エントリ Smarty徹底入門(1) Smarty徹底入門(2):テンプレートにコメントを書く Smarty徹底入門(3):assignした配列を読み込む Smarty徹底入門(4):オブジェクトのメンバを読み込む Smarty徹底入門(5):変数を一気に割り当てる Smarty徹底入門(6):GET/POSTなどの外部パラメータを読み込む Sm
サイトのサイトマップページをCSSとJavaScriptで分かりやすくツリー状にする「Sitemap Styler」 2007年10月11日- Css Globe - Sitemap Styler: Style your Sitemaps with CSS and Javascript I believe that it isn't necessary to point out the benefits of having a sitemap somewhere on your site.サイトのサイトマップページをCSSとJavaScriptで分かりやすくツリー状にする「Sitemap Styler」 スタイルなしの状態のリストを美しくツリー状に整形できます。 JavaScript によってツリーがクリックで開閉できます。 3種類の違うスタイルのサンプルが公開されているのでお好みのサンプ
FreeVectors.net :: Free Vector Graphics Gallery Welcome to FreeVectors.net, an online gallery of free graphics, all in vector format. All the images on this site are free for personal use and most of them for commercial use,多数の商用利用可能なベクター画像が入手できる「FreeVectors.net」。 ベクターということで拡大/縮小を行ってもクオリティが失われないため、様々な場面で活用できそうですね。 画像の投稿も可能のようなので、腕に自信のある方は登録してみてはいかがでしょうか。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く