WD Live! Web標準時代に求められるサイト構築法
Web標準時代に求められる サイト構築法 木達一仁 株式会社ミツエーリンクス WEB開発チーム フロントエンドエンジニア Web Standards Projectメンバー k-kidachi@mitsue.co.jp / kidachi@kazuhi.to 株式会社ミツエーリンクス WEB開発チーム フロントエンドエンジニア（2004年2月～） Web標準準拠サービスの立ち上げ/運用 Web標準Blogの運営 W3C Advisory Committee Representative 海外のWeb標準関連書籍和訳版の監修 Web Standards Project（WaSP）メンバー mixiにてWeb標準コミュニティを主催（2006年5月25日現在3260人が参加） 7月15日「Web標準の日」開催
人力検索はてな
コンピュータ (108305) インターネット (65208) ウェブ制作 (42718) ゲーム (14416) 家電・AV機器 (15537) 趣味・スポーツ (33479) 書籍・音楽・映画 (20067) 旅行・地域情報 (27200) 学習・教育 (32314) 科学・統計資料 (19134) 生活 (71533) 医療・健康 (19649) 美容・ファッション (9872) グルメ・料理 (16725) ビジネス・経営 (39630) 政治・社会 (20489) 経済・金融・保険 (14802) 就職・転職 (7613) 芸能・タレント (10753) 芸術・文化・歴史 (24286) 人生相談 (14832) ネタ・ジョーク (10756) はてなの使い方 (10889) コレナニ？ (4512) 質問する アンケートする 質問一覧 注目の質問 回答者ランキング 人力検索はて
あなたは勘違いしてないか？ 真相究明！ CSS都市伝説 | Web担当者Forum
CSSはウェブ制作者にとっても発注者にとっても、メリットの多い技術である。しかし、CSSの普及にともないさまざまな都市伝説が流れているという。ここでは、実際のウェブ制作の現場で本当にあった話を検証してみることにした。（text：かわちれい子＋森川眞行） CSSを使うと制約が増えるので、クリエイティブが犠牲になります確かに、かつてCSSを使用しているサイトは、W3Cなどの学術系のサイトに多かったことは事実だ。また、昔はブラウザがCSSに対応していなかったので、CSSによる表現が確保できなかった時代もあった。しかし、これも過去の話。現在は主なブラウザがほとんどCSSを正しく表示できるようになっている。クリエイティブを保証できないというのは、単にデザインできるスキルがないだけだろう。 既存のページはすべてCSSをレイアウトに使用していないので、いまさら新しいことはできませんこれはある意味深刻であ
あなたは勘違いしてないか？ 真相究明！ CSS都市伝説 | Web担当者Forum
あなたは勘違いしてないか？ 真相究明！ CSS都市伝説 ウェブ制作の現場を襲う大きな変化 CSSの真の姿で巷に流れる誤解を解く！ 書店のウェブ関連コーナーに圧倒的な物量で並ぶCSS関連の書籍。ウェブ制作の現場でもCSSがトレンドになりつつあり、現場は大きく変化し始めている。では、ウェブマスターにとってCSSを採用することのメリットとはなにか。また、こうした変化の最中には、数々の「都市伝説」なるものが生まれてきているようだ。ここではCSSの正体と都市伝説について検証する。 森川眞行（シリコンカフェ）＋CreatorsNet CSSとは「表現言語」CSS正式な名称はカスケーディング・スタイル・シート。シンプルにスタイルシートと呼ばれることもある。 ウェブページを作成する際に記述するHTMLとはウェブページを作成するための構造言語で、文書の骨格を作るためのものだ。これに対してCSSは表現言語とい
トラックバックツールの効果の程は？
さて、何回もメルマガやこのブログで宣伝してきた トラックバック自動送信ツールですが、 では、実際どれくらい効果があるのか実験してみました。 とりあえず、検索サイトからはほとんどアクセスのない、 失敗ブログにこんな記事を http://setsuyaku-otoku.seesaa.net/article/31716330.html 便秘に関する記事を書いてみました。 なんで便秘をネタにしたかは聞かないで下さい。 そこで、Nash_pinger(ナッシュピンガー）を起動して、 「便秘 女性」でトラックバック先の検索をかけてみました。 （この作業は５分以下でできます） すると、 594件のトラックバック候補を収集してきました。 そして、トラックバックを飛ばしてみました。 すると 187件の着信に成功しました。 成功率で行くと、約３０％です。 今回は、かなり良いほうですが、 それでも成功率はコンス
Six Apart - Movable Type News: Movable Type 3.34日本語版の提供を開始
Movable Typeユーザーの皆様 本日より、Movable Type 3.34日本語版 (以下3.34-ja) の提供を開始いたします。 3.34-jaの主な修正点は、3.33以降に発見されたセキュリティ上の不具合への対策と、FastCGIサポートの向上です。 マニュアルに沿ってインストール（アップグレード）をしていただきますようにお願い致します。 最新版は以下より入手ください。 有償ライセンス https://mtuser.sixapart.jp/ 個人無償ライセンス https://www.sixapart.jp/movabletype/mt3/license.html#personal 3.34-jaは、以下の方法で確認していただくことができます。 ダウンロードしたファイルを解凍すると、"MT-3.34-ja"ディレクトリが自動生成されます。 インストール後のバージョン表記が、
コーディングガイドライン
version 1.0.0 Last update: 2006-05-16T15:54:10+09:00 構造と見た目の分離の必要性 HTML は Markup (意味付け)する Language (言語)です。例えば文脈のなかで、「ここは見出しですよ」「ここは段落ですよ」などという感じに「意味付け」を行い、文書構造を記述するための言語です。 ところが HTML は Web ページのレイアウト目的に使う仕様が多数盛り込まれ、その簡便さ、習得のしやすさと柔軟性から、本来の「意味付け」以外のレイアウトや見栄えに関する要素が多く使われていました。 それでは本来の HTML の目的に反するということで、「見た目」の部分を担当する CSS が策定されました。 建築物に置き換えるならば、きれいな骨組みの建物(HTML)に壁の色を塗ったり窓の形を変えたり(CSS)という感じでしょうか。いくらきれいな色を
兵庫県／ホームページ作成において配慮している項目
ページの制作・運用 1、作成したページを公開する際は、必ず事前にこのガイドラインの要件を満たしていることを点検する（レベル1） 2、ページを更新する際は、必ず事前にこのガイドラインの要件を満たしていることを点検する （レベル1） 3、提供する情報に対する問い合わせの担当窓口と連絡手段をわかりやすい場所に明記する（レベル1） ページの設計およびデザイン 4、色、形、配置、動きのみで内容を表現するページデザインを避ける（レベル1） 5、すべてのページに、ページ内容を明確に示すページタイトルを付ける（レベル1） 6、画面全体を早い周期で点滅させてはならない（レベル1） 7、見出しやリストなどの要素を使って文書構造を規定する（レベル2） 8、スタイルシートを使用する場合は、スタイルシートが使用できなくてもページの内容が 理解できるようにする（レベル1） 9、PDFファイルで情報を提供する場合は、重
ブロガーのためのアクセシビリティガイドライン - Trans
唐突ですが、ブログやWebサイトを更新する際に、よりアクセシビリティが高いコンテンツをどうすれば書くことができるのか、そういったガイドラインを公開します。 といっても、元々は他団体向けにWebサイトを制作している際に、「結構、Webには詳しい」方にコンテンツを書いてもらっていたのですが、時折「概 要」とか、「2007年1月11日（水）」といった記述が見られ、「あー、このままでいくと、更新作業を今後やってもらうのってすごく不安だな」と思いました。そこで、どうすれば音声ブラウザなどがうまく対応できるようにコンテンツを書けばよいのかをガイドラインにまとめてみたのですが、せっかくですので、ウェブ上で公開することにしました。 前提として、 アクセシビリティに詳しい方にとっては、「何を今更」という内容。 デザインやマークアップよりも、コンテンツを書く＝ウェブライティングに特化したガイドライン。 ブロ
もう、class名やid名で悩まないんだからっ！！｜CSS HappyLife
class名やid名って付ける時悩みませんか？ 今でもボクは結構悩むんですが、そんな悩みを解決する為に、人さまのソース覗きまくってよくあるclass名とid名を拾ってきました。 これで、チョットだけ作業効率アップ！？ 2010年6月10日追記： この記事自体、2007年 1月15日に書かれてるんでかなり古いです。 あくまでも参考程度に留めてもらうのが良いかと思います。 今だったら、html5の要素を参考にしたりして付けるのが、今後の事を考えると良いのかなーと思います。 また、善し悪しの判断はせずに公開しているものですが、位置に関するのは仕様変更に弱くなるのでオススメはしません。 全体に使えそうな感じ wrap wrapper top-wrapper wrapperAll frame mframe all-frame container page pagetop all allContent
(X)HTML の id/class における命名規則 on CSS Flight - Jun, 15th 2006 (6)
(X)HTML の id/class における命名規則 purprin, <purprin [at] gmail.com> 2006.6.15 at CSS Flight プロフィール 1/2 purprin -「プルプリン」と読みます- コトノハ をきっかけにこの業界に 「purprin」は「パープリン」としか発音できなくね？とこっそり思ってる paperboy&co.所属 I love penguin(o e o)/ プロフィール 2/2 (X)HTML, CSS に魅せられた経緯 もともと Web は大好きで、趣味でひどいテーブルレイアウトのページをつくっていた ２年ほど前に友達に依頼されてつくったサイトでMovable Type を導入して改造をしながら勉強 ある時 HINAGATA で Kaminogoya 君の書く beautiful な(X)HTML+CSS に心奪われる -
お前が言うなの人気記事 391件 - はてなブックマーク
友達と会えない。飲み会もできない。 ただ、皆さんのこうした行動によって、多くの命が確実に救われています。そして、今この瞬間も、過酷を極める現場で奮闘して下さっている、医療従事者の皆さんの負担の軽減につながります。お一人お一人のご協… https://t.co/wMlHLK3l3N COVID-19 政治 これはひどい 安倍晋三 twitter 医療 あとで読む 新型コロナウイルス クソ politics 6月9日に香港で「逃犯条例」（犯罪人引渡条例）改正に反対する大規模デモが起きたことは、世界中のメディアにトップで報じられた。主催者発表103万人、警察発表24万人という規模は、1997年に香港が中国に引き渡されて以来、最大規模だ。香港人口を約748万人とすると、およそ7人に1人がデモに参加したということになる。2003年には、香港基本法（香港ミニ憲法）23条に基づいて国家安全条例（治安維持
asahi.com： 温暖化ＣＯ２、海の酸性化も招く サンゴが死滅危機 - サイエンス
温暖化ＣＯ２、海の酸性化も招く サンゴが死滅危機 2007年01月23日 ２１世紀末に生物の殻が溶けると推定される海域 化石燃料などから出る二酸化炭素（ＣＯ２）が温暖化だけでなく、海の「酸性化」も招き、サンゴを死滅させるなど生態系に大きな影響を与える恐れがある――。世界各国でそんな研究が相次ぎ、注目を集めている。日本でも北海道大と海洋研究開発機構のグループが、影響を評価するための研究を始めた。 海は大気に放出されたＣＯ２の約３分の１を吸収するとされ、それによって海水のアルカリ性が弱まる酸性化が起きる。現在の海水は水素イオン濃度指数（ｐＨ）が８．１で、産業革命当時より約０．１酸性化した。大気中のＣＯ２が年に１％ずつ増える場合は、２１世紀末にｐＨ７．８まで酸性化が進むと予測されている。 水温や水圧などにもよるが、酸性化が進むと、炭酸カルシウムでできたプランクトンの殻やサンゴの骨格が溶け出す恐れ
糸山英太郎の人気記事 1件 - はてなブックマーク
立憲民主党の蓮舫参議院議員（54才）に関する驚くべき情報が浮上した。アイドルグループのメンバーとしても活動した長男・村田琳（24才）が自民党に入党していた。さらに、自民党の大物フィクサーとして知られる人物と養子縁組をしていたことがわかった。3日発売の『女性セブン』が報じる。 永田町関係者が明かす。 「実は蓮舫さんの長男が、彼女の“宿敵”である自民党に入党届を出したのです。まだごく一部の関係者しか知らない話ですが、野党第一党の大物議員の子息が、自民党に入ること自体が異例中の異例。いったい何が起きているのかと、関係者が騒然となっています」 琳は1997年、蓮舫氏とジャーナリストの村田信之氏（2020年8月、離婚）との間に、双子の長男として生まれた。幼稚園から蓮舫氏と同じ青山学院に通い、高校は本人の希望でイギリスに4年間、留学した。 その後、芸能界入りし「VOYZ BOY」という40人以上の男性
阿部知子の人気記事 83件 - はてなブックマーク
辻元清美・立憲民主党国会対策委員長（発言録）（金融庁が５月２２日、老後資金について年金だけでは足りず、さらに１３００万～２千万円が必要になるなど国民に自助を求める内容の指針を示したことに）びっくりした。国民に対し、老後は年金だけでは暮らせないから、投資も含め２千万円かかるぞ、と。政治の責任を放棄したと言わざるを得ない。また、それに対して麻生さん（太郎財務相）の（閣議後会見での）「人生１００年になったんだろ」と。だから仕方ないと言いたいのでしょうが、まず謝れよ国民に。申し訳ないと。一方で消費税を増税しておきながら、２千万円とは、どうつじつまがあうのですかね。（国会内で） 年金 政治 あとで読む 辻元清美 自民党 立憲民主党 politics 民主党 おいおい これはひどい 【お得なキャンペーン中】有料記事読み放題！スタンダードコースが今なら2カ月間月額100円！詳しくはこちら ","naka
| ＾＾ |Byozine:秒刊ネットマガジン:: スタンドアローンでIE3～IE7をまとめていれれるツール『Multiple_IE』
2007年01月25日 スタンドアローンでIE3～IE7をまとめていれれるツール『Multiple_IE』 最近仕事でIE7が普及しているせいか、IE6を入れているマシンが 少なくなった。一度IE７をいれるとなかなかIE６に戻すことができず IE6で確認したのか？と問われると困ってしまう そこでスタンドアローン（単独アプリ）で気軽にIEを いれれるという優れものアプリがあるので紹介する。 ■スタンドアローンのIE3～IE7を公開するサイト ■Install multiple versions of IE on your PC | TredoSoft ■スタンドアローンのIE3～IE6 はっきりいってIEの３なんかは全く仕様用途はないのだが、 まれに仕事でブラウザチェックするときIE６などはチェック する場合があるので、こいつをいれると便利。 ■IE6, IE5.5, IE5,
| ＾＾ |Byozine:秒刊ネットマガジン:: WindowsXPをWindowsVistaにする壁紙とツール
2007年01月15日 WindowsXPをWindowsVistaにする壁紙とツール 1月30日にWindowsVistaが発売されますが残念ながら うちのマシンではスペック不足で動きません ということで、なんちゃってVista対応をしようかとおもう。 これであなたもVista気分。 ■Vista壁紙 XPのテーマをVistaに変更する ■デスクトップをWindows Vista風に ■ダウンロード | Vista Transformation Pack 6.0 - XPをVista風にするテーマ その他プリセットの壁紙 ■壁紙など ■草花系 ■Wallpapers - a photoset on Flickr ■.Fav(blog): Windows(Vista)ロゴ壁紙6 ■NETA BLOG □その他-Windows Vista用の壁紙まとめ ■アイコンなどを変更 ■] W
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新春「メガネ男子」スペシャル!!!! :: デイリーポータルZ
アルファブロガー-ニュース
あなたは勘違いしてないか？ 真相究明！ CSS都市伝説 | Web担当者Forum[3/3]
http://www.pref.fukui.jp/guideline/guideline.html
『衆議院議員 あべともこ／立憲民主党（神奈川１２区／藤沢市・寒川町）のホームページ』へのコメント
堂々と無断転載アップロードされているにも関わらず見なかったことにしてしまうはてブに絶望した! : 川o^ヮ^）＜jknd life - メイリオ
barlog » ||||« - 2005 Year-End Google Zeitgeist