Facebookの開発者向けカンファレンスf8が開幕しました。すでに「Timeline」など新機能の速報が上がっています。Timelineも見た目華やかで非常に良い機能ですが、同時に発表された新しい「Open Graph」も非常に素晴らしい概念です。今回はこれまでのOpen Graphと新しいOpen Graphを図式化しとそこから何が変わっていくのか、予想してみます。 何ができるようになるのか？ 以下の図は今までのOpen Graphと新しいOpen Graphを簡単に図式化したものです。Open Graphは、Open Graph Protocol（OGP）という規格として体系化され、様々なWebサイトに実装されています。Webページを1つの「モノ」として捉え、Facebook上で「人」と結びつける役割を持っていました。この「人」と「モノ」の間を結ぶのが、「いいね！」であり、そのためい
humans.txt について humans.txtって何？ ウエブに関与した人たちについての情報が入ったTXTファイルです。 何故TXTなのですか？ これは 簡単に早く 作れるのです。何故なら コードに於いて篏入的ではないからです。サイトの効率が低下するなどの主張により、サイトの所有者は、ウエブ作者が自分のウエブにサインすることを望まないことが多くあります。こうすることにより、外的に、素早く、簡単に、気軽に、作者が誰であるかということ（所有権ではなく）を明示できます。 どこに配置すれば良いですか？ サイトルートです。 robots.txt の隣です。 そして（可能であれば） <head> の authorタグに次を追加してください <link type "text/plain" rel "author" href "http://domain/humans.txt" /> 何故これをやら
If you want to “go big” visually with a website, delivering complex interaction and a rich experience across a wide range of browsers, Flash is the only way to go. Right? Nope. Given the widespread adoption and advancements of modern browsers and JavaScript libraries, using Flash makes little sense. But it does have its place on the Web, considering the need for progressive enhancement. In the cur
最近はJavaScriptのライブラリ整備や、大きなモニターが増えたせいもあり、リッチな見た目のサイトが増えてきたなーって思います。 でも、その一方で、それ以上に増えている様相なのが「低速度回線」のユーザ。 今だからこそ、技術をきちんと理解して軽いウェブサイトを作るべきなんじゃないか、というお話を少し。 増えているのは、フレッツよりも「持ち歩きPC」「スマートフォン」のアクセス これは今木が運営する、とあるポータルサイトの利用者の接続速度の変化のデータです。 月間PVが大体150,000位で、割と昔からあるタイプのまじめなコンテンツのサイト。携帯は対応していませんし、IT系とかに偏ったコンテンツもありません。 見ると分かる傾向は ダイヤルアップ、実はあまり減っていない ケーブルはそこまで延びていない Unknownが年々増えている ADSL / 光(T1）も割合としてはむしろ減少傾向 グラ
YSlow analyzes web pages and suggests ways to improve their performance based on a set of rules for high performance web pages. YSlow is available for Firefox as an add-on integrated with the Firebug web development tool. YSlow grades web page based on one of three predefined ruleset or a user-defined ruleset. It offers suggestions for improving the page's performance, summarizes the page's compon
次のスクリプトを使って vim で <img>タグを挿入する際に width, height 属性を自動入力する。 画像の情報を取得するのに ImageMagick の identify を使用している。 スクリプトファイルは適当な名前（imgsize）で PATH の通った場所に保存する。 #!/usr/bin/env ruby ARGV.each { |file| if FileTest.file?(file) then info_str = `identify #{file}` if info_str.length > 0 then info_array = info_str.sub(/(\s\d+)x(\d+\s)/) {$1 + " " + $2}.split(/\s/) puts '<img src="' + File.basename(info_array[0]) + '"
Webとビジネスをつなぐ、発想と創造 つぎのWebを感じてみたい人におくるカンファレンス、そして、世界の技術を学ぶ人におくるワークショップ！ ブログの記事 Andy Clarke の限定ピンバッジがもらえます 2009/09/09 ヴィラフォンティーヌご優待価格を提供します 2009/09/08 3日間限定 ! 9月7日12時 〜 10日12時 SCROLL MAGAZINE 一部を無料配布 2009/09/07 Cameron Adams（キャメロン・アダムス） 2009/09/04 早割は29,800円〜 2009/08/19 Twitter (@wdeast) SCROLL MAGAZINE Vol1- Jeffrey Veen - Exit Strategy ダウンロードリンク配布最終日 詳細はこちら http://bit.ly/ctSvt # 10 hours ago ニコール・
自分的HTMLテンプレートの組み方と例です。 まぁ、やるたびにちょこちょこ変えてるんですけど、2009年7月版ってことでざっくり説明。 空テンプレ モジュール一覧 サンプル ダウンロード用 エリアとモジュール 繰り返し使用される要素の塊をモジュールと呼び、エリアの中にこれを並べてページを作成するのを基本とする。 モジュールの開始要素には、「mod_moduleName」のようにclass（もしくはid）をつける。 モジュールやエリアのclass/idを起点に全てのスタイルを指定する。p、h1～h6、blockquote、table等、要素自体に直にスタイルを指定してはいけない。（グローバル変数を使っているような状態になってしまうため、以降考慮するのが面倒。リセット程度に済ます。） モジュールにスタイルを指定する際には、mod_moduleNameを起点としてスタイルを指定し、カプセル化を
WordPress で、記事内の見出しレベルを調整して本文を出力するプラグイン、作ってみました。 テンプレートを変えたら、昔書いた本文の見出しと合わなくなっちゃった。 トップページと個別記事ページで見出しのレベルを変えたい。 などの場合に有効です。 ダウンロード: wp-hnconvert.php.txt 使い方 名前を「wp-hnconvert.php」に変えて保存したものをプラグインディレクトリに放り込んで有効化。 the_hn_converted_content(2) で記事内の見出しのレベルが2足されて表示されます。 h1 は h3に。 h4 は h6に。 見出しタグはh6までしかないので、h5 や h6 はh6になります。 また、the_hn_converted_content(-1) という風に負の引数を指定すると、見出しのレベルが引かれて表示されます。 h3 は h2
ウェブブラウザ企業Opera Softwareの最高経営責任者（CEO）であるJon von Tetzchner氏は、「HyperText Markup Language」（HTML）のバージョン5（HTML 5）が、Adobe Systemsの「Flash」技術を大部分において不要なものにするだろうと予想している。 von Tetzchner氏は現地時間5月20日、ZDNet UKの取材に応じ、「オープンなウェブ標準技術は、HTML 5を含め、リッチメディアウェブコンテンツを配信するAdobeのプロプライエタリ技術であるFlashの有効な代替になる」と述べた。 Operaは、AppleやMozillaとともに、2004年よりHTML 5の開発に関わっているウェブブラウザ企業だ。HTML 5の開発作業は、Web Hypertext Application Technology Workin
Welcome This page is shown only the first time after an installation of HTML Validator for Firefox and Mozilla. Please take the time to read the user guide. Thanks for all the persons who helped: the translators, the persons adding help in Htmlpedia, the one reporting bugs and so on.... Without you, this program would not exist ! User Guide How to use the extension ? What is the difference between
HTML Validator is a Mozilla extension that adds HTML validation inside Firefox and Mozilla. The number of errors of a HTML page is seen on the form of an icon in the status bar when browsing. ***** See Web Extension notes below **** The extension can validate the HTML sent by the server or the HTML in the memory (after Ajax execution). The details of the errors are seen when looking the HTML sourc
2008/01/25 ウェブ関連技術の標準化団体「W3C」（World Wide Web Consortium）が「HTML5」の策定に向けて活動を本格化しました。1月22日には「HTML5」の最初の草案を公開。2010年9月に正式な勧告としてリリースする予定だと発表しました。 普段からウェブ関連技術をウォッチしている方は別として、「なぜ今ごろ？」と、この突然のW3Cの動きに驚かれた方が多いのではないでしょうか。「そもそもW3Cがやる意味があるの？」という疑問の声も聞こえてきそうです。 標準化団体としてのW3Cのプレゼンスは、近年あまりに高いとは言えません。かつて1990年代後半から2000年ごろにかけて、誰もがW3Cの一挙手一投足に注目していた時期がありました。彼らの出してくる標準技術仕様こそが、インターネットを形成する共通言語だと、多くの人が信じていました。 ところが、現在広く使われて
凄いエントリーの投稿方法おもいついたね俺、更新一瞬！ 革命！そしてコピペも出来ない! 言ってることとやってることが違いすぎ! おやすみ! Comments:13 白樺 2007年12月11日 03:04 ここですか。 >上の階層のためにもweb標準に従うべき それにしても思うのは、HTMLはなんでこんなにルーズな仕様なんでしょう…。もっと厳しければ文句も言われないかも。 wu 2007年12月11日 03:50 ルーズとはちょっと違くて、寛容! かな。 HTMLはコンテンツの伝達手段という一面もある(大きく捕らえればそれそのもの)ので、仕様や使い方に厳しさや正確さを重視して設計されていないんですね。適当なHTMLでもブラウザーが表示してくれるのも、ルーズでなくて、伝えられることが何よりも大事、ということの表れともとれます。 誰でも簡単にWWWで何かを伝えられる。単純であって寛容なとこ
先週開かれたW3C TPAC Weekというイベントにて、XHTML 2ワーキンググループおよび、HTMLワーキンググループの部会に出席してきました。今回は、XHTML 2.0の現在のWebとの関わり、および今後について、部会で得た情報をもとに考えてみます。 XHTML 2ワーキンググループが考えるHTMLとは、その名の通り「文書をマークアップするための言語」です。文書マークアップのベースとしてXHTMLを用い、足りない機能の追加はモジュールを定義したり、SVGのような他のXMLフォーマットを取り込むアプローチをとっています。 XMLの持つ拡張性と、XHTMLの汎用性を組み合わせることで、文書そのものをアプリケーション側の処理（表示やコントロールの追加など）を分け、持続可能な文書フォーマットとしてXHTMLを利用することが可能です。eBayやTIMEでは既にXHTML 2.0を利用している
今回はHTMLワーキンググループの会合にて考えたことを紹介しようと思います。 HTMLワーキンググループが策定するHTML 5は、これまでのHTMLと異なり、その実装や実装間の相互運用性、また現在のWebとの互換性を強く意識した仕様となっています。これはブラウザをはじめとするユーザーエージェントが、それぞれ異なるパース処理や構文処理を実装した結果、特定の実装に依存したWebコンテンツが非常に多くなってしまったことの反省によるもののようです。HTML 5ではエラー処理やパース規則を定義することで、この解決を図ろうとしています。 また、その上でWebアプリケーションやWebサイトを構築する際に利用できる要素や属性、またDOM APIの拡張も行われています。Webというプラットフォームを構成するという観点から、足りないものを補う、定義が曖昧なものは意味を定義しなおすなど、現在のHTMLの使われ方
1969年にIBMが開発したGML（Generalized Markup Language）を、1980年の草案完成を経てSGMLとしてISO規格化。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く