inmymemoryさんのタグ「web_design」についてのクリップ一覧｜@nifty クリップ http://clip.nifty.com/users/shelives inmymemoryさんのタグ「web_design」についてのクリップ一覧 ギャルゲーブログ WEBデザイン詳しい暇な人ちょっとニートを助けて http://clip.nifty.com/entry?url=http%3A%2F%2Fsuiseisekisuisui.blog107.fc2.com%2Fblog-entry-1069.html&title=%E3%82%AE%E3%83%A3%E3%83%AB%E3%82%B2%E3%83%BC%E3%83%96%E3%83%AD%E3%82%B0%20WEB%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E8%A9%B3%E3%81%97%E3%81%84%E6%9A%87%E3%81%AA%E4%BA%BA%E3%81%A1%E3%82%87%E3%81%A3%E3%81%A8%E3%83%8B%E3%83%BC%E3%83%88%E3%82%92%E5%8A%A9%E3%81%91%E3%81%A6


ちょっとカンプとかいうの作ったんで見て(´･.ゝ･`)
根本からダメなのはわかるけど... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://suiseisekisuisui.blog107.fc2.com/blog-entry-1069.html 1763366 inmymemory 2009-12-04T16:45:55Z web_design Minimalist Web Design: When Less is More | Webdesigner Depot http://clip.nifty.com/entry?url=http%3A%2F%2Fwww.webdesignerdepot.com%2F2009%2F12%2Fminimalist-web-design-when-less-is-more%2F&title=Minimalist%20Web%20Design%3A%20When%20Less%20is%20More%20%7C%20Webdesigner%20Depot 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://www.webdesignerdepot.com/2009/12/minimalist-web-design-when-less-is-more/ 1763361 inmymemory 2009-12-04T16:39:56Z web_design サイト立ち上げ後2週間でやった基本的（？）な７つのＳＥＯ対策 | Kousyoublog http://clip.nifty.com/entry?url=http%3A%2F%2Fkousyoublog.jp%2F%3Feid%3D2314&title=%E3%82%B5%E3%82%A4%E3%83%88%E7%AB%8B%E3%81%A1%E4%B8%8A%E3%81%92%E5%BE%8C2%E9%80%B1%E9%96%93%E3%81%A7%E3%82%84%E3%81%A3%E3%81%9F%E5%9F%BA%E6%9C%AC%E7%9A%84%EF%BC%88%EF%BC%9F%EF%BC%89%E3%81%AA%EF%BC%97%E3%81%A4%E3%81%AE%EF%BC%B3%EF%BC%A5%EF%BC%AF%E5%AF%BE%E7%AD%96%20%7C%20Kousyoublog
■検索エンジン登録
Yahooに検索エンジン用ロボットの巡回先への推薦
Yahooのサイトエクスプローラーにサイト登録、sitemap登録
Googleのウェブマスターツールにサイト登録、sitemap登録

■各ディレクトリサイトに登録申請・追加
DMOZ申請
テクノラティ追加

とりあえずこの二つなんですが、ほかにどこかあるかなー。

■記事投稿時のping送信先設定
今送信しているping先は以下の通りです。

http://api.my.yahoo.co.jp/RPC2
http://blogsearch.google.com/ping/RPC2
http://rpc.technorati.jp/rpc/ping
http://blog.goo.ne.jp/XMLRPC
http://ping.bloggers.jp/rpc/
http://ping.ask.jp/xmlrpc.m
http://rpc.... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://kousyoublog.jp/?eid=2314 1088097 inmymemory 2009-07-02T06:23:14Z web_design seo あなたのブログやサイト作りに、タダで使える10の方法 : ライフハッカー［日本版］, 仕事も生活も上手くこなすライフハック情報満載のブログ・メディア http://clip.nifty.com/entry?url=http%3A%2F%2Fwww.lifehacker.jp%2F2009%2F03%2F090311sitetips10.html&title=%E3%81%82%E3%81%AA%E3%81%9F%E3%81%AE%E3%83%96%E3%83%AD%E3%82%B0%E3%82%84%E3%82%B5%E3%82%A4%E3%83%88%E4%BD%9C%E3%82%8A%E3%81%AB%E3%80%81%E3%82%BF%E3%83%80%E3%81%A7%E4%BD%BF%E3%81%88%E3%82%8B10%E3%81%AE%E6%96%B9%E6%B3%95%20%3A%20%E3%83%A9%E3%82%A4%E3%83%95%E3%83%8F%E3%83%83%E3%82%AB%E3%83%BC%EF%BC%BB%E6%97%A5%E6%9C%AC%E7%89%88%EF%BC%BD%2C%20%E4%BB%95%E4%BA%8B%E3%82%82%E7%94%9F%E6%B4%BB%E3%82%82%E4%B8%8A%E6%89%8B%E3%81%8F%E3%81%93%E3%81%AA%E3%81%99%E3%83%A9%E3%82%A4%E3%83%95%E3%83%8F%E3%83%83%E3%82%AF%E6%83%85%E5%A0%B1%E6%BA%80%E8%BC%89%E3%81%AE%E3%83%96%E3%83%AD%E3%82%B0%E3%83%BB%E3%83%A1%E3%83%87%E3%82%A3%E3%82%A2 Tech tricks, tips and downloads for getting things done.カテゴリー　Apple　└MacBook　└MacOS　└Safari　└iPhone　└iPod　DIY　Google　└Gmail　└Google Chrome　└Googleカレンダー　└Googleマップ　└その他　Linux　Microsoft　└Internet Explorer　└Microsoft Office　└Outlook　└Windows　└その他　Mozilla　└Firefox　└Thunderbird　Webツール　└その他　└ゲーム　└ストレージ　└デザイン　└フリーメール　└壁紙　└検索　お役立ちアイテム　└モールスキン　お知らせ　└ベストコメント　└注目記事　アンケート　エディターズトピック　└平田大治　└早川大地　シェアウェア　└PCアプリ　└携帯アプリ　ハ... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://www.lifehacker.jp/2009/03/090311sitetips10.html 738156 inmymemory 2009-03-13T14:22:38Z web_design 2008年ウェブデザイン総まとめ | DesignWalker http://clip.nifty.com/entry?url=http%3A%2F%2Fwww.designwalker.com%2F2008%2F12%2Fwebdesign2008.html&title=2008%E5%B9%B4%E3%82%A6%E3%82%A7%E3%83%96%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E7%B7%8F%E3%81%BE%E3%81%A8%E3%82%81%20%7C%20DesignWalker 2008年もあとわずかですね。今年一年、デザインウォーカーの記事を楽しみにしていただいた多くの皆様、どうもありがとうございました！
今回は2008年のウェブデザインを振り返る今年最後の総まとめをお送りします。インスピレーションPhotoshopブラシチュートリアルベクター素材アイコンロゴテクスチャCSSと８つのブロックに分けてご紹介します。インスピレーション関連100 Websites With Outstanding Artistic Design見てるだけで、思わずため息が出てしまいそうな、アーティスティックなウェブサイト100選

Top 100 Web Designs in 2008radiiateさんが選ぶ2008年のウェブデザイントップ100

Best of CSS Design 2008WebDesignerWallさんが選ぶ2008年のベストCSSデザインサイト

Most beautiful websites of 2008CrazyLeaf Design Blogさんの選ぶ2008年の美しいウェブデザインまとめ

2008 Design Trends2008年のデザイントレンドが分かるまとめ

40 most... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://www.designwalker.com/2008/12/webdesign2008.html 641400 inmymemory 2008-12-30T14:13:54Z web_design links 手書き風ウェブデザインまとめ - DesignWalker http://clip.nifty.com/entry?url=http%3A%2F%2Fwww.designwalker.com%2F2008%2F11%2Fsketchy.html&title=%E6%89%8B%E6%9B%B8%E3%81%8D%E9%A2%A8%E3%82%A6%E3%82%A7%E3%83%96%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%81%BE%E3%81%A8%E3%82%81%20-%20DesignWalker 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://www.designwalker.com/2008/11/sketchy.html 590716 inmymemory 2008-11-27T00:50:18Z web_design links サイト制作のためのテンプレートをごっそり自動生成してくれる『Project deply*』 | IDEA*IDEA http://clip.nifty.com/entry?url=http%3A%2F%2Fwww.ideaxidea.com%2Farchives%2F2008%2F11%2Fproject_deply.html&title=%E3%82%B5%E3%82%A4%E3%83%88%E5%88%B6%E4%BD%9C%E3%81%AE%E3%81%9F%E3%82%81%E3%81%AE%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88%E3%82%92%E3%81%94%E3%81%A3%E3%81%9D%E3%82%8A%E8%87%AA%E5%8B%95%E7%94%9F%E6%88%90%E3%81%97%E3%81%A6%E3%81%8F%E3%82%8C%E3%82%8B%E3%80%8EProject%20deply*%E3%80%8F%20%7C%20IDEA*IDEA これはとっても便利なツール。
サイト制作をするときに必要っぽいHTMLやCSSのテンプレートをごっそり自動生成してくれます。ちゃちゃっとオプションを選んでいくだけでつくってくれますよ。

↑ htmlやらCSSの種類を選びます。

↑ jQueryにも対応。プラグインにも対応。素晴らしい。

↑ 他にもこんなオプションが。
全部指定したら「Deply!」ボタンを押せばOKです。あとはZIPファイルをダウンロードしてそのまま使えばOKです。

↑ ためしにダウンロードしてみたよ。ファイル構成はこんな感じ。

↑ index.htmlのコード。ちなみにjQueryは最新版がincludeされますよ。
これは日本語版も欲しいですね・・・。誰か作ってくれないかなぁ・・・（他力本願）。
» Project Deploy* | Choose, Bookmark, Deploy
■ 関連記事

HTMLの要素をSQLのように取り出せるPHPのライブラリ『htmlSQL』 | IDEA*IDEA
HTMLを解析して登録できるフィードのメニューを作ってくれる『jQuery Feed Menu』 | IDEA*IDEA
HTMLの真の意味 | IDEA*... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://www.ideaxidea.com/archives/2008/11/project_deply.html 590698 inmymemory 2008-11-27T00:41:16Z web_design 使いやすい 10 のはてなダイアリ公開デザイン - 踊る肉とパイナップル http://clip.nifty.com/entry?url=http%3A%2F%2Fd.hatena.ne.jp%2Fmarubon%2F20080922%2F1222074337&title=%E4%BD%BF%E3%81%84%E3%82%84%E3%81%99%E3%81%84%2010%20%E3%81%AE%E3%81%AF%E3%81%A6%E3%81%AA%E3%83%80%E3%82%A4%E3%82%A2%E3%83%AA%E5%85%AC%E9%96%8B%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%20-%20%E8%B8%8A%E3%82%8B%E8%82%89%E3%81%A8%E3%83%91%E3%82%A4%E3%83%8A%E3%83%83%E3%83%97%E3%83%AB 関連記事「公開デザイン祭2008春」キャンペーン審査結果発表！「公開デザイン祭2007秋」キャンペーン入選作品発表
続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://d.hatena.ne.jp/marubon/20080922/1222074337 503605 inmymemory 2008-10-02T15:23:25Z hatenad web_design 見やすいブログってどんなブログだろう？ - かみんぐあうとっ http://clip.nifty.com/entry?url=http%3A%2F%2Fd.hatena.ne.jp%2Fkomoko-i%2F20080906%2Fp2&title=%E8%A6%8B%E3%82%84%E3%81%99%E3%81%84%E3%83%96%E3%83%AD%E3%82%B0%E3%81%A3%E3%81%A6%E3%81%A9%E3%82%93%E3%81%AA%E3%83%96%E3%83%AD%E3%82%B0%E3%81%A0%E3%82%8D%E3%81%86%EF%BC%9F%20-%20%E3%81%8B%E3%81%BF%E3%82%93%E3%81%90%E3%81%82%E3%81%86%E3%81%A8%E3%81%A3 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://d.hatena.ne.jp/komoko-i/20080906/p2 466654 inmymemory 2008-09-07T07:07:15Z blog web_design Web2.0デザインジェネレーターいろいろ-２００８年８月:phpspot開発日誌 http://clip.nifty.com/entry?url=http%3A%2F%2Fphpspot.org%2Fblog%2Farchives%2F2008%2F08%2Fweb20_11.html&title=Web2.0%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%82%B8%E3%82%A7%E3%83%8D%E3%83%AC%E3%83%BC%E3%82%BF%E3%83%BC%E3%81%84%E3%82%8D%E3%81%84%E3%82%8D-%EF%BC%92%EF%BC%90%EF%BC%90%EF%BC%98%E5%B9%B4%EF%BC%98%E6%9C%88%3Aphpspot%E9%96%8B%E7%99%BA%E6%97%A5%E8%AA%8C 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://phpspot.org/blog/archives/2008/08/web20_11.html 445555 inmymemory 2008-08-25T17:54:23Z web_design tool links 種類も豊富、1000個以上のハイクオリティなフリーのアイコン -DryIcons | コリス http://clip.nifty.com/entry?url=http%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fdesign%2F1407.html&title=%E7%A8%AE%E9%A1%9E%E3%82%82%E8%B1%8A%E5%AF%8C%E3%80%811000%E5%80%8B%E4%BB%A5%E4%B8%8A%E3%81%AE%E3%83%8F%E3%82%A4%E3%82%AF%E3%82%AA%E3%83%AA%E3%83%86%E3%82%A3%E3%81%AA%E3%83%95%E3%83%AA%E3%83%BC%E3%81%AE%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3%20-DryIcons%20%7C%20%E3%82%B3%E3%83%AA%E3%82%B9 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://coliss.com/articles/build-websites/operation/design/1407.html 441373 inmymemory 2008-08-21T19:50:50Z web_design 「こんな個人サイトはイヤだ」ベスト20:マーケティング - CNET Japan http://clip.nifty.com/entry?url=http%3A%2F%2Fjapan.cnet.com%2Fmarketing%2Fstory%2F0%2C3800080523%2C20378456%2C00.htm&title=%E3%80%8C%E3%81%93%E3%82%93%E3%81%AA%E5%80%8B%E4%BA%BA%E3%82%B5%E3%82%A4%E3%83%88%E3%81%AF%E3%82%A4%E3%83%A4%E3%81%A0%E3%80%8D%E3%83%99%E3%82%B9%E3%83%8820%3A%E3%83%9E%E3%83%BC%E3%82%B1%E3%83%86%E3%82%A3%E3%83%B3%E3%82%B0%20-%20CNET%20Japan 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://japan.cnet.com/marketing/story/0,3800080523,20378456,00.htm 426187 inmymemory 2008-08-08T10:07:44Z web_design 自サイトの画像の保存をプロテクションする仕組み:phpspot開発日誌 http://clip.nifty.com/entry?url=http%3A%2F%2Fphpspot.org%2Fblog%2Farchives%2F2008%2F08%2Fpost_229.html&title=%E8%87%AA%E3%82%B5%E3%82%A4%E3%83%88%E3%81%AE%E7%94%BB%E5%83%8F%E3%81%AE%E4%BF%9D%E5%AD%98%E3%82%92%E3%83%97%E3%83%AD%E3%83%86%E3%82%AF%E3%82%B7%E3%83%A7%E3%83%B3%E3%81%99%E3%82%8B%E4%BB%95%E7%B5%84%E3%81%BF%3Aphpspot%E9%96%8B%E7%99%BA%E6%97%A5%E8%AA%8C 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://phpspot.org/blog/archives/2008/08/post_229.html 424388 inmymemory 2008-08-08T09:27:19Z photo web_design tips 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 inmymemory 2008-07-24T16:05:47Z web_design color デザインセンスを刺激するインスピレーションサイト10選 | コリス http://clip.nifty.com/entry?url=http%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fdesign%2F1330.html&title=%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%82%BB%E3%83%B3%E3%82%B9%E3%82%92%E5%88%BA%E6%BF%80%E3%81%99%E3%82%8B%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%94%E3%83%AC%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%82%B5%E3%82%A4%E3%83%8810%E9%81%B8%20%7C%20%E3%82%B3%E3%83%AA%E3%82%B9 ボタンや背景・線などエレメントごとのデザイン集StyleCrunch
クールなデザインでスタンダードなコードを使用したサイト集Design Inspiration Gallery - FAVEUP
ロゴ・名刺・Flash・CSSなどインスピレーションを与えるデザイン集vi.sualize.us
世界中のクールな画像をブックマークBehance Network
クリエイティブなグラフィックのポータルサイトPortfolioBase
デザイナーなどのポートフォリオのポータルサイトPro Web Art
クリエイティブなデザインのポータルサイトadgoodness
世界のクリエイティブな広告集LogoPond - Identity Inspiration
アイデア満載のロゴ集TED Ideas worth spreading
ビジネスからアートまでアイデア満載Post on:2008年7月23日[JS]コンテクストフリーアートを実装し... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://coliss.com/articles/build-websites/operation/design/1330.html 408234 inmymemory 2008-07-24T16:01:29Z web_design ドメイン名のルール緩和で「.love」など使用可能に | 世界のこぼれ話 | Reuters http://clip.nifty.com/entry?url=http%3A%2F%2Fjp.reuters.com%2Farticle%2FoddlyEnoughNews%2FidJPJAPAN-32469720080627&title=%E3%83%89%E3%83%A1%E3%82%A4%E3%83%B3%E5%90%8D%E3%81%AE%E3%83%AB%E3%83%BC%E3%83%AB%E7%B7%A9%E5%92%8C%E3%81%A7%E3%80%8C.love%E3%80%8D%E3%81%AA%E3%81%A9%E4%BD%BF%E7%94%A8%E5%8F%AF%E8%83%BD%E3%81%AB%20%7C%20%E4%B8%96%E7%95%8C%E3%81%AE%E3%81%93%E3%81%BC%E3%82%8C%E8%A9%B1%20%7C%20Reuters 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://jp.reuters.com/article/oddlyEnoughNews/idJPJAPAN-32469720080627 377535 inmymemory 2008-06-28T12:05:01Z web_design たった6行でWebサイトのUIをガラッと変える http://clip.nifty.com/entry?url=http%3A%2F%2Fascii.jp%2Felem%2F000%2F000%2F141%2F141964%2F&title=%E3%81%9F%E3%81%A3%E3%81%9F6%E8%A1%8C%E3%81%A7Web%E3%82%B5%E3%82%A4%E3%83%88%E3%81%AEUI%E3%82%92%E3%82%AC%E3%83%A9%E3%83%83%E3%81%A8%E5%A4%89%E3%81%88%E3%82%8B 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://ascii.jp/elem/000/000/141/141964/ 365695 inmymemory 2008-06-16T19:24:30Z web_design ajax usability 連載：独学で極める “Webデザイン”の技と心｜gihyo.jp … 技術評論社 http://clip.nifty.com/entry?url=http%3A%2F%2Fgihyo.jp%2Fdesign%2Fserial%2F01%2Fss-design&title=%E9%80%A3%E8%BC%89%EF%BC%9A%E7%8B%AC%E5%AD%A6%E3%81%A7%E6%A5%B5%E3%82%81%E3%82%8B%20%E2%80%9CWeb%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E2%80%9D%E3%81%AE%E6%8A%80%E3%81%A8%E5%BF%83%EF%BD%9Cgihyo.jp%20%E2%80%A6%20%E6%8A%80%E8%A1%93%E8%A9%95%E8%AB%96%E7%A4%BE 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://gihyo.jp/design/serial/01/ss-design 362771 inmymemory 2008-06-11T02:42:51Z web_design 検索サイトの舞台裏--グーグル幹部が明かす改善手法:スペシャルレポート - CNET Japan http://clip.nifty.com/entry?url=http%3A%2F%2Fjapan.cnet.com%2Fspecial%2Fstory%2F0%2C2000056049%2C20374310%2C00.htm&title=%E6%A4%9C%E7%B4%A2%E3%82%B5%E3%82%A4%E3%83%88%E3%81%AE%E8%88%9E%E5%8F%B0%E8%A3%8F--%E3%82%B0%E3%83%BC%E3%82%B0%E3%83%AB%E5%B9%B9%E9%83%A8%E3%81%8C%E6%98%8E%E3%81%8B%E3%81%99%E6%94%B9%E5%96%84%E6%89%8B%E6%B3%95%3A%E3%82%B9%E3%83%9A%E3%82%B7%E3%83%A3%E3%83%AB%E3%83%AC%E3%83%9D%E3%83%BC%E3%83%88%20-%20CNET%20Japan 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://japan.cnet.com/special/story/0,2000056049,20374310,00.htm 352715 inmymemory 2008-06-01T01:23:57Z 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 inmymemory 2008-05-30T17:17:18Z web_design CSSでイメージをオシャレに修飾するサンプル集「CSS Decorative Gallery」:phpspot開発日誌 http://clip.nifty.com/entry?url=http%3A%2F%2Fphpspot.org%2Fblog%2Farchives%2F2008%2F05%2Fcsscss_decorati.html&title=CSS%E3%81%A7%E3%82%A4%E3%83%A1%E3%83%BC%E3%82%B8%E3%82%92%E3%82%AA%E3%82%B7%E3%83%A3%E3%83%AC%E3%81%AB%E4%BF%AE%E9%A3%BE%E3%81%99%E3%82%8B%E3%82%B5%E3%83%B3%E3%83%97%E3%83%AB%E9%9B%86%E3%80%8CCSS%20Decorative%20Gallery%E3%80%8D%3Aphpspot%E9%96%8B%E7%99%BA%E6%97%A5%E8%AA%8C 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://phpspot.org/blog/archives/2008/05/csscss_decorati.html 352913 inmymemory 2008-05-30T17:16:29Z web_design ホームページビルダーを学ぼう http://clip.nifty.com/entry?url=http%3A%2F%2Fhpb.web-creation.info%2F&title=%E3%83%9B%E3%83%BC%E3%83%A0%E3%83%9A%E3%83%BC%E3%82%B8%E3%83%93%E3%83%AB%E3%83%80%E3%83%BC%E3%82%92%E5%AD%A6%E3%81%BC%E3%81%86 基本編 基本/ホームページビルダー ＞作成前に必要なもの 作成前の準備 ＞作成前の準備TOP
   ＞ホームページの仕組み
   ＞ファイルの構成
   ＞サイトの作成
   ＞素材の保存
   ＞素材の保存�U デザイン ＞デザインTOP
   ＞ページ作成モード
   ＞ページの中央に表示する
   ＞サイズいっぱい（100%）に表示
   ＞訪問者の目に優しいデザイン テキスト... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://hpb.web-creation.info/ 351975 inmymemory 2008-05-29T16:10:57Z web_design 2008年2月版web開発者のためのベストクリップ36個*ホームページを作る人のネタ帳 http://clip.nifty.com/entry?url=http%3A%2F%2Fe0166.blog89.fc2.com%2Fblog-entry-481.html&title=2008%E5%B9%B42%E6%9C%88%E7%89%88web%E9%96%8B%E7%99%BA%E8%80%85%E3%81%AE%E3%81%9F%E3%82%81%E3%81%AE%E3%83%99%E3%82%B9%E3%83%88%E3%82%AF%E3%83%AA%E3%83%83%E3%83%9736%E5%80%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 2008年2月のベストまとめ。
見逃したものがないかをチェックしてみてください。

ちなみに2月度のネタ帳人気エントリーは以下。
2007年度web制作者の為のまとめ再構築30選

続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://e0166.blog89.fc2.com/blog-entry-481.html 351299 inmymemory 2008-05-29T15:59:11Z web_design material 軽量だけど、クールなデザインのウェブサイトのリンク集 | コリス http://clip.nifty.com/entry?url=http%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fdesign%2F1108.html&title=%E8%BB%BD%E9%87%8F%E3%81%A0%E3%81%91%E3%81%A9%E3%80%81%E3%82%AF%E3%83%BC%E3%83%AB%E3%81%AA%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%81%AE%E3%82%A6%E3%82%A7%E3%83%96%E3%82%B5%E3%82%A4%E3%83%88%E3%81%AE%E3%83%AA%E3%83%B3%E3%82%AF%E9%9B%86%20%7C%20%E3%82%B3%E3%83%AA%E3%82%B9 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://coliss.com/articles/build-websites/operation/design/1108.html 343799 inmymemory 2008-05-21T13:06:49Z web_design 透過をきれいに使ったウェブデザインいろいろ - DesignWalker http://clip.nifty.com/entry?url=http%3A%2F%2Fwww.designwalker.com%2F2008%2F05%2Ftransparent-inspiration.html&title=%E9%80%8F%E9%81%8E%E3%82%92%E3%81%8D%E3%82%8C%E3%81%84%E3%81%AB%E4%BD%BF%E3%81%A3%E3%81%9F%E3%82%A6%E3%82%A7%E3%83%96%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%81%84%E3%82%8D%E3%81%84%E3%82%8D%20-%20DesignWalker
How to recreate Silverback’s parallax effectSilverbackのデザインは以下のサイトで詳しく解説されています。図でもわかるように、４重のレイヤーになっているようです。使えそうなアイデアですね。

CSS Gradient Text EffectCSSを使って、テキストにに透過PNGをかぶせると、簡単に光沢のある効果が出せます。上にかぶせるPNG次第でいろいろ使えそうなアイデアですね。

GlassBox周りの枠がきれいに透けるLightboxスクリプトです。

Fun with Transparen... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://www.designwalker.com/2008/05/transparent-inspiration.html 343690 inmymemory 2008-05-21T09:51:01Z web_design Producing Web » Blog Archive » Web企画を立てる際にリストアップする34の要素 http://clip.nifty.com/entry?url=http%3A%2F%2Fproducing-web.com%2F2008%2F05%2Fplanning_web_service_with_34_points%2F&title=Producing%20Web%20%C2%BB%20Blog%20Archive%20%C2%BB%20Web%E4%BC%81%E7%94%BB%E3%82%92%E7%AB%8B%E3%81%A6%E3%82%8B%E9%9A%9B%E3%81%AB%E3%83%AA%E3%82%B9%E3%83%88%E3%82%A2%E3%83%83%E3%83%97%E3%81%99%E3%82%8B34%E3%81%AE%E8%A6%81%E7%B4%A0 via Changes to site permalink page on Flickr - Photo Sharing!　なぜ必要かと言えば、プロジェクトメンバーと意識を共有するためです。これがずれていると、プロジェクトの進行方向が徐々にずれていってしまいます。そうならないよう、初志を書き出しておくことで、定期的に見直し、改訂してプロジェクトを進めていくのが重要です。そこで今回は私がWebの企画書（自分用ではなく、他社への提案用）を作る際に注意している項目を書き出してみました。実際は、これらを必要に応じて削除/追加したりします。□ コンセプト最も大事ですね。端的な言葉でサービスの概要を言い表す必要があります。□ サービス名これは二番目に大切です。といってもまだ決まっていない場合もあるので、その場合はプロジェクトAとか適当に…。□ 概要
こちらはコンセプトの詳細です。とは言え長ったらしく書くと理解に苦しむので分かりやすく。□ ターゲットターゲッ... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://producing-web.com/2008/05/planning_web_service_with_34_points/ 340430 inmymemory 2008-05-17T11:02:36Z web_design グーグル、「Friend Connect」を発表--ウェブサイトにソーシャル機能を追加可能に:ニュース - CNET Japan http://clip.nifty.com/entry?url=http%3A%2F%2Fjapan.cnet.com%2Fnews%2Fmedia%2Fstory%2F0%2C2000056023%2C20373110%2C00.htm&title=%E3%82%B0%E3%83%BC%E3%82%B0%E3%83%AB%E3%80%81%E3%80%8CFriend%20Connect%E3%80%8D%E3%82%92%E7%99%BA%E8%A1%A8--%E3%82%A6%E3%82%A7%E3%83%96%E3%82%B5%E3%82%A4%E3%83%88%E3%81%AB%E3%82%BD%E3%83%BC%E3%82%B7%E3%83%A3%E3%83%AB%E6%A9%9F%E8%83%BD%E3%82%92%E8%BF%BD%E5%8A%A0%E5%8F%AF%E8%83%BD%E3%81%AB%3A%E3%83%8B%E3%83%A5%E3%83%BC%E3%82%B9%20-%20CNET%20Japan 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://japan.cnet.com/news/media/story/0,2000056023,20373110,00.htm 337553 inmymemory 2008-05-13T19:22:24Z google web_design 米Google、Webサイトをソーシャルにできる「Friend Connect」発表 http://clip.nifty.com/entry?url=http%3A%2F%2Finternet.watch.impress.co.jp%2Fcda%2Fnews%2F2008%2F05%2F13%2F19519.html&title=%E7%B1%B3Google%E3%80%81Web%E3%82%B5%E3%82%A4%E3%83%88%E3%82%92%E3%82%BD%E3%83%BC%E3%82%B7%E3%83%A3%E3%83%AB%E3%81%AB%E3%81%A7%E3%81%8D%E3%82%8B%E3%80%8CFriend%20Connect%E3%80%8D%E7%99%BA%E8%A1%A8 ［19:56］■Marici、RSSの更新情報を自動的に取得する機能を追加
［19:48］■So-netの2007年度決算、売上高と営業・経常利益が過去最高を更新
［19:19］■NTTグループの2007年度連結決算、4期ぶりに増益
［18:48］■オンラインゲームサイト「Lievo」が改竄、ウイルス仕込まれる
［18:47］■Microsoftが天体観測アプリ「WorldWide Telescope」を無料公開
［17:34］■IPA、セキュリティ対策活動の法的問題に関する報告書を公表
［17:12］■MS、学生向けに開発ソフトなどを無償提供する「DreamSpark」を日本で開始
［15:47］■サイバーエージェント、スイーツのEC事業子会社を解散
［15:02］■ニコニコ動画、動画再生数が50億回を突破
［13:49］■ニコ動版ウィキペディア「ニコニコ大百科（仮）」公開
［12:38］■USENとヤフー、有料動画配信サービス「Video Complex」で業務提携
［12:21］ 米Go... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://internet.watch.impress.co.jp/cda/news/2008/05/13/19519.html 337552 inmymemory 2008-05-13T19:22:00Z google web_design [CSS]アイチE��満載�Eスタイルシート�EチE��ニック30選 http://clip.nifty.com/entry?url=http%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fcss%2F1050.html&title=%5BCSS%5D%E3%82%A2%E3%82%A4%E3%83%81E%EF%BF%BD%EF%BF%BD%E6%BA%80%E8%BC%89%EF%BF%BDE%E3%82%B9%E3%82%BF%E3%82%A4%E3%83%AB%E3%82%B7%E3%83%BC%E3%83%88%EF%BF%BDE%E3%83%81E%EF%BF%BD%EF%BF%BD%E3%83%8B%E3%83%83%E3%82%AF30%E9%81%B8 画像拡大できるギャラリー。Sliding Photograph Galleries
水平・垂直方向に開閉するパネル。Supercharge your image borders
画像の枠の装飾。Cross Browser Multi-Page Photograph Gallery
パネル切替付きの画像ギャラリー。CSS Photo Zoom
写真の拡大表示。The CSS-Only Accordion Effect
水平・垂直方向に伸縮するアコーディオン。Scrollable Table with Fixed Header
テーブルのヘッダを固定。Content Overlay with CSS
コンテンツをオーバーレイ表示。A CSS s... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://coliss.com/articles/build-websites/operation/css/1050.html 322187 inmymemory 2008-04-30T17:38:47Z web_design ウェブ魚拓を拒否する | デジタルマガジン http://clip.nifty.com/entry?url=http%3A%2F%2Fdigimaga.net%2F200804%2Fmegalodon-no-no-no-no-no-robots.html&title=%E3%82%A6%E3%82%A7%E3%83%96%E9%AD%9A%E6%8B%93%E3%82%92%E6%8B%92%E5%90%A6%E3%81%99%E3%82%8B%20%7C%20%E3%83%87%E3%82%B8%E3%82%BF%E3%83%AB%E3%83%9E%E3%82%AC%E3%82%B8%E3%83%B3 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://digimaga.net/200804/megalodon-no-no-no-no-no-robots.html 321336 inmymemory 2008-04-29T10:29:54Z web_design tips [CSS]チェックしておきたい50のCSSのテクニック | コリス http://clip.nifty.com/entry?url=http%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fcss%2F969.html&title=%5BCSS%5D%E3%83%81%E3%82%A7%E3%83%83%E3%82%AF%E3%81%97%E3%81%A6%E3%81%8A%E3%81%8D%E3%81%9F%E3%81%8450%E3%81%AECSS%E3%81%AE%E3%83%86%E3%82%AF%E3%83%8B%E3%83%83%E3%82%AF%20%7C%20%E3%82%B3%E3%83%AA%E3%82%B9 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://coliss.com/articles/build-websites/operation/css/969.html 307454 inmymemory 2008-04-08T13:00:34Z web_design 『無料＋ブラウザ』で全部やってしまおう。webジェネレーターとサービス50個まとめ*ホームページを作る人のネタ帳 http://clip.nifty.com/entry?url=http%3A%2F%2Fe0166.blog89.fc2.com%2Fblog-entry-454.html&title=%E3%80%8E%E7%84%A1%E6%96%99%EF%BC%8B%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6%E3%80%8F%E3%81%A7%E5%85%A8%E9%83%A8%E3%82%84%E3%81%A3%E3%81%A6%E3%81%97%E3%81%BE%E3%81%8A%E3%81%86%E3%80%82web%E3%82%B8%E3%82%A7%E3%83%8D%E3%83%AC%E3%83%BC%E3%82%BF%E3%83%BC%E3%81%A8%E3%82%B5%E3%83%BC%E3%83%93%E3%82%B950%E5%80%8B%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 無料で使えるwebジェネレータ特集です。

重いです。 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://e0166.blog89.fc2.com/blog-entry-454.html 305050 inmymemory 2008-04-06T14:55:09Z web_design links カッコよすぎるFlashサイト集:phpspot開発日誌 http://clip.nifty.com/entry?url=http%3A%2F%2Fphpspot.org%2Fblog%2Farchives%2F2006%2F01%2Fflash_4.html&title=%E3%82%AB%E3%83%83%E3%82%B3%E3%82%88%E3%81%99%E3%81%8E%E3%82%8BFlash%E3%82%B5%E3%82%A4%E3%83%88%E9%9B%86%3Aphpspot%E9%96%8B%E7%99%BA%E6%97%A5%E8%AA%8C 次の記事 »：多機能なバグトラッキングシステム: wIT
カッコよすぎるFlashサイト集2006年01月13日スポンサード リンク
最近のＦｌａｓｈサイトは凄いです＾＾；Ｆｌａｓｈバージョン8になって使えるエフェクトなんかも増えていって今後もますますカッコいいサイトが出てくるのが楽しみです。
こういったカッコいいサイトを効率よく探す検索エンジンなど出てきたら面白そうですね。 Webデザイナーのためのリンク集 powered by webshotスポンサード リンク
投稿者 KJ : 2006年01月13日 00:24 |
間違いの指摘をしていただける方はメールでお願いします
e知識「e-chishiki.com」では
インド発IT情報を日本語でお届けスポンサー広告
>>脳検メーカー
本を執筆しました。最... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://phpspot.org/blog/archives/2006/01/flash_4.html 301627 inmymemory 2008-03-29T19:08:57Z web_design よりよいWebデザインにするための配色のセオリー | *LOVE IS DESIGN* http://clip.nifty.com/entry?url=http%3A%2F%2Fsweetlovexx.seesaa.net%2Farticle%2F90107619.html&title=%E3%82%88%E3%82%8A%E3%82%88%E3%81%84Web%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%81%AB%E3%81%99%E3%82%8B%E3%81%9F%E3%82%81%E3%81%AE%E9%85%8D%E8%89%B2%E3%81%AE%E3%82%BB%E3%82%AA%E3%83%AA%E3%83%BC%20%7C%20*LOVE%20IS%20DESIGN* Webデザインのイメージを決める上で、色は最も重要な要素といっても過言ではありません。
配色には様々なルールがありますが、Webデザインの配色は好みやセンスに頼らず、目的や用途に合わせて「調和」と「役割」を持つ効果的な配色をしたいものですね。
そこでWebデザインでも“ 無駄にならない ”色彩心理や色の視覚効果など、配色のセオリーをまとめました。 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://sweetlovexx.seesaa.net/article/90107619.html 294202 inmymemory 2008-03-26T11:43:55Z web_design color 第13回　Webページで読みやすいテキストとは：ITpro http://clip.nifty.com/entry?url=http%3A%2F%2Fitpro.nikkeibp.co.jp%2Farticle%2FCOLUMN%2F20080317%2F296389%2F&title=%E7%AC%AC13%E5%9B%9E%E3%80%80Web%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%A7%E8%AA%AD%E3%81%BF%E3%82%84%E3%81%99%E3%81%84%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88%E3%81%A8%E3%81%AF%EF%BC%9AITpro
Strategic Web Design
　ITpro ＞ Development ＞ Strategic Web Design:デザイン日経ソフトウエア4月号
プログラミング力向上！
特1 実戦トレーニング
特2 Officeプログラミング

エンジニアのためのWebデザイン教室
第13回　Webページで読み... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://itpro.nikkeibp.co.jp/article/COLUMN/20080317/296389/ 295241 inmymemory 2008-03-25T16:08:02Z web_design CSSclip | Web Design Inspiration and Gallery http://clip.nifty.com/entry?url=http%3A%2F%2Fwww.cssclip.com%2F&title=CSSclip%20%7C%20Web%20Design%20Inspiration%20and%20Gallery 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://www.cssclip.com/ 177014 inmymemory 2008-03-11T12:48:23Z web_design 無料のホームページ・ブログ用デザインテンプレート作成ツール。mt対応。 http://clip.nifty.com/entry?url=http%3A%2F%2Fjp.cssez.com%2F&title=%E7%84%A1%E6%96%99%E3%81%AE%E3%83%9B%E3%83%BC%E3%83%A0%E3%83%9A%E3%83%BC%E3%82%B8%E3%83%BB%E3%83%96%E3%83%AD%E3%82%B0%E7%94%A8%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88%E4%BD%9C%E6%88%90%E3%83%84%E3%83%BC%E3%83%AB%E3%80%82mt%E5%AF%BE%E5%BF%9C%E3%80%82 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://jp.cssez.com/ 111369 inmymemory 2008-02-22T19:34:07Z web_design tool ユーザーの動き。｜CSS HappyLife http://clip.nifty.com/entry?url=http%3A%2F%2Fcss-happylife.com%2Flog%2Fmemo%2F000344.shtml&title=%E3%83%A6%E3%83%BC%E3%82%B6%E3%83%BC%E3%81%AE%E5%8B%95%E3%81%8D%E3%80%82%EF%BD%9CCSS%20HappyLife 2008年2月14日の22：47頃に追記ボクのただのメモ書きをもうちょっとちゃんと以下のエントリーで書いてもらってるので、あわせてご覧になって頂くと、良いかと思います。
Webアクセシビリティについての覚書 - ねんがんのWebユーザビリティテストに参加したロゴクリック＝トップページに戻るという認識は殆ど無い。トップページに戻る場合は、ブラウザの「戻る」ボタン。サイドバーのバナーは、認知すらされない傾向が強い。そもそもバナーとして押せるものではなく、デザイン上の飾りとして見られる場合も。リストのマークとかのマーク部分をクリックしよーとする人が居る。それにより、クリックできないと諦めるケースも。プルダウン（ドロップダウン）型メニューは、近くのボタンを押せない状況を作り出す。それにより、押すのを諦める可能性。プルダウン（ドロップダウン）型メニューがあるとソコから全てのページに移動できると思われる。でも、プルダウン（ドロップダウン）型メニューが「使いにくい」というストレスにはあんまり繋がっていな... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://css-happylife.com/log/memo/000344.shtml 264749 inmymemory 2008-02-16T10:16:24Z web_design 華麗なヘッダーを持つ70サイト*ホームページを作る人のネタ帳 http://clip.nifty.com/entry?url=http%3A%2F%2Fe0166.blog89.fc2.com%2Fblog-entry-391.html&title=%E8%8F%AF%E9%BA%97%E3%81%AA%E3%83%98%E3%83%83%E3%83%80%E3%83%BC%E3%82%92%E6%8C%81%E3%81%A470%E3%82%B5%E3%82%A4%E3%83%88*%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 売れない、人が来ないホームページにならない為の、インターネットの知識とブログネタ華麗なヘッダーを持つ70サイト
スポンサード リンク



すごい〜。
70個まとめた作者に敬意。
これは参考になりました。

刺激的なデザイン多し
※画像をクリックするとリンク先へジャンプします



こういうのとか。
初めてみたサイトですが、細かいところがすごい作りこまれていて、遊び心満載ですね。
クマー。





これも好きです。





このFlashなんかはかなりクオリティ高い。
動画もいかしてます。





こちらもインパクトが強いヘッダー。
ヘッダー以外がシンプルという点も個人的に好きだったりします。





テキストよりもイラストや画像の方が印象に残りやすいですが、こうしたテキストの画像化によるデザインも勉強になりますね。





ヘッダーもさることながら、突然始まるムービーもなかなか上手い使い方で参考になります。





右サイドに配置されているメーターに視線が釘づけに。
こうしたちょっとしたアクセサリーが、もしもブログパーツだと同化できず、ういてしまうんですが、一体化させたデザインとして作りこまれているので素敵です。


こうした、クオリティの高いウェブサイトを70集めたエントリ。
70+ V... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://e0166.blog89.fc2.com/blog-entry-391.html 263525 inmymemory 2008-02-14T18:38:00Z web_design links クリエイティブなE-コマースサイトいろいろ - DesignWalker http://clip.nifty.com/entry?url=http%3A%2F%2Fwww.designwalker.com%2F2008%2F02%2Fcreative-ecommerce.html&title=%E3%82%AF%E3%83%AA%E3%82%A8%E3%82%A4%E3%83%86%E3%82%A3%E3%83%96%E3%81%AAE-%E3%82%B3%E3%83%9E%E3%83%BC%E3%82%B9%E3%82%B5%E3%82%A4%E3%83%88%E3%81%84%E3%82%8D%E3%81%84%E3%82%8D%20-%20DesignWalker 今回は、ちょっぴり変わった見せ方に挑戦しているサイトを中心に、とってもクリエイティブなショッピングサイトをまとめてみました。
中には、カートが付いていないサイトもありますが･･･
Soïa & Kyoモントリオールを拠点にするファッションサイト。奥行きを感じますね。。おもしろいナビゲーションです。
UNDER.まるで本当に靴屋さんにいるような・・・3Dスニーカーショールーム。
neovision日本の素材サイトです。素材が順番にゆっくり流れて行きます。
Loworks storeとってもかわいいイラストサイト。動きも心地良いですね。
coletteフランスのファッション系サイト
Sound Provisionsシアトルのお茶などの飲み物を中心に扱うショップ。商品一覧から、トップに戻るときの感じが好きです。
20ltd20種類の特別限定品を扱うショップ。見せ方がとにかくカッコいいです。A new and unusual shop for exceptional products.
Bjorn Borgスウェーデンの下着... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://www.designwalker.com/2008/02/creative-ecommerce.html 258128 inmymemory 2008-02-08T20:13:35Z ec web_design links いつかは作ってみたい海外スタイリッシュサイト30選 30 Great Website Designs (Part1) http://clip.nifty.com/entry?url=http%3A%2F%2Ftutorialblog.org%2F30-great-website-designs-part1%2F&title=%E3%81%84%E3%81%A4%E3%81%8B%E3%81%AF%E4%BD%9C%E3%81%A3%E3%81%A6%E3%81%BF%E3%81%9F%E3%81%84%E6%B5%B7%E5%A4%96%E3%82%B9%E3%82%BF%E3%82%A4%E3%83%AA%E3%83%83%E3%82%B7%E3%83%A5%E3%82%B5%E3%82%A4%E3%83%8830%E9%81%B8%20%20%2030%20Great%20Website%20Designs%20%28Part1%29 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://tutorialblog.org/30-great-website-designs-part1/ 256166 inmymemory 2008-02-06T11:45:44Z web_design links 2007年度web制作者の為のまとめ再構築30選*ホームページを作る人のネタ帳 http://clip.nifty.com/entry?url=http%3A%2F%2Fe0166.blog89.fc2.com%2Fblog-entry-382.html&title=2007%E5%B9%B4%E5%BA%A6web%E5%88%B6%E4%BD%9C%E8%80%85%E3%81%AE%E7%82%BA%E3%81%AE%E3%81%BE%E3%81%A8%E3%82%81%E5%86%8D%E6%A7%8B%E7%AF%8930%E9%81%B8*%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 売れない、人が来ないホームページにならない為の、インターネットの知識とブログネタ2007年度web制作者の為のまとめ再構築30選
スポンサード リンク

去年一年間で多くのまとめエントリを書き上げてきました。
その中でも、ここにはお世話になったなぁと思えるweb制作向けサイトが、まとめエントリごとに分散されて、使いにくくなってきました。

そこで今回は、そんなまとめサイトの中で、私が定番化して使っているwebサービスや、エントリ、フリーソフトなどを、自分用にまとめます。

いつも通りのテーマですが、web制作の時間短縮と、無料をテーマに選んでおります。

プログラミング
944 + Ajax/Javascript/Dhtml examples and demos to download


Ajax、JavaScript、Dhtmlの宝庫。
当時ブックマークしたときは、81個しかなかったライブラリが、一年で944ものライブラリを集めています。とんでもない成長のしかたを、今でもし続けています。
リンク先はあえてトップページではなく、ライブラリページです。
眺めているだけで楽しくなってくるとはこのことですね。



Dynamic ... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://e0166.blog89.fc2.com/blog-entry-382.html 252130 inmymemory 2008-02-04T04:56:36Z web_design material tool tips links CSSレイアウト時のよくやる失敗と対処法｜WEB制作（html,css(スタイルシート) )｜プログラムメモ http://clip.nifty.com/entry?url=http%3A%2F%2Flogic.stepserver.jp%2Fdata%2Farchives%2F157.html&title=CSS%E3%83%AC%E3%82%A4%E3%82%A2%E3%82%A6%E3%83%88%E6%99%82%E3%81%AE%E3%82%88%E3%81%8F%E3%82%84%E3%82%8B%E5%A4%B1%E6%95%97%E3%81%A8%E5%AF%BE%E5%87%A6%E6%B3%95%EF%BD%9CWEB%E5%88%B6%E4%BD%9C%EF%BC%88html%2Ccss%28%E3%82%B9%E3%82%BF%E3%82%A4%E3%83%AB%E3%82%B7%E3%83%BC%E3%83%88%29%20%29%EF%BD%9C%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%A0%E3%83%A1%E3%83%A2 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://logic.stepserver.jp/data/archives/157.html 244481 inmymemory 2008-01-26T15:18:28Z 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 inmymemory 2008-01-24T01:53:44Z web_design links カラースキームを決めるのに便利なサイト10選 | コリス http://clip.nifty.com/entry?url=http%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fdesign%2F752.html&title=%E3%82%AB%E3%83%A9%E3%83%BC%E3%82%B9%E3%82%AD%E3%83%BC%E3%83%A0%E3%82%92%E6%B1%BA%E3%82%81%E3%82%8B%E3%81%AE%E3%81%AB%E4%BE%BF%E5%88%A9%E3%81%AA%E3%82%B5%E3%82%A4%E3%83%8810%E9%81%B8%20%7C%20%E3%82%B3%E3%83%AA%E3%82%B9 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://coliss.com/articles/build-websites/operation/design/752.html 240143 inmymemory 2008-01-22T11:05:50Z color web_design 検索フォームや見出しなどエレメントのデザインを集めたサイト -Elements of Design | コリス http://clip.nifty.com/entry?url=http%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fdesign%2F757.html&title=%E6%A4%9C%E7%B4%A2%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A0%E3%82%84%E8%A6%8B%E5%87%BA%E3%81%97%E3%81%AA%E3%81%A9%E3%82%A8%E3%83%AC%E3%83%A1%E3%83%B3%E3%83%88%E3%81%AE%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%82%92%E9%9B%86%E3%82%81%E3%81%9F%E3%82%B5%E3%82%A4%E3%83%88%20-Elements%20of%20Design%20%7C%20%E3%82%B3%E3%83%AA%E3%82%B9 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://coliss.com/articles/build-websites/operation/design/757.html 240901 inmymemory 2008-01-22T10:58:47Z web_design IE6でよく遭遇するCSSのバグとその解決方法 | コリス http://clip.nifty.com/entry?url=http%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fcss%2F753.html&title=IE6%E3%81%A7%E3%82%88%E3%81%8F%E9%81%AD%E9%81%87%E3%81%99%E3%82%8BCSS%E3%81%AE%E3%83%90%E3%82%B0%E3%81%A8%E3%81%9D%E3%81%AE%E8%A7%A3%E6%B1%BA%E6%96%B9%E6%B3%95%20%7C%20%E3%82%B3%E3%83%AA%E3%82%B9 float: left;
width: 200px;
margin-left: 10px;
}
#content{
float: right;
width: 500px;
margin-right: 10px;
}マージンが２倍になってしまうバグは、「display:inline;」で解決します。sample:解決方法#navigation{
floa... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://coliss.com/articles/build-websites/operation/css/753.html 240048 inmymemory 2008-01-21T10:51: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 inmymemory 2008-01-18T18:45:04Z web_design tips links [CSS]テキストにグラデーション効果をつけるスタイルシート | コリス http://clip.nifty.com/entry?url=http%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fcss%2F746.html&title=%5BCSS%5D%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88%E3%81%AB%E3%82%B0%E3%83%A9%E3%83%87%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E5%8A%B9%E6%9E%9C%E3%82%92%E3%81%A4%E3%81%91%E3%82%8B%E3%82%B9%E3%82%BF%E3%82%A4%E3%83%AB%E3%82%B7%E3%83%BC%E3%83%88%20%7C%20%E3%82%B3%E3%83%AA%E3%82%B9 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://coliss.com/articles/build-websites/operation/css/746.html 236440 inmymemory 2008-01-18T07:36:54Z web_design ベア速 やる夫がＷＥＢデザイナーになるようです http://clip.nifty.com/entry?url=http%3A%2F%2Fvipvipblogblog.blog119.fc2.com%2Fblog-entry-136.html&title=%E3%83%99%E3%82%A2%E9%80%9F%20%E3%82%84%E3%82%8B%E5%A4%AB%E3%81%8C%EF%BC%B7%EF%BC%A5%EF%BC%A2%E3%83%87%E3%82%B6%E3%82%A4%E3%83%8A%E3%83%BC%E3%81%AB%E3%81%AA%E3%82%8B%E3%82%88%E3%81%86%E3%81%A7%E3%81%99 お気に入りサイトの最新記事やる夫がＷＥＢデザイナーになるようです 　1 名前：以下、名無しにかわりましてVIPがお送りします。[] 投稿日：2008/01/12(土) 02:57:28.18 ID:iSiNomjo0
【８年前】
　 　　　＿＿＿_　　
　　　／　　 　 　＼
　 ／　　─　 　 ─＼　
／ 　　 （●） 　（●） ＼　　ホームページ作れるし、
|　 　　 　 （__人__）　 　 |　　　ＷＥＢデザイナーになろうかな？
/　　　　 ∩ノ ⊃　　／
(　 ＼　／ ＿ノ　|　 |
.＼　“　　／＿＿|　 | 　
　　＼ ／＿＿＿ ／




3 名前：以下、名無しにかわりましてVIPがお送りします。[] 投稿日：2008/01/12(土) 03:03:00.97 ID:iSiNomjo0
【８年前某日】
　　　　　 　　　＿＿＿_
　　　　　　　／　　 　 　＼
　　　　 　／　　─　 　 ─＼　　　ソースコードかけるしいけるかな？　
　　　　／ 　　 （●） 　（●） ＼　　どれ、求人雑誌に載ってるし応募してみるか。
　　　　|　 　　 　 （__人__）　 　 |　＿... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://vipvipblogblog.blog119.fc2.com/blog-entry-136.html 231922 inmymemory 2008-01-15T07:04:58Z web_design 2ch あとで読む