CSS、javascriptで実現するタブインターフェイス集「30 CSS and Javascript Tabs Solutions」
TOP > WebDesign > CSS、javascriptで実現するタブインターフェイス集「30 CSS and Javascript Tabs Solutions」 数多くの情報をまとめて、限り有るスペースを有効活用することができるタブインターフェイス、情報量の多いサイトで主に利用されていますが、今回紹介するのはCSS、javascriptで実現するタブインターフェイスを集めたエントリー「30 CSS and Javascript Tabs Solutions」です。 Sweet Tabbed Navigation Bar using CSS3 デザイン的に凝ったものから、jQueryやCSS3を使って印象的に見せるものまで、様々なタブインターフェイスが紹介されています。今日はその中から幾つか気になったものをピックアップして紹介したいと思います。 詳しくは以下 ■Sweet
フリーで使えるCSS3のメニュージェネレーター「CSS3 Menu. Free CSS Menu Maker」
TOP > WebDesign > フリーで使えるCSS3のメニュージェネレーター「CSS3 Menu. Free CSS Menu Maker」 本来であればjavascriptやflashを使って画像を準備しないと作れなかった、リッチな表現のナビゲーションですが、CSS3の登場に伴い、かなりの部分が、CSS3のみで表現できるようになってきています。今日紹介するのはCSS3で創られた、表現豊かたCSSメニューが簡単に作れるメニュージェネレーター「CSS3 Menu. Free CSS Menu Maker」。 こちらは、上記のようなナビゲーションメニューがフリーでダウンロードすることができます。基本的にはjavascriptは一切使われておらず、テキストで構成されるため、SEOにも優しい作りとなっています。 詳しくは以下 ソフトウェアはwindows,Mac両OSに対応しており、
WEBデザイナーという肩書きを使う場合にあったらいいかもなスキルとWEBで見れる無料教材とリソース集:phpspot開発日誌
WEBデザイナーという肩書きを使う場合にあったらいいかもなスキルとWEBで見れる無料教材とリソース集 2009年03月23日- WEBデザイナーという肩書きを使う場合にあったらいいかもなスキルとWEBで見れる無料教材とリソース集。 プログラマが１ヶ月でWEBデザイナーに転身する方法 というエントリを見て、プログラマの方々のWEBデザインに関する関心の高さを見て書いてみます。 WEBデザイナーといっても色々な知識が必要で、かつ、最近はフリーのテンプレートも豊富にある中、どれだけ出来ればWEBデザイナーとして成り立つのだろう？という疑問がありましたので考えてみました。プログラマの方で、WEBデザインをやってみたい。また、全くの素人だけどWEBデザイナーを仕事にされたいという方の参考になれば幸いです。 最低限の知識編 1. HTMLとレイアウト力 まず、知っている人には物凄く当たり前の事ですが、
無料アイコン100パック2009年版*ホームページを作る人のネタ帳
アイコンまとめ祭り。 今回は量も量なので画像は小さめ、クリックすると拡大方式を使っています。 ※無料ダウンロード可能なハイクオリティアイコン総まとめ2013年版にて、最新の無料アイコンをご紹介しています。 無料アイコン １～１０ Free Icon Pack: Web Injection - Tutorial9 システムアイコンやRSSアイコンなどの詰め合わせ。 タグがいい感じすぎる。 mfayaz's Art Blog: FreeHand_ColorStroked icon pack オープンソースで出来たもの系のアイコン集。しかも手書き風。 IconTexto: Drink Web 2.0 各種ソーシャルサービスを空き缶アイコンにしたもの。 Freebies Aggregator: Vector Social Media Icons わざとダサめのアイコンに仕上げてある感じがいい。 H
洗練されたデザインのサイトでよく使用されているテクスチャ：グレイン
最近よく見かける、ソフトなグラデーションが映えるテクスチャ：グレインを効果的に使用したサイトをabduzeedoから紹介します。
これは素晴らしいアートが詰まった２４の絵文字フォント色々:phpspot開発日誌
これは素晴らしいアートが詰まった２４の絵文字フォント色々。 次のようなシンボルフォントが公開されています。フォントとして手軽に使えるベクターデータとしてデザイナーの方は重宝しそうです。 特に、次の Efon はカワいいアイコンが収録されており、サイトに入れるとなかなかいい感じになりそうですね。 他にも以下のような汎用性の高いグラフィックが収録されたフォントが紹介されています。 植物のフォント YahooとかIBMとかVisaとか誰もが見たことあるようなロゴのフォント 動物のフォント。こちらも色々と使えそうですね。 町並みを表現したフォント。フォントにしたことで、オリジナルの街が作れるところがいいアイデアです。 人型のフォント。 「これは絶対覚えておいた方がよいシルエットの素材集」にて紹介したデータもよいですが、フォントになっているのも手軽に使えそうでよいですね。 各々のリンク先は以下を参照
すごく良い感じの英文フォントいろいろ:phpspot開発日誌
35 Free Fonts to Enhance Your Designs | Fonts | instantShift すごく良い感じの英文フォントいろいろが紹介されていたので一部ご紹介。 フォントに関しては、いくら紹介してもしきれないほどのフォントが存在し、日々生まれていますね。 Sketch Rockwell このスケッチ感、すばらしいですね。手書き風のかわいいデザインに使えそう Quicksand すっきりしていて綺麗なフォント。汎用に使えそうです。 Sansation こちらもスッキリして読みやすい綺麗なフォント。 Evolution True Type どこかで見たようなちょっと個性の強いフォント。 全部見る ますます、私のディスクを圧迫しそうです。 関連エントリ フリーフォント大量配布/紹介サイトいろいろ 萌え系フォントのまとめ 美しいフリーフォント45セット 女性の書いたよ
立体的にクールにデザインされたWEBレイアウトのPSD:phpspot開発日誌
Creative 3D Layout 立体的にクールにデザインされたWEBレイアウトのPSDが配布されています。 次のような平面と思いきやヘッダーのナビゲーションにアイコンを並べて立体的にしたデザインがPSDファイルでダウンロード可能です 単にアイコンでナビゲーションするだけではなく立体的にしてわかりやすくなってますね。 綺麗にレイヤーごとに分かれています。 関連エントリ プロレベルのPhotoshopチュートリアル集 2009年の凄いPhotoshopチュートリアル100種 ボタン作成のPhotoshopチュートリアル集
高級感のあるクールな3Dテキストを作成するPhotoshopチュートリアル:phpspot開発日誌
How to Create High Quality Metal 3D Text in Photoshop - PSDTUTS 高級感のあるクールな3Dテキストを作成するPhotoshopチュートリアル。 次のようにカッコいい３Ｄテキストを作成するチュートリアルです。 きちんと立体感が出せていて参考にできそうですね。 関連エントリ プロレベルのサイト作成時に使える実用Photoshopチュートリアル集 2008年、使えるPhotoshopテキストエフェクトチュートリアル集 PhotoShopで美しいボタンを作るチュートリアル39個 プロレベルのPhotoshopチュートリアル集 ド迫力の３Ｄテキストを作成するPhotoshopチュートリアル
テキストをかっこよく魅せるPhotoshopのチュートリアル集：Part 8 | コリス
テキストにグラデーション・カラフル・フローラル・ポップ・ステッチ・メタル・ペイント・プラスチック・レトロなどのエフェクトを使用したPhotoshopのチュートリアルの紹介です。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
和風デザインでカッコいいサイトのまとめ：その２ at 和の暮らしを楽しむブログ -瑠璃色Tradition-