40分でできるホームページ診断 ～最低限クリアしたい40項目のチェックシート | Web担当者Forum
40分でできるホームページ診断 最低限クリアしたい40項目のチェックシート［訪問者目線編 2008年版］ SEO？ ユーザビリティの向上？ それ以前にしなきゃいけない「サイト作りの基本のキ」を、あなたのサイトではちゃんとできているだろうか？ 高度な施策に目を向ける前に、最低限クリアしておきたいチェックポイントをまとめてみた。あなたのサイトは何点とれるだろうか？ TEXT：編集部 協力：株式会社 環 ウェブサイト作りの基本のキSEOやユーザビリティに限らず、キーワード広告、アクセス解析、LPO、リッチインターフェイスなど、サイトの効果をアップさせる手法はさまざまあり、Web担でも詳しく解説してきている。 しかし、そういった施策にコストを割く前に、現状の自社サイトが、訪問者が「あれれ？」とマウスをうろうろさせてしまうような状態になっていないか確認したことがあるだろうか。 そんなあなたのために、
CSSレイアウト時のよくやる失敗と対処法｜WEB制作（html,css(スタイルシート) )｜プログラムメモ
■floatでレイアウトしたときのボックスの間に隙間が出来る →隙間が出来るボックス要素全てに float 要素を追加 ■ <div>内に配置した<img>が<div>よりサイズが小さいと隙間が出来る → 下記を追加 img { display: block; } ■ Win IEだけずれる時があり、ずれる大きさがフォントサイズによって変わる →ずれる<div>等に vertical-align を設定する（top 又は bottom） ■ <td>内のフォントが正しく指定したとおりでない（Win IE Mac IE） →<td>の中に<span>をいれて対応する ■MacIEで<div>を floatさせると表示が崩れる。 → フロートさせるdiv の width height 属性を指定する ■<ul><li>で画像リンクを作成したときに WinIEでフォントサイズを変更すると 隙間
有用なPhotoshopファイル(psd)配布サイト１４:phpspot開発日誌
14 Amazing Free Photoshop .psd Resource Sites | Speckyboy - Wordpress and Design 14 Amazing Free Photoshop .psd Resource Sites. 有用なPhotoshopファイル(psd)配布サイト１４。 サイトのテンプレート用のファイルや、素材となるような画像、チュートリアル、アイコンまで、色々と有用なPSDファイル配布サイトがまとまってます。 .PSD Files on deviantART FreePSD.com Official PSDs PhotoshopCandy Photoshop Cafe Free Photo Clips | Background-Free Photo Objects PSDTUTS 20+ Free Adobe Photoshop web but
12500以上のハイクオリティなアイコンをまとめたサイト「IconArchive」:phpspot開発日誌
Leo's Icon Archive - 12,500 free icons, buddy icons, xp icons, vista icons, desktop icons, aim icons The Icon Archive is a collection of desktop icon sets from various authors of over 12,500 high quality icons for Windows, Macintosh and Linux Systems. 12500以上のハイクオリティなアイコンをまとめたサイト「IconArchive」 次のような超リアル＆クールなアイコンを入手できます。 それぞれのページにライセンスが書いてあって、利用も簡単に出来ます。 その他サイトで使えるフリーのアイコン配布サイト Silk Icons Mini Icons
straightline bookmark | Web design bookmarking
Ttersへようこそ！ 「Tters(ッターズ)」は、自分に合った〇〇ッターを作成し、フォローして自由につぶやける匿名SNSです。 匿名だからこそ、人間関係のストレスやプレッシャーとは無縁で、自分らしく自然体でありながら自己表現が可能な空間を提供しています。 初めての方は、当サービスの代表的なタイムライン「みんなのッター」にて、思いの丈をつぶやいてみてください。ユーザー登録は必要ありません。 まずは挨拶してみよう この表示は一度つぶやくと消えます。
ウェブに激しく使えるインタラクティブなインターフェース集『Welie』 - 100SHIKI ～ 世界のアイデアを日替わりで ～
インタラクティブなデザインがどうあるべきか、そのデザインパターンを集めまくっているのがデザイナーのWelieさんだ。 彼のサイトではカテゴリーごとにどういったインターフェースデザインが有効かをまとめてくれている。 検索サイト、ショッピングサイト、サイトナビゲーションなどなど、ウェブを作る仕事をしている人にとっては必見だろう。 またそれぞれのパターンにはスクリーンショットの例や、いつ使うべきか、使うときにはどういった点に気をつければ良いかも教えてくれる。 こうした資料は知っておいて損はないですね。
勝手ながら『Web 2.1のデザインパターン』を考えてみた | S i M P L E * S i M P L E
さてデザイナーでもなんでもないのでかなり個人的な主張ですが、「Web 2.0っぽいデザイン」の次を考えてみました。 名づけて『Web 2.1のデザインパターン』ｗ。 個人的には「角丸の次って何よ？」と常々思っていたので、最近新しく出てきたサイトに共通するいくつかの特徴をまとめてみました。 かな～り主観なので「そうかぁ？」と思われる方もいらっしゃるとは思いますが・・・間違いを恐れずにメモ書き程度にエントリーです。 では早速。僕が感じている「次っぽいデザイン」の特徴は4つ。 【1】 極太ストライプ（Bold Stripe） ストライプはWeb 2.0っぽいデザインでも流行っていますが、それをもちょっと太くしたやつを最近よく見ます。 ↑ タイトルと背景が太いストライプに。 ↑ 細いストライプはWeb 2.0っぽかったですが、最近はちょっと太めが流行りかな。 【2】 極太枠線（Bold Borde
テキストをかっこよく魅せるPhotoshopのチュートリアル集：Part 3
テキストにメタル・光・水・草・キャンディーなどのエフェクトを使用したPhotoshopのチュートリアルの紹介です。 各サイトは英語ですが、キャプチャ付きで作成方法を説明しています。一部のサイトでは、PSDファイルをダウンロードできます。
無料で使えるサイトのデザインテンプレート40選『40 Free Web Template Resources』 – creamu
デザインテンプレートを使って手軽にサイトが作りたい。 そんなときにおすすめなのが、『40 Free Web Template Resources』。無料で使えるサイトのデザインテンプレート40選だ。 以下にいくつかご紹介。 » Simavera Website Templates Flashとサイトテンプレート。↑のキャプチャはこのサイト » Open Designs XHTML + CSSのフリーデザインテンプレート » Tristar Web Design Templates 9つしかないが、速くてクオリティの高いXHTML + CSSサイトならここ » Solucija Templates 商用・非商用問わず無料で使えるテンプレート » Styleshout Templates すべてWeb標準準拠のXHTML + CSSサイトテンプレートを配布 無料で使えるサイトのデザインテンプレ
CSSデバッギングツール１０選:phpspot開発日誌
Man with no blog : CSS Debugging Tools - Gary Barber Seems lately that we are now starting to get a good spread of CSS and JavaScript (DOM Scripting) debugging tools available. CSSデバッギングツール１０選。 便利な各種ブラウザ用CSSデバッギングツールがまとまっていました。 XRay - ブックマークレット登録後、ページ内をクリックで情報を表示 YSlow - 先日Yahoo!がリリースしたパフォーマンス測定＆アドバイスツール (for Firefox) Dust-Me Selectors - 不要なCSSを調査して表示してくれるFirefox拡張 Web Developer - おなじみ、CSS用に便利機能を提
各種プログラムコードの整形ツール集:phpspot開発日誌
Time-Savers: Code Beautifier And Formatter 各種プログラムコードの整形ツール集。 ブラウザ上でコードを自動で美しく整形してくれるツールなどがまとまっていました。 コードが綺麗だとメンテナンスしやすくて多くのメンバーでも作業しやすくなりますね。 Quick Highlighter - コードをハイライト化したHTML＆CSSを吐き出せる PrettyPrinter - PHP, Java, C++, C, Perl, JavaScript, CSSコードを整形 PHP Code Beautifier - PEARのコーディング規約に沿った形にPHPコード整形 Ruby Script Beautifier - Rubyスクリプト整形 Tabifier - インデントツール CSS Beautifier - ＣＳＳ整形ツール Highlight.js -
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
透過をきれいに使ったウェブデザインいろいろ - DesignWalker
リストに使える小さいサイズのアイコン素材集 ５サイト - DesignWalker
フォント・マネージメント 日本語フォント 欧文フォント - DesignWalker
一度は作ってみたくなるクールでオシャレなフルFLASHサイト18選まとめ*ホームページを作る人のネタ帳
あの企業のロゴに使用されているようなフォント集 | コリス
http://www.designwalker.com/2008/03/template-generator.html
アイデア満載のクールなデザインのウェブサイト集 -2008年7月 | コリス
木目デザインとモノクロデザイン20サイトとデザインの参考になる45のウェブサイト*ホームページを作る人のネタ帳
ナビゲーションのトレンドと傾向 -2008年2月 | コリス