(・ω・)ノさんのタグ「web design」についてのクリップ一覧｜@nifty クリップ

(・ω・)ノさんのタグ「web design」についてのクリップ一覧｜@nifty クリップ http://clip.nifty.com/users/worldend (・ω・)ノさんのタグ「web design」についてのクリップ一覧いまからでも遅くない！ケータイデザインの基礎固め（1/2） - ＠IT http://clip.nifty.com/entry?url=http%3A%2F%2Fwww.atmarkit.co.jp%2Ffwcr%2Fdesign%2Ftool%2Fichigeki06%2F01.html&title=%E3%81%84%E3%81%BE%E3%81%8B%E3%82%89%E3%81%A7%E3%82%82%E9%81%85%E3%81%8F%E3%81%AA%E3%81%84%EF%BC%81%20%E3%82%B1%E3%83%BC%E3%82%BF%E3%82%A4%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%81%AE%E5%9F%BA%E7%A4%8E%E5%9B%BA%E3%82%81%EF%BC%881%2F2%EF%BC%89%20-%20%EF%BC%A0IT

続きを読む

続きを読む

クリップへ追加する

]]> http://www.atmarkit.co.jp/fwcr/design/tool/ichigeki06/01.html 1546557 (・ω・)ノ 2009-09-03T02:36:21Z 携帯 web design 第4回　ケータイ公式サイト&ダウンロードサイトのユーザビリティ6つのポイント | Web担当者Forum http://clip.nifty.com/entry?url=http%3A%2F%2Fweb-tan.forum.impressrd.jp%2Fe%2F2009%2F05%2F07%2F5459&title=%E7%AC%AC4%E5%9B%9E%E3%80%80%E3%82%B1%E3%83%BC%E3%82%BF%E3%82%A4%E5%85%AC%E5%BC%8F%E3%82%B5%E3%82%A4%E3%83%88%26%E3%83%80%E3%82%A6%E3%83%B3%E3%83%AD%E3%83%BC%E3%83%89%E3%82%B5%E3%82%A4%E3%83%88%E3%81%AE%E3%83%A6%E3%83%BC%E3%82%B6%E3%83%93%E3%83%AA%E3%83%86%E3%82%A36%E3%81%A4%E3%81%AE%E3%83%9D%E3%82%A4%E3%83%B3%E3%83%88%20%7C%20Web%E6%8B%85%E5%BD%93%E8%80%85Forum

続きを読む

続きを読む

クリップへ追加する

]]> http://web-tan.forum.impressrd.jp/e/2009/05/07/5459 887957 (・ω・)ノ 2009-05-13T11:23:00Z web design 携帯コンテンツウェブサイトの設計図ワイヤーフレームを活用しよう | DesignWalker http://clip.nifty.com/entry?url=http%3A%2F%2Fwww.designwalker.com%2F2009%2F04%2Fwireframe-2.html&title=%E3%82%A6%E3%82%A7%E3%83%96%E3%82%B5%E3%82%A4%E3%83%88%E3%81%AE%E8%A8%AD%E8%A8%88%E5%9B%B3%20%E3%83%AF%E3%82%A4%E3%83%A4%E3%83%BC%E3%83%95%E3%83%AC%E3%83%BC%E3%83%A0%E3%82%92%E6%B4%BB%E7%94%A8%E3%81%97%E3%82%88%E3%81%86%20%7C%20DesignWalker ウェブサイトを構築する際にワイヤーフレーム（骨組み）からしっかり作り込んでおくとデザインの作業もスムーズに進めることができます。また、クライアントに提示するプレゼンテーションとしても利用できるので、ワイヤーフレームを作って、要素の抜けや動作の矛盾などをなるべく最小限にすることができるのではないでしょうか。今回は、ウェブサイトの設計図とも言える、ワイヤーフレームについていろいろとまとめてみました。以前にこのブログでご紹介した『ウェブの画面設計に使えるまとめ』もあわせてどうぞ〜。I ♥ wireframesワイヤーフレームがどんどんアップされています。とても参考になります。The Fine Art of Wireframes まるで漫画のような仕上がりの手描きのワイヤーフレーム。The Paper Version of the Webこちらも手描きのワイヤーフレームがいくつかまとめられております。Download a Stencil Kitワイヤーフレームを作成する際によく使われる要素があらかじめ用意されている便利なツール。Web Browser Elementsブラウザごとに、ボタンやチェックボックス、ラジオボ...

続きを読む

続きを読む

クリップへ追加する

]]> http://www.designwalker.com/2009/04/wireframe-2.html 846330 (・ω・)ノ 2009-04-23T07:32:07Z web design 真似からはじめるウェブデザイン | DesignWalker http://clip.nifty.com/entry?url=http%3A%2F%2Fwww.designwalker.com%2F2009%2F02%2Fclone-webdesign.html&title=%E7%9C%9F%E4%BC%BC%E3%81%8B%E3%82%89%E3%81%AF%E3%81%98%E3%82%81%E3%82%8B%E3%82%A6%E3%82%A7%E3%83%96%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%20%7C%20DesignWalker

続きを読む

続きを読む

クリップへ追加する

]]> http://www.designwalker.com/2009/02/clone-webdesign.html 693575 (・ω・)ノ 2009-02-16T08:45:18Z web design webサイト作成時にサイトカラーを決められない人の為のwebサービスいくつか*ホームページを作る人のネタ帳 http://clip.nifty.com/entry?url=http%3A%2F%2Fe0166.blog89.fc2.com%2Fblog-entry-515.html&title=web%E3%82%B5%E3%82%A4%E3%83%88%E4%BD%9C%E6%88%90%E6%99%82%E3%81%AB%E3%82%B5%E3%82%A4%E3%83%88%E3%82%AB%E3%83%A9%E3%83%BC%E3%82%92%E6%B1%BA%E3%82%81%E3%82%89%E3%82%8C%E3%81%AA%E3%81%84%E4%BA%BA%E3%81%AE%E7%82%BA%E3%81%AEweb%E3%82%B5%E3%83%BC%E3%83%93%E3%82%B9%E3%81%84%E3%81%8F%E3%81%A4%E3%81%8B*%E3%83%9B%E3%83%BC%E3%83%A0%E3%83%9A%E3%83%BC%E3%82%B8%E3%82%92%E4%BD%9C%E3%82%8B%E4%BA%BA%E3%81%AE%E3%83%8D%E3%82%BF%E5%B8%B3
webサイトを作成するときに、どうしてもサイト全体の色を決められないという人の為のエントリ。

本当は少し濃いオレンジ系が食べ物屋に向いているとか、薄いグレーが高級感や落ち着きを出すようなページだとか、清潔感のあるイメージを作る為には黒を背景にしては駄目とかというお話を先にしたほうが良いかもしれないのですが、そんなのにとらわれてもしょうがない気もするので、気にせずいきましょう。

続きを読む

続きを読む

クリップへ追加する

]]> http://e0166.blog89.fc2.com/blog-entry-515.html 408238 (・ω・)ノ 2008-07-25T06:38:03Z color web design Webデザインとグラフィックの総合情報サイト - MdN Interactive - WEBの完成度を高める76の正攻法 http://clip.nifty.com/entry?url=http%3A%2F%2Fwww.mdn.co.jp%2Fcontent%2Fview%2F6275%2F&title=Web%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%81%A8%E3%82%B0%E3%83%A9%E3%83%95%E3%82%A3%E3%83%83%E3%82%AF%E3%81%AE%E7%B7%8F%E5%90%88%E6%83%85%E5%A0%B1%E3%82%B5%E3%82%A4%E3%83%88%20-%20MdN%20Interactive%20-%20WEB%E3%81%AE%E5%AE%8C%E6%88%90%E5%BA%A6%E3%82%92%E9%AB%98%E3%82%81%E3%82%8B76%E3%81%AE%E6%AD%A3%E6%94%BB%E6%B3%95

Web制作の現場では、さまざまなセオリー・考え方が要求される。筋道の通ったセオリーや理論を理解して実践することは、Webのクオリティを高めるうえでは正攻法といえるだろう。ここではセオリーや考え方などにポイントを絞り、根拠と実践への活用法を紹介していく。知らなかった内容はもちろん、あいまいに理解していた内容もきちんと理解して、Webの完成度を高めてほしい。

［INDEX］

THINKING
01 黄金比を意識してレイアウトする REASON
→ 人間がもっとも美しいと感じるプロポーションを
把握し、Web制作に応用する。 ...

続きを読む

続きを読む

クリップへ追加する

]]> http://www.mdn.co.jp/content/view/6275/ 386919 (・ω・)ノ 2008-07-07T07:50:08Z web design わりとシンプルで使いやすそうなCSSレイアウトのコード12選 | IDEA*IDEA http://clip.nifty.com/entry?url=http%3A%2F%2Fwww.ideaxidea.com%2Farchives%2F2008%2F06%2Fcss12_1.html&title=%E3%82%8F%E3%82%8A%E3%81%A8%E3%82%B7%E3%83%B3%E3%83%97%E3%83%AB%E3%81%A7%E4%BD%BF%E3%81%84%E3%82%84%E3%81%99%E3%81%9D%E3%81%86%E3%81%AACSS%E3%83%AC%E3%82%A4%E3%82%A2%E3%82%A6%E3%83%88%E3%81%AE%E3%82%B3%E3%83%BC%E3%83%8912%E9%81%B8%20%7C%20IDEA*IDEA
↑ こんな感じで12種類用意されています。
こうしたコードは必要最小限のサンプルがあればいいですよね。ここを起点にして個々人でカスタマイズしていくのが吉かと。CSSのバグ回避方法の勉強にもいいですね（CSSのバグというか、ブラウザのバグか）。よろしければどうぞ。
» CSS Layout Cheats | EMBRACE YOUR VICE (TM) | DESIGN FOR LIFE
■ 関連記事

IE7もサポートしているCSSレイアウトがダウンロードし放題の『CSS Layouts』 | POP*POP

続きを読む

続きを読む

クリップへ追加する

]]> http://www.ideaxidea.com/archives/2008/06/css12_1.html 376011 (・ω・)ノ 2008-06-27T10:04:35Z css web design ウェブの画面設計に使えるまとめ - DesignWalker http://clip.nifty.com/entry?url=http%3A%2F%2Fwww.designwalker.com%2F2008%2F05%2Fwireframe.html&title=%E3%82%A6%E3%82%A7%E3%83%96%E3%81%AE%E7%94%BB%E9%9D%A2%E8%A8%AD%E8%A8%88%E3%81%AB%E4%BD%BF%E3%81%88%E3%82%8B%E3%81%BE%E3%81%A8%E3%82%81%20-%20DesignWalker
きれいなフォーム要素などが用意されています。

こちらはウインドウのプリセット。PowerPointで作ったとは思えないくらいとってもきれいに作られていますね。

Tools - Information Architecture Instituteこちらは、いろいろなタイプのツールがVisioやPDF、PowerPointなどで用意されてます。試しにCavazzaWireframe.pptというファイルを開いてみました。フォームの部分などそのまま使えそうな感じで...

続きを読む

続きを読む

クリップへ追加する

]]> http://www.designwalker.com/2008/05/wireframe.html 352915 (・ω・)ノ 2008-06-04T08:29:31Z web design web制作今webサイトは幅何pxで製作されているのか | Liquid Paper Clips http://clip.nifty.com/entry?url=http%3A%2F%2Flpclips.net%2F2008%2F04%2Fpost_58.html&title=%E4%BB%8Aweb%E3%82%B5%E3%82%A4%E3%83%88%E3%81%AF%E5%B9%85%E4%BD%95px%E3%81%A7%E8%A3%BD%E4%BD%9C%E3%81%95%E3%82%8C%E3%81%A6%E3%81%84%E3%82%8B%E3%81%AE%E3%81%8B%20%7C%20Liquid%20Paper%20Clips

続きを読む

続きを読む

クリップへ追加する

]]> http://lpclips.net/2008/04/post_58.html 318367 (・ω・)ノ 2008-04-30T09:24:11Z web design 40分でできるホームページ診断～最低限クリアしたい40項目のチェックシート | Web担当者Forum http://clip.nifty.com/entry?url=http%3A%2F%2Fweb-tan.forum.impressrd.jp%2Fe%2F2008%2F03%2F17%2F2549&title=40%E5%88%86%E3%81%A7%E3%81%A7%E3%81%8D%E3%82%8B%E3%83%9B%E3%83%BC%E3%83%A0%E3%83%9A%E3%83%BC%E3%82%B8%E8%A8%BA%E6%96%AD%20%EF%BD%9E%E6%9C%80%E4%BD%8E%E9%99%90%E3%82%AF%E3%83%AA%E3%82%A2%E3%81%97%E3%81%9F%E3%81%8440%E9%A0%85%E7%9B%AE%E3%81%AE%E3%83%81%E3%82%A7%E3%83%83%E3%82%AF%E3%82%B7%E3%83%BC%E3%83%88%20%7C%20Web%E6%8B%85%E5%BD%93%E8%80%85Forum

続きを読む

続きを読む

クリップへ追加する

]]> http://web-tan.forum.impressrd.jp/e/2008/03/17/2549 292968 (・ω・)ノ 2008-03-25T05:17:08Z web design WEB色見本原色大辞典 http://clip.nifty.com/entry?url=http%3A%2F%2Fwww.colordic.org%2F&title=WEB%E8%89%B2%E8%A6%8B%E6%9C%AC%20%E5%8E%9F%E8%89%B2%E5%A4%A7%E8%BE%9E%E5%85%B8 #000000aliceblue
#f0f8ffdarkcyan
#008b8blightyellow
#ffffe0coral
#ff7f50dimgray
#696969lavender
#e6e6fateal
#008080lightgoldenrodyellow
#fafad2tomato
#ff6347gray
#808080lightsteelblue
#b0c4dedarkslategray
#2f4f4flemonchiffon
#fffacdorangered
#ff4500darkgray
#a9a9a9lightslategray
#778899darkgreen
#006400wheat
#f5deb3red
#ff0000silver
#c0c0c0slategray
#708090green
#008000burlywoo...

続きを読む

続きを読む

クリップへ追加する

]]> http://www.colordic.org/ 30060 (・ω・)ノ 2008-03-17T11:50:51Z color web design デザイン素材.com 【無料Web素材・イラストアイコン・ライセンスフリー・商用利用可】 http://clip.nifty.com/entry?url=http%3A%2F%2Fdesignsozai.com%2F&title=%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E7%B4%A0%E6%9D%90.com%20%E3%80%90%E7%84%A1%E6%96%99Web%E7%B4%A0%E6%9D%90%E3%83%BB%E3%82%A4%E3%83%A9%E3%82%B9%E3%83%88%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3%E3%83%BB%E3%83%A9%E3%82%A4%E3%82%BB%E3%83%B3%E3%82%B9%E3%83%95%E3%83%AA%E3%83%BC%E3%83%BB%E5%95%86%E7%94%A8%E5%88%A9%E7%94%A8%E5%8F%AF%E3%80%91

続きを読む

続きを読む

クリップへ追加する

]]> http://designsozai.com/ 264421 (・ω・)ノ 2008-02-14T02:58:17Z web design icon 素材フリー写真素材 Futta.NET http://clip.nifty.com/entry?url=http%3A%2F%2Fwww.futta.net%2F&title=%E3%83%95%E3%83%AA%E3%83%BC%E5%86%99%E7%9C%9F%E7%B4%A0%E6%9D%90%20Futta.NET ANDOR マーク順ID順タイトル順無料の写真素材集海外旅行等で撮影された写真素材を無料で配布しています。
風景の写真素材がメインで、「自然風景(空・海・花・植物)、外国の世界遺産、東京・沖縄の風景」等があります。
高解像度の写真が多く、「ホームページやブログ等のWeb、DTP印刷用、デスクトップ壁紙」等のあらゆるシーンにご利用いただけます。当サイトは「Yahooのホームページ素材>写真カテゴリと壁紙カテゴリ」に掲載されています。
当サイトの画像は「キー局のテレビ番組、全国販売の新聞・雑誌、文化庁Web、有名ゲーム機用ソフト」等でご利用いただいております。ご利用について無料素材として基本的に自由にご利用いただけます。
著作権フリーに相当し、基本的に「リンク不要(フリーウェア)、加工自由、商用可、印刷可」です。
詳細は利用規定をご覧下さい。無料壁紙として完全に自由にご利用いただけます。『利用規定』をご確認いただく必要はございません。
壁紙をカレンダーにしたい方には、@START! 壁紙館の『カレンダー』というコンテンツがお薦...

続きを読む

続きを読む

クリップへ追加する

]]> http://www.futta.net/ 262480 (・ω・)ノ 2008-02-12T06:21:44Z web design 素材写真素材・無料素材サイト PHOTO ST（フォトストリート） http://clip.nifty.com/entry?url=http%3A%2F%2Fwww.photost.jp%2Findex.php&title=%E5%86%99%E7%9C%9F%E7%B4%A0%E6%9D%90%E3%83%BB%E7%84%A1%E6%96%99%E7%B4%A0%E6%9D%90%E3%82%B5%E3%82%A4%E3%83%88%20PHOTO%20ST%EF%BC%88%E3%83%95%E3%82%A9%E3%83%88%E3%82%B9%E3%83%88%E3%83%AA%E3%83%BC%E3%83%88%EF%BC%89

フォトストリートトップ
ようこそ、ゲストさん全カテゴリ動物犬、イヌ猫、ネコ鳥昆虫魚小動物は虫類、両生類その他の動物自然・風景青空、雲朝日、夕日海、砂浜山、森、林川、池、湖畑、田んぼ月、星街・建造物ビル、都市公園寺、神社、史跡街並み、道住宅花・植物桜花観葉植物葉、草樹木季節春夏秋冬行事・伝統日本、和正月、大晦日祭り、イベントクリスマス交通・乗り物自動車バイク、自転車鉄道、駅旅客機、空港その他の航空機船舶、ヨットボート、カヌー日常・暮らしビジネスライフスタイルインテリア雑貨グルメ料理食材フルーツスポーツ球技陸上競技アウトドア格闘技モータースポーツウォータースポーツウィンタースポーツ素材・テクスチャ白、灰色系赤色系青色系黄色系緑色系茶色系水、水面工業、金属縦画像/横画像/すべて縦画像横画像動物 (310) 鳥 (145) 猫、ネコ (73) 犬、イヌ (23)自然・風...

続きを読む

続きを読む

クリップへ追加する

]]> http://www.photost.jp/index.php 257875 (・ω・)ノ 2008-02-08T06:54:28Z web design 素材著作権フリー写真素材集たいしたことないもの http://clip.nifty.com/entry?url=http%3A%2F%2Fwww.nageyari.net%2Fphoto%2F&title=%E8%91%97%E4%BD%9C%E6%A8%A9%E3%83%95%E3%83%AA%E3%83%BC%E5%86%99%E7%9C%9F%E7%B4%A0%E6%9D%90%E9%9B%86%20%E3%81%9F%E3%81%84%E3%81%97%E3%81%9F%E3%81%93%E3%81%A8%E3%81%AA%E3%81%84%E3%82%82%E3%81%AE 商用利用、印刷利用等その他ご相談承ります。Last Update:2007/12/16久しぶりの更新となりました。
毎年恒例イルミネーションです(・∀・)
今後とも当サイトをよろしくお願いいたしますm(_ _)m

□本日の追加素材：以下15点（光：15点）
Copyright(c)Mayuzo,All Rights Reserved.コンテンツご利用方法(1)写真素材(ALL)(765)水(103)光(139)風景(74)海(49)植物(243)動物(35)建物(20)その他(102)お問い合わせinfo■nageyari.net(■=@)

Syndicate this site (XML)Powered by
Movable Type 3.33-ja

続きを読む

続きを読む

クリップへ追加する

]]> http://www.nageyari.net/photo/ 256798 (・ω・)ノ 2008-02-07T02:55:24Z web design 素材 DebugBar - IE extension for web developer : DOM inspector, Javascript debugger, HTTP headers viewer, Cookies viewer http://clip.nifty.com/entry?url=http%3A%2F%2Fwww.debugbar.com%2F&title=DebugBar%20-%20IE%20extension%20for%20web%20developer%20%3A%20DOM%20inspector%2C%20Javascript%20debugger%2C%20HTTP%20headers%20viewer%2C%20Cookies%20viewer

続きを読む

続きを読む

クリップへ追加する

]]> http://www.debugbar.com/ 191734 (・ω・)ノ 2008-01-25T09:32:27Z 使えそうなツールシステム開発 web design internet explorer 【連載】セカイ系ウェブツール考 (6) ジェネレータを使ってブログ&Webサイトにアクセントを! | ネット | マイコミジャーナル http://clip.nifty.com/entry?url=http%3A%2F%2Fjournal.mycom.co.jp%2Fseries%2Fwebtool%2F006%2Findex.html&title=%E3%80%90%E9%80%A3%E8%BC%89%E3%80%91%E3%82%BB%E3%82%AB%E3%82%A4%E7%B3%BB%E3%82%A6%E3%82%A7%E3%83%96%E3%83%84%E3%83%BC%E3%83%AB%E8%80%83%20%286%29%20%E3%82%B8%E3%82%A7%E3%83%8D%E3%83%AC%E3%83%BC%E3%82%BF%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%A6%E3%83%96%E3%83%AD%E3%82%B0%26Web%E3%82%B5%E3%82%A4%E3%83%88%E3%81%AB%E3%82%A2%E3%82%AF%E3%82%BB%E3%83%B3%E3%83%88%E3%82%92%21%20%7C%20%E3%83%8D%E3%83%83%E3%83%88%20%7C%20%E3%83%9E%E3%82%A4%E3%82%B3%E3%83%9F%E3%82%B8%E3%83%A3%E3%83%BC%E3%83%8A%E3%83%AB

続きを読む

続きを読む

クリップへ追加する

]]> http://journal.mycom.co.jp/series/webtool/006/index.html 242539 (・ω・)ノ 2008-01-24T05:56:42Z web design 背景パターンいろいろ - DesignWalker http://clip.nifty.com/entry?url=http%3A%2F%2Fwww.designwalker.com%2F2008%2F01%2Fbackground-pattern.html&title=%E8%83%8C%E6%99%AF%E3%83%91%E3%82%BF%E3%83%BC%E3%83%B3%E3%81%84%E3%82%8D%E3%81%84%E3%82%8D%20-%20DesignWalker
背景パターンはいろいろと重宝しそうです。

本日は、これまでご紹介したサイト以外の背景パターン・サイトをいろいろご紹介（なかには有料のものもありますが…）

1. everyday icons Playground

2. Kollermedia.at - The Website of the Freelancer Koller Jürgen » Pattern4u

3. Shizoo - einfach mal Design haben

4. DinPattern

5. Free Photoshop Brushes at Brusheezy!

6. Naked & Angry

7. DROMOSCOPIO . milleseicentopercento . LIBRERIA DI PATTERN

8. Citrus Moon Patterns

9...

続きを読む

続きを読む

クリップへ追加する

]]> http://www.designwalker.com/2008/01/background-pattern.html 242425 (・ω・)ノ 2008-01-24T05:55:40Z web design ちょっと便利なCSS Tips いろいろ - DesignWalker http://clip.nifty.com/entry?url=http%3A%2F%2Fwww.designwalker.com%2F2008%2F01%2Fcss-tips.html&title=%E3%81%A1%E3%82%87%E3%81%A3%E3%81%A8%E4%BE%BF%E5%88%A9%E3%81%AACSS%20Tips%20%E3%81%84%E3%82%8D%E3%81%84%E3%82%8D%20-%20DesignWalker
既に、ご存知のものも多いかもしれませんが・・・

1. Image map for detailed information
FlickrみたいなImageMapが作れます。

2. How to Create Flick Animations with CSS
JavaScriptを使わずに、CSSと画像でアニメーションが作れます。

3. FACE: Faruk's Animated CSS Enhancements
JavaScript と CSSを使って、とってもきれいなアニメーションが作れます。

4. CSS Gradient Text Effect
コリスさんの記事でも紹介されていた、テキストにグラデーション効果をつけるスタイルシートです。

5. css: add a loading icon to your larger images
重たい画像を貼り付けるときは、...

続きを読む

続きを読む

クリップへ追加する

]]> http://www.designwalker.com/2008/01/css-tips.html 237172 (・ω・)ノ 2008-01-24T05:52:55Z css tips web design 賢い発注はウェブサイト制作フローの正しい理解から――よくある4つの悩み事 | Web担当者Forum http://clip.nifty.com/entry?url=http%3A%2F%2Fweb-tan.forum.impressrd.jp%2Fe%2F2008%2F01%2F17%2F2364&title=%E8%B3%A2%E3%81%84%E7%99%BA%E6%B3%A8%E3%81%AF%E3%82%A6%E3%82%A7%E3%83%96%E3%82%B5%E3%82%A4%E3%83%88%E5%88%B6%E4%BD%9C%E3%83%95%E3%83%AD%E3%83%BC%E3%81%AE%E6%AD%A3%E3%81%97%E3%81%84%E7%90%86%E8%A7%A3%E3%81%8B%E3%82%89%E2%80%95%E2%80%95%E3%82%88%E3%81%8F%E3%81%82%E3%82%8B4%E3%81%A4%E3%81%AE%E6%82%A9%E3%81%BF%E4%BA%8B%20%7C%20Web%E6%8B%85%E5%BD%93%E8%80%85Forum

続きを読む

続きを読む

クリップへ追加する

]]> http://web-tan.forum.impressrd.jp/e/2008/01/17/2364 236000 (・ω・)ノ 2008-01-22T02:59:00Z web design For Webdesigners - 355 helpful links for webdesigners http://clip.nifty.com/entry?url=http%3A%2F%2Fwww.forwebdesigners.com%2F&title=For%20Webdesigners%20-%20355%20helpful%20links%20for%20webdesigners your ace up one's sleeve;)
RSS Feedsend link ajax blogs colors CSS flash fonts forums free photos generators graphic sources icons inspiration magazines OS CMS photoshop tuts stock photos templates xhtml ajax Mini Ajax Top 126 Ajax Tutorials Ajax Projects Ajax Rain ...

続きを読む

続きを読む

クリップへ追加する

]]> http://www.forwebdesigners.com/ 202119 (・ω・)ノ 2007-11-29T06:00:34Z web design まとめ UI-patterns.com http://clip.nifty.com/entry?url=http%3A%2F%2Fui-patterns.com%2F&title=UI-patterns.com

続きを読む

続きを読む

クリップへ追加する

]]> http://ui-patterns.com/ 200370 (・ω・)ノ 2007-11-26T05:54:51Z web design プロレベルのWEBデザインをオンラインで簡単生成「doTemplate」:phpspot開発日誌 http://clip.nifty.com/entry?url=http%3A%2F%2Fphpspot.org%2Fblog%2Farchives%2F2007%2F11%2Fwebdotemplate.html&title=%E3%83%97%E3%83%AD%E3%83%AC%E3%83%99%E3%83%AB%E3%81%AEWEB%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%82%92%E3%82%AA%E3%83%B3%E3%83%A9%E3%82%A4%E3%83%B3%E3%81%A7%E7%B0%A1%E5%8D%98%E7%94%9F%E6%88%90%E3%80%8CdoTemplate%E3%80%8D%3Aphpspot%E9%96%8B%E7%99%BA%E6%97%A5%E8%AA%8C 次の記事 »：綺麗にアニメーションする星型投票作成用JavaScriptライブラリ「Starbox」
プロレベルのWEBデザインをオンラインで簡単生成「doTemplate」2007年11月20日スポンサードリンク
Free online web template generator

プロレベルのWEBデザインをオンラインで簡単生成「doTemplate」。
doTemplateでは、基本となるテンプレートが12種類用意されており、「CUSTOMIZE」をクリックすることで自由にテンプレートをカスタマイズすることが出来ます。

カスタマイズを押すと、次のようなパネルが表示され、背景、コンテナ、タイトル、バナー、ナビゲーションなどの部分の色や各種サイズについてのCSSをカスタマイズすることが出来ます。

DOWNLOADボタンを押せばそのままテンプレートをダウンロードすることも可能。
ＺＩＰ形式で...

続きを読む

続きを読む

クリップへ追加する

]]> http://phpspot.org/blog/archives/2007/11/webdotemplate.html 197402 (・ω・)ノ 2007-11-20T09:39:32Z css web design テンプレ有料ソフトとデザイン作業を無力化させる30のブックマークまとめ*ホームページを作る人のネタ帳 http://clip.nifty.com/entry?url=http%3A%2F%2Fe0166.blog89.fc2.com%2Fblog-entry-213.html&title=%E6%9C%89%E6%96%99%E3%82%BD%E3%83%95%E3%83%88%E3%81%A8%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E4%BD%9C%E6%A5%AD%E3%82%92%E7%84%A1%E5%8A%9B%E5%8C%96%E3%81%95%E3%81%9B%E3%82%8B30%E3%81%AE%E3%83%96%E3%83%83%E3%82%AF%E3%83%9E%E3%83%BC%E3%82%AF%E3%81%BE%E3%81%A8%E3%82%81*%E3%83%9B%E3%83%BC%E3%83%A0%E3%83%9A%E3%83%BC%E3%82%B8%E3%82%92%E4%BD%9C%E3%82%8B%E4%BA%BA%E3%81%AE%E3%83%8D%E3%82%BF%E5%B8%B3 売れない、人が来ないホームページにならない為の、インターネットの知識とブログネタ有料ソフトとデザイン作業を無力化させる30のブックマークまとめ
スポンサードリンク

今回はデザインという分野の作業を極力省く為のジェネレータを多く収録。
有料のソフト等と同様の力を持つオープンソースのフリーソフトもプラスしてあります。

WEB制作環境
aptana

優れたWEBページの作成支援ソフトであるDreamweaverと同等の機能を持つオープンソースアプリケーション。
レビュー記事はGIGAGINEで

CSSVista

CSSVistaというフリーソフト。
InternetExplorerとfirefoxの両方のCSSを同時にチェックできるツール。

画像作成・編集（インストール型）
GIMP

言わずと知れたオープンソースの画像編集ソフト。
非常に高機能。多言語対応で、日本語に対応済み。
日本語がきちんと表現されていないという不満から、日本語ローカライズパッチを配布しているサイトもある。
・GIMP日本語ローカライズ
さらにフォトショップと同じ名称に直すパッチもある。
・フォトショップローカライズパッチ

Photo Basic 3

日本の紹...

続きを読む

続きを読む

クリップへ追加する

]]> http://e0166.blog89.fc2.com/blog-entry-213.html 99636 (・ω・)ノ 2007-07-09T04:54:39Z web design お役立ちまとめ MOONGIFT: » 不要なCSSの洗い出し「CSS Redundancy Checker」:オープンソースを毎日紹介 http://clip.nifty.com/entry?url=http%3A%2F%2Fwww.moongift.jp%2F2007%2F07%2Fcss_redundancy_checker%2F&title=MOONGIFT%3A%20%C2%BB%20%E4%B8%8D%E8%A6%81%E3%81%AACSS%E3%81%AE%E6%B4%97%E3%81%84%E5%87%BA%E3%81%97%E3%80%8CCSS%20Redundancy%20Checker%E3%80%8D%3A%E3%82%AA%E3%83%BC%E3%83%97%E3%83%B3%E3%82%BD%E3%83%BC%E3%82%B9%E3%82%92%E6%AF%8E%E6%97%A5%E7%B4%B9%E4%BB%8B

続きを読む

続きを読む

クリップへ追加する

]]> http://www.moongift.jp/2007/07/css_redundancy_checker/ 102902 (・ω・)ノ 2007-07-09T04:52:00Z css 使えそうなツール web design AdSense広告をCSSでWeb2.0風にするテンプレート２９種類 - GoogleMania | グーグルの便利な使い方 http://clip.nifty.com/entry?url=http%3A%2F%2Fgoogle-mania.net%2Farchives%2F385&title=AdSense%E5%BA%83%E5%91%8A%E3%82%92CSS%E3%81%A7Web2.0%E9%A2%A8%E3%81%AB%E3%81%99%E3%82%8B%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88%EF%BC%92%EF%BC%99%E7%A8%AE%E9%A1%9E%20-%20GoogleMania%20%7C%20%E3%82%B0%E3%83%BC%E3%82%B0%E3%83%AB%E3%81%AE%E4%BE%BF%E5%88%A9%E3%81%AA%E4%BD%BF%E3%81%84%E6%96%B9

__AdSense広告をCSSでWeb2.0風にするテンプレート２９種類管理人 @ 6月 26日 04:20pmAdSenseWeb 2.0 Magazine: 29 Different Google Ads Styleにて、AdSenseのテキスト広告をCSSでWeb2.0風にするテンプレートが、２９種類も公開紹介されています。これまで、背景に馴染ませるしかなかったテキスト広告が、立派なサイトのデザインの一部になります。どうやって、デザインを変えるかというと、AdSenseのコードを変更するのは違反ですので、CSSを使ってその周りの背景に手を加えます。利用方法次のテンプレート一覧ページで好みのテンプレートを選びます。
Web 2.0 Magazine: 29 Different Google Ads Style「View Code」リンクをクリックすると、それぞれのテンプレートとコードが表示されます。
画面下の方の ImageDownLoad を「右クリック　＞　名前をつけてリンク先を保...

続きを読む

続きを読む

クリップへ追加する

]]> http://google-mania.net/archives/385 99091 (・ω・)ノ 2007-06-28T03:08:42Z google web design PD Photo - Free Photos And Pictures (public domain, stock pictures, wallpaper, royalty free, clip art, etc) http://clip.nifty.com/entry?url=http%3A%2F%2Fwww.pdphoto.org%2F&title=PD%20Photo%20-%20Free%20Photos%20And%20Pictures%20%28public%20domain%2C%20stock%20pictures%2C%20wallpaper%2C%20royalty%20free%2C%20clip%20art%2C%20etc%29

Free Public Domain Photo Database
I have thousands of royalty free pictures here. Please use and enjoy them. To view the photos: Click on a category below, or use the search interface for keywords.

If you want to use these images: Go ahead. I've placed most of them in the public domain. However >>> While most of them are public domain, a few aren't. Be sure to read the license under each of the enlarged pictures. If you have any questions, please ask.

Keyword Search
Ne...

続きを読む

続きを読む

クリップへ追加する

]]> http://www.pdphoto.org/ 98233 (・ω・)ノ 2007-06-26T07:51:25Z web design アルファベットを使ってロゴを作るときの10のTips - DesignWalker http://clip.nifty.com/entry?url=http%3A%2F%2Fwww.designwalker.com%2F2007%2F06%2Flogo_tips.html&title=%E3%82%A2%E3%83%AB%E3%83%95%E3%82%A1%E3%83%99%E3%83%83%E3%83%88%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%A6%E3%83%AD%E3%82%B4%E3%82%92%E4%BD%9C%E3%82%8B%E3%81%A8%E3%81%8D%E3%81%AE10%E3%81%AETips%20-%20DesignWalker
1. 縦のラインであわせる
以下のように、縦のラインで二つの文字をあわせる。

↓のJRのロゴは、まさにそうですね・・・

2. 文字の一部を切り取ってあわせる
うまく、あわさらない場合は、文字の一部を切り取ってあわせるのもいい感じ。

↓のAIWAのロゴは、WとAをきれいに組み合わせていますね。

3. あたまであわせる
文字のあたまの部分であわせてみても。

↓の村田製作所のロゴは、下のラインでつながってます。。逆か・・

4. 真ん中であわせる
真ん中のラインを使って...

続きを読む

続きを読む

クリップへ追加する

]]> http://www.designwalker.com/2007/06/logo_tips.html 92217 (・ω・)ノ 2007-06-14T01:51:19Z web design WEB制作者のための32個のブックマークまとめ（part2）*ホームページを作る人のネタ帳 http://clip.nifty.com/entry?url=http%3A%2F%2Fe0166.blog89.fc2.com%2Fblog-entry-185.html&title=WEB%E5%88%B6%E4%BD%9C%E8%80%85%E3%81%AE%E3%81%9F%E3%82%81%E3%81%AE32%E5%80%8B%E3%81%AE%E3%83%96%E3%83%83%E3%82%AF%E3%83%9E%E3%83%BC%E3%82%AF%E3%81%BE%E3%81%A8%E3%82%81%EF%BC%88part2%EF%BC%89*%E3%83%9B%E3%83%BC%E3%83%A0%E3%83%9A%E3%83%BC%E3%82%B8%E3%82%92%E4%BD%9C%E3%82%8B%E4%BA%BA%E3%81%AE%E3%83%8D%E3%82%BF%E5%B8%B3 売れない、人が来ないホームページにならない為の、インターネットの知識とブログネタWEB制作者のための32個のブックマークまとめ（part2）
スポンサードリンク

前回ご紹介した
今押さえておくべきWeb制作に役立つ37個のブックマークまとめ
と一緒にあわせて使うとより強力になるかもしれません。

前回の記事のあとにみつけた32個のブックマーク集です。

WEBツール
CSS Dock Menu

マックのドックのような動きをするインターフェイスタブをあなたのページにつける事が出来るツール。動きが滑らか。

Dynamic Page Flip v2 from shift+control

本をぺらぺらとめくるようなイメージギャラリー。
これはかなり見た目インパクトが強い。
画面中央左の『Download the source files』のところで無料でダウンロードできる。オリジナルのカタログもつくれそう。
ためしに使ってみたけど、RSSパーサーと組み合わせると、ページにRSS受信も出来た。アイデア次第でなんでもいけそうですよ。

10 Free CSS Graph Resources

無料のCSSグラフライブラリ10選。
一つだ...

続きを読む

続きを読む

クリップへ追加する

]]> http://e0166.blog89.fc2.com/blog-entry-185.html 86886 (・ω・)ノ 2007-06-05T02:58:25Z web design 窓の杜 - 【NEWS】ローカルやWebサイト上の複数HTML/CSSを一括して文法チェック「bkhvalid」 http://clip.nifty.com/entry?url=http%3A%2F%2Fwww.forest.impress.co.jp%2Farticle%2F2007%2F05%2F23%2Fbkhvalid.html&title=%E7%AA%93%E3%81%AE%E6%9D%9C%20-%20%E3%80%90NEWS%E3%80%91%E3%83%AD%E3%83%BC%E3%82%AB%E3%83%AB%E3%82%84Web%E3%82%B5%E3%82%A4%E3%83%88%E4%B8%8A%E3%81%AE%E8%A4%87%E6%95%B0HTML%2FCSS%E3%82%92%E4%B8%80%E6%8B%AC%E3%81%97%E3%81%A6%E6%96%87%E6%B3%95%E3%83%81%E3%82%A7%E3%83%83%E3%82%AF%E3%80%8Cbkhvalid%E3%80%8D

続きを読む

続きを読む

クリップへ追加する

]]> http://www.forest.impress.co.jp/article/2007/05/23/bkhvalid.html 84340 (・ω・)ノ 2007-05-24T10:59:52Z 使えそうなツール web design 404 Blog Not Found:あなたのページを最速にする14の掟 http://clip.nifty.com/entry?url=http%3A%2F%2Fblog.livedoor.jp%2Fdankogai%2Farchives%2F50828720.html&title=404%20Blog%20Not%20Found%3A%E3%81%82%E3%81%AA%E3%81%9F%E3%81%AE%E3%83%9A%E3%83%BC%E3%82%B8%E3%82%92%E6%9C%80%E9%80%9F%E3%81%AB%E3%81%99%E3%82%8B14%E3%81%AE%E6%8E%9F 実は、これらはYahoo!の"Chief Performance Yahoo!"(本当にそういう役職名)であるSteve Soudersによる以下のblog entriesをまとめたもの。Performance Research, Part 1: What the 80/20 Rule Tells Us about Reducing HTTP RequestsPerformance Research,...

続きを読む

続きを読む

クリップへ追加する

]]> http://blog.livedoor.jp/dankogai/archives/50828720.html 80054 (・ω・)ノ 2007-05-14T12:57:47Z web design 窓の杜 - 【NEWS】米MS、HTML構造やレイアウトを検証できるWeb制作者向けIEプラグインを正式公開 http://clip.nifty.com/entry?url=http%3A%2F%2Fwww.forest.impress.co.jp%2Farticle%2F2007%2F05%2F11%2Fiedevtoolbar.html&title=%E7%AA%93%E3%81%AE%E6%9D%9C%20-%20%E3%80%90NEWS%E3%80%91%E7%B1%B3MS%E3%80%81HTML%E6%A7%8B%E9%80%A0%E3%82%84%E3%83%AC%E3%82%A4%E3%82%A2%E3%82%A6%E3%83%88%E3%82%92%E6%A4%9C%E8%A8%BC%E3%81%A7%E3%81%8D%E3%82%8BWeb%E5%88%B6%E4%BD%9C%E8%80%85%E5%90%91%E3%81%91IE%E3%83%97%E3%83%A9%E3%82%B0%E3%82%A4%E3%83%B3%E3%82%92%E6%AD%A3%E5%BC%8F%E5%85%AC%E9%96%8B

続きを読む

続きを読む

クリップへ追加する

]]> http://www.forest.impress.co.jp/article/2007/05/11/iedevtoolbar.html 79636 (・ω・)ノ 2007-05-11T07:45:31Z web design 使えそうなツール tlbox - Web Design Tools http://clip.nifty.com/entry?url=http%3A%2F%2Fwww.tlbox.com%2Fweb_designers%2F&title=tlbox%20-%20Web%20Design%20Tools
Your Tool BoxFirefox add-onAdd tools to your tool box by clicking on the box buttons

Tools will stay in your box for 30 days

If you want your tools to stay forever register here color631 users4096 Color WheelThis site helps figure out the code for the coloring of a web page.567 usersColor Scheme GeneratorThis site contains an application to help we...

続きを読む

続きを読む

クリップへ追加する

]]> http://www.tlbox.com/web_designers/ 77933 (・ω・)ノ 2007-05-10T10:31:26Z web design まとめお役立ち死ぬまでに見ておくべきCSSデザインサイト集まとめ - GIGAZINE http://clip.nifty.com/entry?url=http%3A%2F%2Fgigazine.net%2Findex.php%3F%2Fnews%2Fcomments%2F20070425_bestcss%2F&title=%E6%AD%BB%E3%81%AC%E3%81%BE%E3%81%A7%E3%81%AB%E8%A6%8B%E3%81%A6%E3%81%8A%E3%81%8F%E3%81%B9%E3%81%8DCSS%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%82%B5%E3%82%A4%E3%83%88%E9%9B%86%E3%81%BE%E3%81%A8%E3%82%81%20-%20GIGAZINE

続きを読む

続きを読む

クリップへ追加する

]]> http://gigazine.net/index.php?/news/comments/20070425_bestcss/ 75068 (・ω・)ノ 2007-04-26T08:41:49Z まとめ web design css 知っておいて損はないAJAXやCSSを駆使したタブインターフェース18種類 - GIGAZINE http://clip.nifty.com/entry?url=http%3A%2F%2Fgigazine.net%2Findex.php%3F%2Fnews%2Fcomments%2F20070419_tab_ajax%2F&title=%E7%9F%A5%E3%81%A3%E3%81%A6%E3%81%8A%E3%81%84%E3%81%A6%E6%90%8D%E3%81%AF%E3%81%AA%E3%81%84AJAX%E3%82%84CSS%E3%82%92%E9%A7%86%E4%BD%BF%E3%81%97%E3%81%9F%E3%82%BF%E3%83%96%E3%82%A4%E3%83%B3%E3%82%BF%E3%83%BC%E3%83%95%E3%82%A7%E3%83%BC%E3%82%B918%E7%A8%AE%E9%A1%9E%20-%20GIGAZINE

続きを読む

続きを読む

クリップへ追加する

]]> http://gigazine.net/index.php?/news/comments/20070419_tab_ajax/ 73301 (・ω・)ノ 2007-04-20T02:08:47Z css web design javascript デザインサイトデータベース http://clip.nifty.com/entry?url=http%3A%2F%2Fwww.designlinkdatabase.net%2F&title=%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%82%B5%E3%82%A4%E3%83%88%E3%83%87%E3%83%BC%E3%82%BF%E3%83%99%E3%83%BC%E3%82%B9 【 losj 】あるストーリーのプロモーションですね。紹介ムービー一辺倒っていうものも多いですが、一応コンテンツっぽくWebデザインしてます。人間ドラマ多そうな。 ( ) ( 394 )
( 10 )　-　【】[ 似た Webデザイン ]　[ スクリーンショット ]【 PR 】忙しいデザイナーにぜひ! 実践的仕事術のライフハック [ 無料 ]町をウロウロ
【 ExploreIbsen.com - A virtual ... 】劇作家イプセンの後を追って、町をうろうろ徘徊するというコンテンツ。ちょっとSFちっくな不思議なタッチのコンテンツです。ゆったり流れる時間が印象的。 ( ) ( 438 )
( 1 )　-　【】[ 似た Webデザイン ]　[ スクリーンショット ]細かいイラストレーション
【 SOMMERGILDE - Grilltips og i ... 】一画面だけのコンテンツで...

続きを読む

続きを読む

クリップへ追加する

]]> http://www.designlinkdatabase.net/ 21463 (・ω・)ノ 2006-09-06T09:06:04Z web design