Web デザイナーに求めたい 5つのこと | WWW WATCH
趣味として Web サイトを作っている場合は置いといて、仕事として Web サイト制作に携わる Web デザイナーであれば、今後、最低限これくらいは押さえといて欲しいなということをえらそうに書いてみます。 個人的にスキルが 「デザイン」 よりも 「コーディング」 に偏っている傾向があるので、内容的にはコーディングに関係する話が多くなっているかもしれませんけど...... 1、DTP 脳からの脱却 DTP の延長で作られる Web サイトデザインの中にはフォントサイズやテキストの量が決め打ち前提で作られているデザインも少なくありません。それが悪いとは言わないんですけど、現在の Web 制作においては、CMS を始めとした他のプログラムとの連動やアクセシビリティを念頭に、柔軟性のあるデザインが求められます。 自分の思い描いたとおりにデザインをコントロールしたいという気持ちはわからなくはないので
スケーラブルWebサイト
ユーザー数の増加に伴って、その規模を容易に拡大できるスケーラブルなWebサイト構築について解説した総合ガイド。何百万人ものユーザーに対応するWebアプリケーション用のインフラを構築するための立証された手順を、実践的な例と最先端テクニックを使ってソフトウェア/ハードウェアの両面から解説します。限られた予算で今日のWebアプリケーションに耐えうる性能を実現したいすべての開発者にとって有用な1冊です。 翻訳者によるサポートページ。 訳者まえがき まえがき 1章 はじめに 1.1 ウェブアプリケーションとは？ 1.2 ウェブアプリケーションの構築法 1.3 アーキテクチャとは？ 1.4 どう始めるか 2章 ウェブアプリケーションのアーキテクチャ 2.1 階層化されたソフトウェアアーキテクチャ 2.2 階層化技術 2.3 ソフトウェアインタフェースの設計 2.4 A地点からB地点へ 2.5 ソフトウ
CSS 分割管理の実践編
2006-12-13T09:47:51+09:00 数日前に行ったリニューアルでは、いくつか課題を設けました。ただただリニューアルしても張りがありませんし、ウェブデザインを行うものにとって自身のウェブサイトは自身の作品のようなものだし、好き勝手できるのも魅力なわけです。何回かの記事にわけて、リニューアルでおこなった作業をまとめていこうと思います。 前回、スタイルシートを分けて管理する方法をまとめるで CSS ファイルを分割管理するメリットや、どのように分割するか案を書いてみましたが、今回のリニューアルで実際に案を元に分割管理を実践し、結果はリストのようになりました。各ファイルの概要は案段階から変化がないので、そちら参照ください。以下のリストでは、テーマファイル以外の実際の CSS ファイルにリンクしています。 common.css component.css fonts.css scree
ITmedia News：Web of the Year大賞は「ウィキペディア」 2chは部門トップ陥落
ソフトバンククリエイティブの月刊インターネット情報誌「Yahoo！ Internet Guide」は12月6日、2006年のベストサイトをWeb投票で決める「Web of the Year 2006」の結果を発表した。年間総合大賞は、得票数が最多だった「ウィキペディア」が獲得。長くコミュニティ部門1位に君臨していた「2ちゃんねる」は「mixi」にその座を明け渡した。 ウィキペディアはウェブ情報源部門でも1位を獲得。代表としてあいさつしたウィキメディア日本語版管理者の今泉誠さんは「ウィキペディアは、ハードウェア以外はほとんど日本のボランティアに支えられている。そんなサイトが受賞できてうれしい」と語った。 ネットレイティングス賞と話題賞1位はYouTubeが獲得。YouTubeは動画部門でも1位となった。YouTubeスタッフとして授賞式に参加したのは、親会社であるGoogleの日本法人担当者
文字関係のCSSサンプル - CSSTYPE - web safe typography on screen for pixel perfectionists
This domain may be for sale!
ウノウラボ Unoh Labs: WEBアプリのテストに必須なツール７種
こんにちは！やまもと＠テスト番長です。 前回satoさんの書いたエントリーが好評のようですね。 自分は実は美術系出身です。なので「デザインセンスのある人からみた～」というエントリーでも続けて書いちゃおうかなと一瞬思いましたが、世の中にはWEBデザインのプロの方もいらっしゃることだし、控えておきましょう。 センスってのも考え込むと難しいですしね。 個人的には、WEBデザインの美醜って「使いやすさ」とかなり直結な気がしてます。 さて、今回は僕が普段テストに使っているツールでもご紹介してみようかと思います。 Selenium 一年前くらいに登場した無償の自動実行ツールです。 有償の自動実行ツールは以前からありましたが、 ベンチャーが購入するには高価なものなので 大手以外にはあまり導入されていなかったであろう類のツールです。 テストシナリオにそってブラウザを自動で操作してくれます。
Webアプリに使えるAjaxライブラリ8選！ ― ＠IT
Ajaxライブラリの全体像を把握しよう Ajaxライブラリ（*注1）はすでに数多くのものが出回っていますが、多過ぎて全体像がつかめていないのではないでしょうか。今回は代表的なAjaxライブラリの一部を挙げ、それぞれを比較しながらAjaxライブラリの全体像を把握していきたいと思います。 どうして、Webアプリ開発にAjaxライブラリが必要なのか どのようなプログラミング言語でもライブラリが存在するように、Ajaxにおいてもライブラリが存在します。 初めにAjaxライブラリの必要性について見ていきたいと思いますが、ここではAjax開発ならではのライブラリの必要性を2点取り上げます（ほかの言語のライブラリと共通する必要性はあらためて取り上げません）。 クロスブラウザ対応 Ajaxの利点として、さまざまな環境における一般的なWebブラウザ上で実行できることが挙げられます。しかしWebブラウザの実装
『Research-Based Web Design & Usability Guidelines』／リンク＆資料集 － Webアクセシビリティポータルサイト『infoaxia(インフォアクシア)』
現在位置：ホーム リンク＆資料集 『Research-Based Web Design & Usability Guidelines』 『Research-Based Web Design & Usability Guidelines（調査研究に基づいた Web デザイン & ユーザビリティ・ガイドライン）』の日本語訳は、アメリカ保健福祉省（HHS）の許可を受けた株式会社インフォアクシアが提供しています。 目次 『第9章：見出し、タイトルとラベル』は、3月8日火曜日に公開する予定です（毎週火曜日更新）。 イントロダクション 背景および方法論 ガイドラインの使い方 第1章：デザインプロセスと検証 第2章：ユーザー・エクスペリエンスの最適化 第3章：アクセシビリティ 第4章：ハードウェアとソフトウェア 第5章：HOMEページ 第6章：ページレイアウト 第7章：ナビゲーション 第8章：スク
エキスパート連載コラム / 実践ノウハウ － 『infoaxia(インフォアクシア)』
アクセシビリティ、Web標準（Webスタンダード）、SEO（検索エンジン最適化）、ライティング、それぞれの第一人者の皆さんによる連載コラムです。"木を見て森を見ず" にならないように、アクセシビリティを関連するキーワードとあわせて考えてみましょう。 植木 真の『アクセシビリティとWeb標準、SEO』 第1回：「"守り" ではなく、"攻め" のアクセシビリティのススメ」 第2回：「アクセシビリティとWeb標準」 第3回：「アクセシビリティとSEO」 第4回：「アクセシビリティとライティング」 第5回：「アクセシブルなサイト構築フロー」 プロフィール 植木 真（うえき まこと） 主に大手企業サイトのアクセシビリティ対応をサポートするコンサルタント。2004年10月に株式会社インフォアクシアを設立。2004年6月に制定された JIS X 8341-3 の策定作業に従事した後、現在は W3C/W
[論文] Web標準と慣習の競合:Geekなぺーじ
「The Web designer's dilemma: When standards and practice diverge, Aaron Weiss, Web design '06: balancing standards and practice ,Pages: 18 - 25, March 2006, ACM Press」 という論文を読みました。 面白かったので要約してみました。 以下の文は論文に書いてある事の要約です。 私の誤訳や誤解があるかもしれないので、詳細は論文を読んでください。 ブラウザ戦争 1991年にTim Berners-LeeがWebサーバとブラウザを配布し始めたときには、理論と実装は整合性を保っていました。 しかし、他の人たちが独自のブラウザを作り始めて、それぞれ独自の拡張を加え始めました。 Webデザイナーは、Netscapeの<BLINK>タグのような独
Web of the Year 2006
ソフトバンク クリエイティブ株式会社「Yahoo! Internet Guide」主催 あなたが選ぶホームページ大賞〜2006年の日本のベストサイトはこれだ！ Web of the Year 2006 開催期間：2006年11月6日（月）〜11月19日（日） 発表はYahoo! Internet Guide本誌2007年2月号（12月27日発売予定）で!! 今年で11回目となる「Web of the Year」は、この1年間を振り返り、話題に上ったサイトや有名・人気サイトのなかから、一般投票によって「ベストサイト」を選ぼうという企画です。昨年のWeb of the Year 2005では有効投票数が9万7886票となり、名実ともに業界最大規模のオンラインイベントとなっています。 投票は、話題賞、新人賞という2つの特別賞と、ウェブサイトのカテゴリごとに競う部門賞に分けて行います。さらに
Part5 SOAP，WSDL，REST――Web APIの基礎技術を学ぶ：ITpro
Web API（WebサービスAPI）をプログラミングで活用するにあたって，ぜひ知っておきたい基礎技術が三つあります。古典的な技術の代表としてSOAPとWSDL，そして昨今急速に普及してきたRESTです。ごく単純に言ってしまうと，前者は「高機能で複雑」，後者は「シンプルで簡単に利用可能」と区別できるでしょう。現時点では，そのシンプルさが多くの開発者に受け入れられたおかげか，REST方式が（先達である）SOAP方式を圧倒しているように見えます＊1。 もっとも，だからといってRESTがSOAPよりも優れていると結論付けるのは早計でしょう。昨今では，SOA（Service Oriented Architecture）という言葉に代表されるように，大規模なシステムを「サービス」という単位で構成し，互いに連携し合う設計手法が注目されています。特に，SOAを実現する具体的な基盤技術として注目されている
Typetester Compare fonts for the screen
Design Beautiful Typography One of the most popular applications for web designers is now a full-blown typography editor. Typetester classic that is known and loved by all is still online! Test and compare more than 2800 web fonts. The new Typetester is a WYSIWYG web typography editor. Create, export and share unlimited projects.
Bascule Inc.
FEATURED PROJECT新しいつながりをデザインし、既存の枠組みを超えた未来のスタンダードをつくる プロジェクトデザインの事例です
StompStamp | ストンプ・スタンプ オフィシャルページ
PRODUCE ライトオン × FILA × GirlsGirls × TEGTEG 商品の企画からプロモーションをプロデュース 。 コロナにおいて大きな成果に実現。 PRODUCE ASO GRANPING RESORT ブランディングからweb、プロモーション、商品企画まで、 事業全体をトータルプロデュース。
HTML - 俺タグはXHTML的にはOKなはずなのだが : 404 Blog Not Found
2006年10月31日23:00 カテゴリLightweight Languages HTML - 俺タグはXHTML的にはOKなはずなのだが XHTML⊂XMLということになっている。 XMLは俺タグをいくらこさえてもいいことになっている。とりあえずDTDがなくてもWell-Formedなら通ることになっている。「君タグ」と「俺タグ」を混在させるためにnamespaceという仕組みまで用意してある。 例えば、以下は全てXHTML的に正しいdocumentのはずである。少なくとも、Well-formed XMLではある。 ボキャブラリを拡大する「名前空間」 <xhtml:html xmlns:xhtml="http://www.w3.org/1999/xhtml"> <xhtml:head> <xhtml:title>本の紹介</xhtml:title> </xhtml:head> <xh
Google、「ウェブマスターのためのガイドライン」を更新 ::SEM R (#SEMR)
Google、「ウェブマスターのためのガイドライン」を更新 グーグルが「ウェブマスターのためのガイドライン」を更新。動的URLの処理に関する変更があった。 公開日時：2006年10月27日 19:40 Googleが公開している文書「ウェブマスターのためのガイドライン」が更新された。 「ウェブマスターのためのガイドライン」はGoogleにインデックス登録されやすくするためのサイト制作上の注意点をまとめた文書。今回更新されたのは動的URLに関する処理。今まで記載されていた「文字列"&id="を含むURLはインデックスしません」に関する記述が削除された。 この点について米Googleは、文字列"&id="を含むURLもインデックスするように変更したと説明。ただし、複雑なパラメータを持つ動的URLはインデックス時に問題が発生すること、ユーザにわかりやすい簡潔なURLに書き換えることが望ましいこと
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.rankingjapan.com/ranking.php?page=746
「97％のWebサイトが最低限のアクセシビリティに達していない」国連調査
http://siteadminstuff.com/all.html