WEB制作者のための32個のブックマークまとめ（part2）*ホームページを作る人のネタ帳
404 Blog Not Found:あなたのページを最速にする14の掟
2007年05月11日18:45 カテゴリiTech あなたのページを最速にする14の掟 人気Webサイトの管理人、必読。 紹介ページ: 14 rules for fast web pages (Skrentablog) PPTのスライド: http://www.web2expo.com/presentations/webex2007/souders_steve.ppt 実は、これらはYahoo!の"Chief Performance Yahoo!"(本当にそういう役職名)であるSteve Soudersによる以下のblog entriesをまとめたもの。 Performance Research, Part 1: What the 80/20 Rule Tells Us about Reducing HTTP Requests Performance Research, Part 2:
成功するショッピングサイトに必要な17の新常識 | POP*POP
SEO関連の話題を扱っているseomoz.orgにて興味深い記事がありました。「17 New Rules for Successful E-Commerce Websites」です。 ショッピングサイトを作るときにはどういった点に気をつければいいか、かなり参考になるのではないでしょうか。 以下に詳しくご紹介（あまり好きではないですが、説明の都合上、元記事からそのまま画像を拝借しています）。 ユーザーがどこにいるのか教えてあげよう ユーザーがトップページ以外にいる場合、どのセクションにいるのかわかるようにしましょう。パンくず型のナビゲーションも有効です。 選択条件を解除できるようにしよう ユーザーは一般的に選択条件を追加しながらサイトを見ていきます。そうした選択条件はすぐにはずして元に戻れるようにしておきましょう。 一般的な並び替え方法はきちんと用意しよう ユーザーが選択しやすいように「価格
WEB戦略におけるポジショニング | ユージック
大企業であれば、各機能をそれぞれ別サイトで保持し、それをマッピングすることによって何が足りないのかを把握することができますが、今回は新規にサイトを作るにあたって、小規模案件での例をとりたいと思います。 そこで今回はクライアントが大阪のエアロパーツが売りの修理も手がける中古車販売店だと想定しポジショニングをはかってみます。この場合、業界での立ち位置は ネット上ではGOOやカーセンサーといった大手と勝負ができない大阪にある小規模な中古車販売店 となります。これは簡単に考えがつく立ち位置だと思います。しかし、これではネット上で集客することができそうにないですね。GOOやカーセンサーといった大手の中古車販売サイトと勝負をすることが間違いなのであってもっとクライアントの特質を考慮したポジショニングも考えないといけません。 では、もう少し視点を変えてセグメントをはかってみます。クライアントはエアロパー
8 web menus you just can't miss
There’s no point to discuss the importance of a web menu, how it’s done and how it looks. Many people may remember a website for its a great looking menu. I will show you some great examples in this posting which I hope you will enjoy and use on your websites. Some of them are built by me while others have credits but are free to use. Most of them are CSS based so this is why these resources are l
Webデザイナー/開発者が覚えておくとよい２５のテクニック:phpspot開発日誌
25 Code Snippets for Web Designers (Part1) There are loads of handy scripts, bits of html and widgets that you can incorporate into your websites and blogs - here we bring together 25 of the most helpfull in the first part of this series … Webデザイナー/開発者が覚えておくとよい２５のテクニックが紹介されていました。 知っておいてサイトに組み込めば、一歩レベルが上のサイトを構築できるはずです。 CSSを使うものだけでなく、JavaScript や PHP も絡んでくるものもありますが、サンプルを改変することで設置をすることも出来るはずです。 バブルツー
Webページを作る心がけ
目次 はじめに 絶対に役に立つこと 多種類のブラウザへの配慮 テキスト版ブラウザへの配慮 遅い回線への配慮 ハンディキャップを持つ人への配慮 リンクの張り方 心構え 他のWebページ管理者とのやりとり Yahoo! JAPANへの登録について その他の配慮 Web日記を書く心がけ みなさんからのフィードバック ぜひ、感想をお送りください リンク集 更新履歴 はじめに このページでは、結城浩がWebページを作成するときに心がけていること、 心がけたいと思っていることを書きます Webページによって発信する情報はさまざまなので、 私の「心がけ」が万人にあてはまるわけではありません。 けれど、これを読んでいるあなたの参考になるなら、とてもうれしいです。 絶対に役に立つこと <img>タグにはwidthとheight属性をつける。ページ表示にかかる体感時間が圧倒的に短くなるから。 <title>タ
ウノウラボ Unoh Labs: ユーザビリティ・ガイドライン
sashaです。 naoya君が前回のエントリーで振ってくれたように、ジョエルテストの話から、ユーザビリティ・テストをどこまで行うかという話になりました。 私が今まで見たユーザビリティ系の記事の中には、追求したら悟りが開けそうな、限りなく奥深いものもありましたが、適度に深く、満遍なくカバーしているユーザビリティ・ガイドライン（原文）を見つけ、以降これを参考にしています。少し前に翻訳しましたので、今日はそれをご紹介いたします。 一般ユーザー向けのWebサービスでは、全部のチェック項目が該当するわけではありません。個人的には、各項目のスコアより、「スコアの説明」という欄を重視しています。現状では何が問題であり、どう解決するべきなのか、そういった思考のプロセスが、「ユーザーのことを思うこと」だと思うのです。 いま、ウノウではフォト蔵のデザイン見直しを行っております。私たちのデザインを省み、
ページ作成のテクニックをまとめた「20 pro tips」が公開されています - PHPプロ！ニュース
平素より「PHPプロ！」をご愛顧いただき、誠にありがとうございます。 2006年より運営してまいりました「PHPプロ！」ですが、サービスの利用状況を鑑みまして、2018年9月25日（火曜日）をもちましてサービスを終了させていただくことになりました。 サービス終了に伴いまして、2018年8月28日（火曜日）を持ちまして、新規会員登録ならびにQ&A掲示板への新たな質問、回答の投稿を停止させていただきます。 なお、ご登録いただいた皆様の個人情報につきましては、サービス終了後、弊社が責任をもって消去いたします。 これまで多くの皆様にご利用をいただきまして、誠にありがとうございました。 サービス終了に伴い、皆様にはご不便をおかけいたしますこと、心よりお詫び申し上げます。 本件に関するお問い合わせはこちらよりお願いいたします。
サイトマップの必要性 / ウェブデザインライブラリー
投稿日：2006年6月20日 レベル：初級 ソフトウェア：− サイトマップは少しの説明を加えた、あなたのサイトのカタログとなるものです。訪問者にとって必要な情報をすぐに引き出せるように、リンクを貼って移動も簡単にできるようにしましょう。できる限り、あなたのサイトに関して完璧な指標となるように心がけましょう。 サイトマップは検索エンジンにおいて高いヒットランキングを実現したいなら、必要なモノです。実際に、高いランキングを与えられているサイトは必ず、サイトマップを持っています。 サイトマップは以下の項目を含んでいなければなりません ･基本的なキーワードを含むサイトの簡単な説明。それぞれのページへのリンク。 ･よく考えられたサイトマップはサイトの全ての部分に道を作っています。この方法で、検索エンジンにおいて高いランキングを獲得しています。 サイトマップ作成における基礎的なアドバイス −
B2Bのユーザビリティ
ユーザテストは、ビジネス対ビジネス用Webサイトのユーザビリティが、一般的な消費者向けサイトよりも、かなり低いことを示している。もっと顧客転換率を上げたければ、ガイドラインに従って、商材を見込み客たちが楽にリサーチできるよう手助けするべきだ。 B2B Usability by Jakob Nielsen on June 1, 2006 多くのビジネス対ビジネス（ B2B ）サイトは、ユーザ体験の観念が 1990 年代で止まってしまっている。顧客たちのよくある疑問や関心に応えることに失敗し、彼らが取引先候補を探す作業の障碍となってしまっているのだ。 これらのサイトは、ウェブが企業と顧客の関係を逆転させたことに気づいていない。オンライン上でのインタラクションのほとんどは、要求主導型だ。訪問者の要求を満たすことができなければ、彼らが貴方のサイトを見捨てて競合サイトへ流れていくのを、眺めているしか
cyano: HTTPSの認証ページから認証後、HTTPのページへセキュリティーの警告無しにリダイレクトする方法
普通に考えると、パスワードを認証後のHTTPレスポンスヘッダ(*1の部分)で Location: http://www.exmaple.com/logined.html とかすればいいんじゃないの？と思うのですが、そうするとIEで「セキュリティーで保護されていないページに移動しようとしています」というような警告ダイアログが出てきてしまいます。 そんな警告ダイアログが出るのはユーザーフレンドリーじゃないので、それを防ぐ方法。 解決方法は簡単で、レスポンスヘッダで対応できないならレスポンスボディーで対処すればOK（Yahoo!なんかもこの方法を使っているようです）。たとえば、認証後、*1のところで以下のようなHTMLを返してあげれば、ブラウザがHTTPなページにリダイレクトしてくれるわけです。 <html> <head> <meta http-equiv="refresh" content="
SEOに役立つキーワード関連ツールを紹介 | Webワーカー向け便利サービス
SEOに役立つキーワード関連ツール 田口 和裕（フリーライター） ネット上にはWebワーカーにとって役立つツールが大量に、そして多くは無料で提供されている。このコーナーでは毎回テーマを決め、実務に役立つすぐれた即戦力ツールを紹介していきたい。初回となる今回は、SEO対策になくてはならないキーワード関連ツールを紹介しよう。 まずはキーワードを決めよう Googleアドワーズ広告：キーワードツール キーワードアドバイスツール キーワードの選定作業は、Googleアドワーズ広告に出稿する場合はもちろん、一般的なSEO対策においても極めて重要な要素になることはいうまでもないだろう。 よく誤解されるのだが、優良なキーワードの条件は「Googleの検索結果でヒット件数が多いキーワード」ではなく「ユーザーが検索に利用した回数が多いキーワード」だ。 運営するサイトに誘導したい顧客層が検索の際に使いそうなキ
正しいアクセス解析は正しい用語の理解から | 基本編
アクセス解析の仕組みをふまえれば何がわかるか見えてくる2005年にブログやCMSが流行したが、アクセス解析結果を初めて目にしたウェブマスターも多いことだろう。今年は、ただ数字を見て「ヘェー、こんなキーワードが来てるのか」と感心するだけでなく、もっと解析結果を生かして次の一手を決める運営を目指してほしい。 アクセス解析というと難しいシステム的なものと思って尻込みするウェブマスターはまだ多い。しかし、アクセス解析とは、出てきた数字を使ってサイトをどう改善していくか、そこからユーザーのニーズをつかんでどうコントロールするかというマーケティング判断の問題なのだ。 この連載では、アクセス解析での数字の見方やサイトの改善方法をできるだけ具体的かつ実践的に解説する。とは言え、アクセス解析では、正しく理解しておかなければその後の判断に悪影響を与える可能性のある用語や概念がある。第一回となる今回は、具体的な
世界のPHPテンプレートエンジン、トップ25
PHPテンプレートエンジンというのは、PHPによるプログラム部分と、HTMLによるデザイン部分を分離することによって、メンテナンス性を向上させることができる、というもの。 プログラムするPHPを扱う側の人にとって見れば、デザイナーの仕上がりを待たずにソースの修正などが可能になり、デザイナー側から見れば、PHPの知識が無くてもテンプレートファイルの部分を変更するだけでデザイン可能になる、というわけ。 そんなPHPテンプレートエンジンの中でも特に有名なトップ25を見てみましょう。 Jaslabs >> Top 25 PHP template engines 中には知らないのも混じってますが、それだけいろいろあるよ、ということで。 Smarty 動作速度の高速さとフレキシブルなところがウリ、かなり有名。 Heyes Template Class とても使うのが簡単で、パワフルらしい。ページレイア
高速＆シンプルなJavascriptテンプレートシステム『RND』:phpspot開発日誌
amix.dk : RND - fast and simple JS template system As web applications get more dynamic and complex, it's crucial to know what's the fastest way to render content. I have done some research and I am gladly sharing it with you. 高速＆シンプルなJavascriptテンプレートシステム『RND』の紹介。 Ajaxなどを駆使して動的にWebアプリケーションのHTMLを書き換える手法は、最近のWebアプリのトレンドとなっています。 動的にWebアプリケーションのHTMLを書き換える方法としては次があります。 これらの方法のそれぞれのベンチマークを取ると、 document.
アクセシビリティ向上のための小技マークアップ Tips (Jamz Design)
ユーザビリティやアクセシビリティをチェックするためのシートや考え方を記したドキュメントはいくつか公開されていますが、それらに対応するための具体的なマークアップ、Tips についての情報はあまり見かけません。 関連ドキュメントに関しては、以下ページが参考になると思います。 高齢者・障害者等配慮設計指針－情報通信における機器，ソフトウェア及びサービス－第３部：ウェブコンテンツ (JIS規格)A.A.O. - ウェブコンテンツJIS (解説) ウェブコンテンツ・アクセシビリティ・ガイドライン 1.0 (W3Cの原文を個人が翻訳したもの) ウェブコンテンツ・アクセシビリティ・ガイドライン1.0 技術書 (W3Cの原文を個人が翻訳したもの) ウェブコンテンツ・アクセシビリティ・ガイドライン1.0 CSS技術書 (W3Cの原文を個人が翻訳したもの) Web Content Accessib
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
lllcolor.com
cengiz demir
Webデザインとグラフィックの総合情報サイト - MdN Interactive - Webデザイン超基本のお作法50選
