cybergarden.net
cybergarden.net 2018 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
コーディングガイドライン
構造と見た目の分離の必要性 HTML は Markup (意味付け)する Language (言語)です。例えば文脈のなかで、「ここは見出しですよ」「ここは段落ですよ」などという感じに「意味付け」を行い、文書構造を記述するための言語です。 ところが HTML は Web ページのレイアウト目的に使う仕様が多数盛り込まれ、その簡便さ、習得のしやすさと柔軟性から、本来の「意味付け」以外のレイアウトや見栄えに関する要素が多く使われていました。 それでは本来の HTML の目的に反するということで、「見た目」の部分を担当する CSS が策定されました。 建築物に置き換えるならば、きれいな骨組みの建物(HTML)に壁の色を塗ったり窓の形を変えたり(CSS)という感じでしょうか。いくらきれいな色を使っていても設計ミスの建物では使い物になりません。文書でも同じことが言えるもので、プレーンに理解しやすい文
あなたは勘違いしてないか？ 真相究明！ CSS都市伝説 | Web担当者Forum
あなたは勘違いしてないか？ 真相究明！ CSS都市伝説 ウェブ制作の現場を襲う大きな変化 CSSの真の姿で巷に流れる誤解を解く！ 書店のウェブ関連コーナーに圧倒的な物量で並ぶCSS関連の書籍。ウェブ制作の現場でもCSSがトレンドになりつつあり、現場は大きく変化し始めている。では、ウェブマスターにとってCSSを採用することのメリットとはなにか。また、こうした変化の最中には、数々の「都市伝説」なるものが生まれてきているようだ。ここではCSSの正体と都市伝説について検証する。 森川眞行（シリコンカフェ）＋CreatorsNet CSSとは「表現言語」CSS正式な名称はカスケーディング・スタイル・シート。シンプルにスタイルシートと呼ばれることもある。 ウェブページを作成する際に記述するHTMLとはウェブページを作成するための構造言語で、文書の骨格を作るためのものだ。これに対してCSSは表現言語とい
ウェブページを見る目の動きは「F」パターン - GIGAZINE
つまり人間はページを見る場合、「F」の字を描きながらページ全体を見ているというわけ。 これは232人の被験者を対象に行われたもので、大体1ページから重要なコンテンツを見つけるために2秒から3秒というものすごい短時間に驚異的な速度でページを見ていくそうで。 で、その視線の経路をビジュアル化したのがこの画像。全部で3段階のステップを踏んでおり、各段階を踏んでいった結果、「F」の字を描くというわけ。大体どのユーザーも一貫してこのパターンを踏んでいるらしい。以下がその全3段階の説明。どういうレイアウトが効果的なのかが分かります。 F-Shaped Pattern For Reading Web Content (Jakob Nielsen's Alertbox) http://www.useit.com/alertbox/reading_pattern.html 第1段階： 訪問者は最初にページの
一行あたりの文字数を制限するリキッドレイアウト - 2xup.org
2006-12-20T02:12:30+09:00 今回のリニューアルでは、これまで px で指定していたコンテンツの幅の値の単位を % と指定変更。 いわゆる liquid (リキッド) レイアウトというものにしました。ユーザが閲覧しているブラウザの幅に合わせてコンテンツの幅も変化します。 div#container { width: 80%; } px で指定していたコンテンツの幅を、% での指定に変更し、リキッドレイアウトに変更したものの、ウィンドウサイズの 80% の幅という指定ですので、ウィンドウサイズを広げればいくらでも大きくなります (もちろん小さくもなります)。それでも問題ないのですが、できればコンテンツの幅に最大幅と最小幅を指定し、小さくなりすぎてレイアウトが崩れるような事もなく、一行あたりの文字数を目で追える程度の幅をキープできればと考え、いろいろ試してみました。 fl
Web デザイナーに求めたい 5つのこと | WWW WATCH
趣味として Web サイトを作っている場合は置いといて、仕事として Web サイト制作に携わる Web デザイナーであれば、今後、最低限これくらいは押さえといて欲しいなということをえらそうに書いてみます。 個人的にスキルが 「デザイン」 よりも 「コーディング」 に偏っている傾向があるので、内容的にはコーディングに関係する話が多くなっているかもしれませんけど...... 1、DTP 脳からの脱却 DTP の延長で作られる Web サイトデザインの中にはフォントサイズやテキストの量が決め打ち前提で作られているデザインも少なくありません。それが悪いとは言わないんですけど、現在の Web 制作においては、CMS を始めとした他のプログラムとの連動やアクセシビリティを念頭に、柔軟性のあるデザインが求められます。 自分の思い描いたとおりにデザインをコントロールしたいという気持ちはわからなくはないので
ハイパーリンクをより良い物に - Personnel
「リンクする」とはリソースとリソースの関係を明示すること リンク先にジャンプするのはブラウザが行っていることであって、この現象はリンクする行為と直接関係がありません。 問題点を指摘されるリンクの用い方というのは、必ずと言っていい程この基本を蔑ろにしたものとなっています。従って、極めてシンプルなこのリンクの本質を知っておけば： 間違えた用法でアクセシビリティを低下させてしまう といった事態を自然に防ぐことができる筈です。 簡単な例を挙げます。「ココをクリック」の「ココ」という文字列をアンカーにする行為は、しばしば批判されます。しかし「なぜ間違っているのか」については個々の具体的な問題としてしか説明されません。これでは、いつまで経ってもこれと類似した間違った方法でリンクしてしまう方が後を絶たないわけです。 この「ココをクリック」の問題点は実はたった一つです。もといそう考えるべきです。
【レポート】アックゼロヨン・セミナー2006 Vol.4に見るWebアクセシビリティの進化 (1) 特定環境に配慮したコンテンツは必要ない | クリエイティブ | マイコミジャーナル
「日本のWebサイトをアクセシブルかつクリエイティブにしよう!」をスローガンに活動を行うアックゼロヨンは9月、東京・両国のKFCルームにて「アックゼロヨン・セミナー2006 Vol.4」を開催した。4回目となる今回のセミナーでは、アクセシビリティのスペシャリストであるミツエーリンクスの中村精親氏・辻勝則氏、アックゼロヨン・アワードの審査員も務めるインフォアクシアの植木真氏を迎え、「アクセシビリティの現在とこれから」をテーマに、Webアクセシビリティの専門家でもない筆者にとっても非常にわかりやすく興味の持てるプレゼンテーションが行われた。ここではその中から今後のWebアクセシビリティを考える上でのヒントと思われる点を中心にセミナーの模様を紹介したい。 「配慮」から「本来あるべき姿へ」 中村氏と辻氏の2人が行ったプレゼン「ミツエーリンクスのWebアクセシビリティへのアプローチ」では、全盲の辻氏
アックゼロヨン・セミナー2006 Vol.3 - 大規模サイトを作るとき何が起こるのか (MYCOMジャーナル)
アックゼロヨンが主催するセミナーシリーズの2006年第3回が東京・両国KFCルームにて開催された。アックゼロヨンは、ウェブアクセシビリティに関する国内初の公的ガイドライン「高齢者・障害者等配慮設計指針-情報通信における機器、ソフトウェア及びコンテンツサービス - 第3部:ウェブコンテンツ」が公示された2004年に発足したフォーラム。「日本のWebサイトをアクセシブルかつクリエイティブにしよう!」をスローガンに多様な活動を展開しており、Webデザインをテーマとした無料セミナーの開催もそのひとつだ。 今回のセミナーは「ビジネス・アーキテクツのアプローチ」がテーマ。ビジネス・アーキテクツは、国内最大規模のWebデザイン企業であり、同社の森田雄氏は、Webサイトのための総合アワードと銘打たれたアックゼロヨン・アワードの審査員も務めている。当日は森田氏を含め同社より4名が登壇し、それぞれの立場と視点
外注さんに知っておいてほしいこと - swat_memo
とあるプロジェクトで外注さんを探しており、昨日BPさんの面談をしたんだけれど、そのときに実際に仕事する場合の心構えというか、こういう意気込みで来てほしいというような話をしたら、妙に感心されてしまった。私自身には当たり前の感覚なので、逆にこっちが面食らってしまったのだが、まあ減るもんじゃないのでポイントだけ書いておこうと思う。 基本的に外注として現場に入ると、学習曲線があがっているうちは楽しくても、そのうち学習曲線は平坦になってくる。 平坦になったとしてもお客さんは外注を育てる義務がないし、学習曲線が平坦だと、どんどんモチベーションは落ちてくるかもしれない。 実際、発注する側は成長する可能性のある仕事はプロパーにふるもんである。私だってそうする。 となると、外注として現場に入ったからには、成長する可能性がいつもある、ということはないし、まったくないこともある、ということを意識しておかなきゃい
どうなっているの？あのソフトの仕組み - 今からでも遅くない！アルゴリズム入門：selfup
Webの全体像を効率よく取り込み，分類する 「YSTのシステムは大まかに三つの機能に分かれます（図2）。最初は世界中のWebページをYSTのシステムに取り込む『クローリング（crawling）』という機能です」（Yahoo! JAPAN，リスティング事業部 検索企画室の宮崎光世氏，以下同）。 取り込むと簡単に言っても，Webページの数は膨大なうえ，更新の頻度や情報の質などがまちまちです。すべてのページに同じようにアクセスしていると非効率なことこの上ありません。そこで，限られた時間で質の良い検索ができるようにするための工夫をしています。例えば，クローリングを繰り返すうちに頻繁に更新されることがわかったページは短いサイクルでチェックし，ほとんど更新のないページはチェックの頻度を落とす，といったことをしているそうです。 ただ，更新の頻度が単に高いだけではダメです。重要性が高いと考えられるWebサ
プレゼン上手と思われる４つの基本ステップ - ［ビジネススキル］All About
みなさんは、自分がプレゼンテーションしている最中に、何が言いたいかわからなくなって困った経験はないでしょうか。また、他人のプレゼンテーションを聞いていて、「スライドは立派だが何が言たいかわからない」と思った経験はないでしょうか。 そんな時はもしかして、そもそも何を言おうとしているかが明確でなかったりしませんか？ 主張が不明確であれば、いくらプレゼン資料を工夫した所で、相手にわかりやすく伝えることは出来ません。 プレゼンスキルの高め方1.「相手に何を期待するのか」を明確にする 何かをプレゼンテーションする場合には、必ず相手に何らかの行動を期待しているはずです。そんな時「ふーん」「あっそう」と相手に聞き流されてしまったら、プレゼンテーションをした意味がないですよね。だからこそ、何を期待して、プレゼンを行っているのか、ということを最初に相手に伝えるべきなのです。 よく考えると当たり前の話なのです
URLを意識しなくなる日
Webサイトを特定するために、URLは必須のものだ。しかし最近では、TVや街角の広告を見ると分かるようにURLレスのアクセス形態が主流となりつつある。 最近のTV CMや街角の広告を見ていると、インターネットとのつながりに起きている変化に気付くはずだ。CMの最後には検索フォームが表示され、キーワードとともに検索ボタンのクリックをすすめる……。「検索サイトから“このキーワード”で検索してください」というメッセージが増えている。この傾向は、紙媒体や街角の広告などでも見ることができるものだ。 少し前までのWebサイトにかかわる告知では、サイトのURLを伝えるのが当たり前だった。しかし、いまのトレンドは「キーワード検索」、そして「QRコード」に代表されるように、「URLレス」となっている。 実際にインターネットの利用シーンを思い出してみるとよいだろう。「あなたは最近、URLを1文字ずつ入力していま
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://stopnlisten.no.land.to/2006/07/post_13.html
http://www.bebit.co.jp/memo/archives/2006/12/post_47.html
entertainments meister -vol.3 福井 信蔵 インタビュー | 文化庁メディア芸術プラザ
http://www.yasuhisa.com/could/entries/001038.php
リゾレーヌ サプリを口コミだけで判断してはダメ？バストアップ効果が口コミ通りなのか試してわかったことを包み隠さず公開します！