CS3&WEB2.0風のアイコンを簡単に作成できる「Icon Generator」
TOP > Tool , WebDesign > CS3&WEB2.0風のアイコンを簡単に作成できる「Icon Generator」 CS3のグラデーションの掛かった四角に白抜きというシンプルなアイコンやWEB2.0風のバッジアイコンをを簡単に再現してくれるのが今回紹介する「Icon Generator」です。 photoshopでもシンプルなので簡単に作れますが、「Icon Generator」を使えば文字と色を決めるだけで、アイコンを作ることができます。試しに当サイトの姉妹サイト「Designworks」の頭文字とサイトカラーでCS3風アイコンを生成してみました。 詳しくは以下 DWで制作したアイコン 利用方法は至って簡単で、まずはアイコンに入る文字列を入力します。日本語は通らず、最大4文字まで入力することができます。文字が決まったら次は色を決めます。Bg colorからカラー
RoundedCornr: Rounded Corner and Gradient Generator
Howdy! Welcome to our vaping tribe. We are a group of American Indians who take a keek interest in vaping. For many years, our people have suffered under the harmful health effects of tobacco cigarettes. We are now pushing for everyone to start vaping, as some studies have shown that it is slightly less dangerous than tobacco itself. Our tribe recognizes that not all vaping manufacturers are creat
『Dezinerfolio流』自動的に横幅を調節してくれるCSSタブメニューの作り方*ホームページを作る人のネタ帳
いつも購読している海外のブログ記事ですが、図つきでわかりやすく紹介されています。 こういうのは過去にもいくつか見た事がありますので『Dezinerfolio流』と名づけておきます。 ようするにCSSタブメニューの横幅を、中に書かれたテキストによって、自動的に幅を調整すると言うもの。 タブメニューは結構使うようになってきたので覚えておいて損はないですよね。 もうタブの画像生成に悩まない 実際タブメニューは結構使いますので、これでひとつまた作業が楽になります。 タブの画像も、海外では無数に配布されていたり、生成できたりしますので、利用頻度は高いかと。 サンプルはこちら 図つきのため本当にわかりやすくなっています。 ソースコードはエントリに書かれていますので、そちらを参考にしてください。 Creating Liquid CSS Tabs for Menus もしもタブを作るのがそもそも面倒なら・
Sanscons ? SOME RANDOM DUDE
This Week’s Weekly Links of the Week - Week 13 Aug13 abbr tag, acronym tag, adsense, AJAX, am deadlink, art, bully, bush, democracy, earthquake, flickr, flickrstorm, ford, gas, global warming, google, javascript, john powers, military themepark, online privacy, photo fraud, photorealism, programming, reuters, rockstar, semantics, topix, tripod, tsunami, tv, video, video games web design This week’
Web2.0デザインのオンラインジェネレータ13選『13 Online Generators for Web 2.0 Design』 | CREAMU
Web Web2.0デザインのオンラインジェネレータ13選『13 Online Generators for Web 2.0 Design』 Web2.0風のデザインを簡単に作りたい。 そんなあなたにおすすめなのが、『13 Online Generators for Web 2.0 Design』。Web2.0デザインのオンラインジェネレータ13選だ。 その中のいくつかをご紹介。 » Web 2.0 Badges Web2.0風のバッヂを作成 » http://www.roundedcornr.com/ 角丸を作成できるジェネレータ » http://web2.0stylr.com/stylr.aspx Web2.0風のロゴジェネレータ » http://lab.rails2u.com/bgmaker/ 背景画像のジェネレータ 詳しくは以下から。 » 13 Online Generator
Web2.0風デザインのための秀逸チュートリアル68選 | S i M P L E * S i M P L E
こ、これはかなり使えます・・・。 が、とっても紹介が難しいのでさらりと。今回は実験的なエントリーとして画像一切なしで。 『Web2.0風デザインのためのチュートリアル68選』です。 » Web 2.0 Webdesign-Tutorials | Dr. Web Weblog 以下の7つのカテゴリーにわかれています。 サイトをこれから作るぞー、という人には大いに参考になる素晴らしきチュートリアルかと思います。 ビジュアル効果系（1～11） ロゴ系（12～25） テキスト（26～33）系 バッジ系（34～39） ボタン系（40～46） レイアウト系（47～60） Web2.0まとめ系（61～68） 個人的には1、2、12、13、40、41あたりが好きですね。今後使えそう。 しかし、こういう海外サイトのまとめをまとめとして紹介するのは難しいですよね・・・。そのまま紹介するのも「どうなの、それ？」
jmblog.jp - 角丸にチャレンジ - GIF画像＋CSS編
もはや「Web2.0デザイン」といえば外すことが出来ない角丸（Rounded Corners）。実現させるにはいろいろな方法がありますが、今回は CSSで角をもっと丸くする方法いろいろ - GIGAZINE で紹介されている方法にチャレンジしてみました。 » More Rounded Corners with CSS - Schillmania.com まずは、利用する角丸の画像を作成。Fireworks でやってみます。 角丸矩形で横幅が1600pxぐらいの角丸矩形を描画します。 スライスツールを使って以下のように6つのスライスを作成します。 [最適化]パネルで書き出すファイル形式を「GIF」にして、書き出しを実行します。すると、6つのGIFファイルが作成されます。 これで画像の用意ができました。次に HTML と CSS です。
PhotoShop用Web2.0グラデーションスタイル「Ultimate Web 2.0 Gradients ver3」:phpspot開発日誌
PhotoShop用Web2.0グラデーションスタイル「Ultimate Web 2.0 Gradients ver3」 2008年03月11日- Deziner FolioBlog Archive Ultimate Web 2.0 Gradients - FREE Download Gradients are one of the most important aspects to be considered while designing a Web 2.0 Site. PhotoShop用Web2.0グラデーションスタイル「Ultimate Web 2.0 Gradients ver3」。 レイヤースタイルではなく、グラデーションスタイルとして配布されるので、レイヤー効果に組み合わせたり、グラデーションツールから利用したり出来ます。 ↓アップル風のボタンを一瞬で作れちゃいました。 デ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
UtopTens
Vector Magic Precision Bitmap To Vector Conversion Online
Free Website Icons
http://youmos.com/news/stripegenerator