HTML5のrel=”author”で著作者とコンテンツを関連づける方法
6月7日（火）に米Googleが検索エンジンGoogleにおいてウェブコンテンツとその著作者を関連づけるマークアップのサポートを開始しました。 まだ実験段階のようですが、Googleの検索結果から著名なブロガーや記者などの記事コンテンツを見つけやすくするのが目的のようです。さまざまな情報で溢れかえったウェブの世界において、利用する我々にとってもそうですが、情報を整理するGoogleにとっても、有用な情報とそうでもない情報を区別できるようになるという点で一役買ってくれる機能となりそうです。 詳細はGoogleのWebmaster Central Blogで確認できます。 Authorship markup and web search (Webmaster Central Blog) rel=”author”の設定方法どのような方法でコンテンツとその著作者を結びつけるかについては、ウェブマス
意外に知らない、robots meta タグの7つの正しい使い方
[レベル：初級] 今日は、検索エンジンのロボットの動きを制御する「robots meta タグ」の記述の仕方について説明します。 robots meta タグにはいくつか種類がありますが、一般的によく使われる、noindex・nofollow・noarchiveの3つのrobots meta タグに関しては以前に詳しく説明しています。 十分に理解していないと思えば、併せて読んでください。 ちなみに日本のYahoo!では、noydir の robots meta タグはサポートが終了しています。 なお原則的にGooglebotを対象にした話なので、他の検索エンジンのロボットでは違う動きをするかもしれません。 1. 複数の属性値はまとめられる 属性値が複数あるときは、ひとまとめにできます。 <meta name="robots" content="noindex" /> <meta name=
ふつうのユーザが知らないHTML5コーディングツール10選 - YAMAGUCHI::weblog
はじめに こんにちは、Python界の情弱です。今日はChrome+HTML5 Conferenceのお手伝いに来てます。いままで全く触れてこなかった世界ですが、結構HTML5はXMLのようにセマンティクスに重点を置いてるんですね。CSS3も動的なエフェクトを簡単にかけられるようになってるし、とてもいいですね。 さて、YouTube Live Streamのお手伝いしながらRSS見てたら、ちょうど今日のテーマに沿ったエントリがdiggで紹介されてたので、翻訳しました。 10 Excellent HTML5 coding Tools Many Users Don’t Know About 10 Excellent HTML5 coding Tools Many Users Don’t Know About （オリジナル） HTML5はウェブサイトの作成方法を根本から変えることになるでしょう。
Zen Coding for Sakura Editor | MoonWing
Zen Codingをサクラエディタで行えるように一部の機能だけですが移植しましたので公開します。 サクラエディタ下記のようなことができるようになります。 Expand Abbreviation(省略コードの展開) たとえば、上の様に”html:4s”と入力して、Zen Coding for Sakura Editorを実行すると のように展開されます。HTMLの雛形を簡潔に作成することができます。 Wrap with Abbreviation(省略コードで包括) 上のイメージのようにリスト化したい文字列があったとして、その文字列を選択し、Zen Coding for Sakura Editorを実行すると ダイアログが表示されるので省略コードを入力すると のように、展開するされます。これにより、マークアップを効率的に行うことができます。 メニュー Zen Coding for Sakur
もしも10分の1の行数でHTMLが書けたら
Zen-Codingとは 1年ほど前から、Zen-Codingが話題になっています。Zen-Codingを使うと、特定の省略された記法を展開できます。この展開が非常に強力で、ちょっとしたHTMLを記述するのであれば、Zen-CodingでHTMLやCSSのマークアップを効率的に行えます。 Zen-Codingはさまざまなテキストエディタに対応したプラグインとして提供されています。プラグインには、公式対応しているものと、サードパーティの開発者が作成したものがあります。 それぞれのプラグインによって、実装機能が異なる場合があります。これらのプラグインの詳細はZen-Codingの公式サイトから確認できます。 基本的な使い方 ここからはZen-Codingの基本的な使い方を解説します。Zen-Codingをテキストエリアで利用できるサンプルを用いて、実際に試しながら読み進めてください。テキストエ
Web制作をこれから始める人の為のスキル・HTML・CSS・ブラウザ・写真素材入手の基礎情報*ホームページを作る人のネタ帳
Yamadaです。 かれこれWeb屋暦が14年くらいになるんですが、こうしてWebに携わっていると、3ヶ月周期で情報の入れ替えをしていかないと、正直追いつかないと感じます。そんな激流のようなWeb業界にこれから飛び込もうと言う新卒の方や、中途の方に送るバイブルとなればと思います。 というわけで改めて春ですし、これからホームページ（Webサイト）を作成してWeb屋さんになる方へ送るお勧めサイト集です。 後編はこちら Web制作を始める人の為のスキル・ワイヤーフレーム・SEO・マーケティング・Webサービスの基礎情報 忘れないで欲しい事 Web制作には、様々なスキルが求められます。 しかしその技術が、いつの間にか消えていったり、使えなくなったりしました。新しいデザイン、新しいコード、新しい言語、新しい環境、様々なものがあります。しかし、それらを追い続けていくうちに、一つ、とても大事な事を忘れて
HTML5とは何かを簡単にまとめてみた
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog はじめに こんにちは。R＆D統括本部 制作本部 ウェブデベロップメント部に所属しております。岡部和昌（@kzms2）と申します。 最近スマートフォンやタブレット向けのページを作成する機会が増えてきました。 なので、今回はちまたで大人気のHTML5について書きます。 若干今更な内容にも思えますが、あまりHTML5になじみがない方にもわかってもらえるような内容にしています。 HTML5の基本概念や思想・実際の組み方というよりも、 HTML5で組むと今までと比べて何が違うのか などについて書いていきます。 なぜこれからHTML5なのか HTML4との違いがわからない HTML5を使う利点がわからない など疑問に思っている方はぜひ見ていた
フェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か - IT戦記
みなさん、こんにちは お元気ですか？僕は元気です。 さて 最近よく、「いいね！」ボタンや「ミクシィチェック」ボタンによって、ウェブページを紹介し合う文化が少しずつ定着してきたなーと思います。 そんな中で、今後重要になってくるんじゃないかと思われる OGP （Open Graph Protocol）と言われる仕様があります。今日はそのことについて書いてみたいと思います。 OGP? おーじーぴー？？とはなんでしょうか。 OGP とは 簡単に言うと「このウェブページは何のことを書いているか」という情報を、プログラムから読める形で HTML に付加する記述方法のことです。 まあ、普通のウェブページは人間が読めばだいたい何のことが書いてあるか分かりますよね。 ですが、プログラムは人間ほど頭が良くないので、そのウェブページ内の文章だけではそのページが何のことについて書かれているページなのか正確に識別す
Chrome紹介ページに隠された、イケてるHTMLコーディングテクニックとGAの最新版コードみたいなの - Web Analytics Latte
CMでやってるChromeの紹介ムービーをなにげなく見てたら、ちょっとおかしいことに気づきました。最先端ブラウザであるChromeの、その紹介サイトとなれば当然HTML5対応してるはず、と思ってみて気づいた点です。 HTMLソースを眺めてみて、気づきました。これがナウいソースなのかと関心する点が多々ありますが、2点、すげぇ！と思ったところがあるので紹介します。 １．Google Analyticsのタグが最新版を超えてる GAの貼り付けタグが公式のものではないことがまず1点目の違和感です。通常はこんな感じでゴチャゴチャしてるんですが //before <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-XXXXXXXX-1']); _gaq.push(['_trackPag
デザイナは要注目！ 明日から語れるHTML5＆CSS3（1/4）- ＠IT
デザイナは要注目！ 明日から語れるHTML5＆CSS3：一撃デザインの種明かし（13）（1/4 ページ） ※本稿では特に断りがない場合、Firefox、Google Chrome、Opera、Safariは2010年7月時点の最新バージョン、IEはInternet Explorer 6/7/8の総称です。 いま世界で一番熱い「HTML5」「CSS3」とは？ 最近、「HTML5」「CSS3」といった言葉をよく耳にしませんか？ これらはWebの表現をもっと豊かにするために策定中の言語です。いままでのHTML 4.01やXHTMLでは実現できなかったことができるようになったり、CSS3はCSS 2.1よりさらにグラフィカルな部分まで表現できるようになりました。 FirefoxやOpera、Safari、ChromeといったHTML5＋CSS3に対応するWebブラウザが増えてきたことで、HTML5
SEOの基礎(4) – 見出し及びAlt属性に関して知っておくべきこと ｜ SEOモード
SEOの基礎、パート4です。 今回は見出し、つまりh1-h6タグと、imgタグのalt属性に関する記事になります。 以下はStoney deGeyter氏による「SEO 101 – Part 4: Everything You Need to Know About Headings and Alt Attributes」の全訳になります。もし誤訳や解釈のミスなどがありましたら、ぜひご指摘ください。可能な限り修正していきたいと思います。 SEO101 – Part4: 見出し及びAlt属性について知っておきたいこと 以下のシリーズはニューヨークでL’Oreal主催の美容系ブロガーグループに行ったプレゼンテーションから転用したものである。プレゼンテーションのほとんどは、ブログを検索エンジンとユーザーに優しいものにする方法について用意されたものだが、ここで私はあらゆる業界をまたがって製品やサービ
YouTubeがターゲットをお茶の間にシフト - 超高解像度対応やコンテンツ開発支援を矢継ぎ早に発表：In the looop：オルタナティブ・ブログ
PC動画で圧倒的なシェアを持つYouTubeが，そのターゲットをお茶の間や携帯にシフトしはじめた。 この2日ほどの間に，YouTubeが多くの新しい取り組みを矢継ぎ早にスタートした。Google TVを核とするテレビへの展開を睨んだものが3件，スマートフォンへの展開が1件，そのいずれも大いなる野望を秘めたものだ。順にレポートしたい。 ■ テレビ用インターフェース 「Leanback」 Leanbackとはソファーなどにゆったり座るという意味。つまりお茶の間でリモコンだけで操作できるYouTubeインターフェースだ。Leanbackの発表は5月20日だったが，そのβ版が実際に画面で閲覧できるようになったのだ。 ・ YouTube Leanback http://www.youtube.com/leanback 実際に画面を操作してみてほしい。上下左右の矢印キーとエンターだけで，テレビのよう
自動でリンク切れチェックし、Webサイトの品質を保つ便利ツール8選 | 人手に頼らないWebサイトの戦略的品質管理指南
Webサイトの品質維持には、リンク切れや不要なファイルを少なくすることが重要です。今回は、Webサイト品質の問題点発見とその解決へのスピードを格段に上げる自動チェックツールを8つ紹介します。日本アイ・ビー・エムが提供するIBM Rational Policy TesterやW3Cリンクチェッカー、W3Cマークアップ検証サービス、リンク切れカッター、Web Developerなどのフリーツールも紹介 数百ページ～数万ページというWebサイトでは、人的な検査だけですべての問題点をチェックするのは実質的に不可能に近い。また、ページ数が少なくても、チェック漏れがあっては意味がない。 自動チェックツールを利用することで、問題点発見とその解決へのスピードは格段に上がる。現代のWebサイトでは、理想的な品質管理を実現するには、何らかのツールの利用は必須だともいえる。 最も効率良く診断できる専門ツール手前
グーグルがOn2買収、videoタグの膠着状態に終止符か － ＠IT
MozillaとOperaは、Webの世界が、誰もが自由に実装可能な標準規格によって成立することが重要との立場から、ライセンスフィーが発生するH.264をサポートせず、Ogg Theoraのみをサポートしている。Mozillaファウンデーションのアルン・ランガナサン（Arun Ranganathan）氏は最近、Betanewsのインタビューに答えて、今後もOgg TheoraをHTML 5の標準に含めるようロビー活動を続けると明言している。 一方、アップルはサブマリン特許が潜んでいる可能性があることと、iPodのような非力な端末上でのハードウェアデコーダ対応が欠かせないことなどから、SafariではOgg Theoraをサポートせず、H.264のみの対応としている（Ogg TheoraはH.264に比べて計算負荷が低いので、これはナンセンスだという反論もある）。アップルはOgg Theor
Google OS が画期的なOSにならない7つの理由 - アンカテ
Google OS は「画期的に速いOS」にはなるかもしれないが「画期的なOS」にはならない。つまり、ユーザから見えるOSの姿に、画期的な新機軸が入ることは無いだろう。 そう思う理由は以下の通り。 1 GoogleはAppleではない UIの革新はトップダウンでなければできない。ジョブズとか宮本茂さんのような人がいる会社じゃないと、UIの革新、ユーザ体験を一から創造し直すことはできない。 2 20%プロジェクトの匂いがしない Googleが革新的なことをやれるルートは、「20%プロジェクト」として少人数で密かに進めていたものが、社内で非常に評価されて、80%プロジェクトに格上げになるというルートだ。 そういう場合だと、発表された時点で、その革新に実体がある。Google Wave が典型だけと思うけど、動くデモがバシバシ出るし、プロトコルのような技術資料も翌日から配信される。 今回のリリー
W3C，マークアップ言語「XHTML 2」を「HTML 5」に統合へ
Web関連技術の標準化団体World Wide Web Consortium（W3C）は米国時間2009年7月2日，マークアップ言語HTMLをXMLで再定義した言語「XHTML 2」について，策定担当ワーキング・グループ（WG）の憲章（行動指針）「XHTML 2 Working Group charter」の適用を2009年末で打ち切ると発表した。同憲章を更新せず，HTML担当の「HTML WG」に投入するリソースを増やすことで「HTML 5」仕様の策定作業を加速させ，HTML開発の方向性を明確化する考え。 W3CはXHTMLをHTMLのXMLシリアライゼーション（XML形式への変換）と見なしている。HTML 5仕様にXMLシリアライゼーションを含め，引き続きHTML WGで検討していく。現在HTML 5仕様でこのXMLシリアライゼーションは「XHTML 5」と呼んでいるが，今後HTML
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TechCrunch
TechCrunch | Startup and Technology News
HTML5, きちんと。
SitePoint CSS Reference
