[対象: 中級] URLが変わらないタブ切り替え型のページでは初期状態で選択されていないタブに隠れているコンテンツは無視されるかもしれないという情報を昨日の投稿で伝えました。 しかし背景や前後関係が不明だったので本当にそうなのかどうかの結論を出せませんでした。 この発言をしたGoogleのJohn Mueller（ジョン・ミューラー）氏から詳しい説明をもらえたので今日の投稿でフォローアップします。 以下、ジョンさんからの説明の日本語訳です（原文は記事の終わりに転載します）。 状況による。 適切な経験則からすると次のようになる — タブに隠れているコンテンツのために特にあるいはそのコンテンツのためだけにユーザーがやって来たのなら、最初の状態でもっと発見しやすくもっと見やすくしておきたいと思うはずだ。 タブにあるコンテンツがただの“おまけ”の情報の場合、たとえば一般的な情報を載せている製品ペー
toggle()や変数、calc、:matchなど、今までにないCSSプロパティ、セレクタが提案・実装されて、CSS3, CSS4も楽しくなってきています。 border-radiusや、box-shadowなども、古いAndroidブラウザ以外なら、prefixなしで使える状況も増えてきました。 最新技術は、これから必要になってくるかもしれませんが、基本も大切です。 float や position など、CSSコーディングを悩ませるタネはいくつもありますが、今回はその中でも私がCSSで一番難しいと思う margin について書きます。 「marginはバグが多い」という声をたまに聞きます。 しかし話を聞いてみると、正常な動作をバグと間違って認識しているケースもあります。 marginを正しく理解することによって、効率的なレイアウトを構築できますので、基本的な内容ですが、読んで頂ければ幸
i-sourceviewというのをGAE/Pythonでつくってみました。 iPhoneやiPadでHTMLのソースを見るのつくった – Webtech Walker iPhoneやiPadのSafariでHTMLのソースを見ることができるブックマークレットが便利そうだったのでメモ。 他にもこういうブックマークレットが存在した気がしますが、今回紹介するものはシンタックスハイライトの機能があるのでオススメです。 i-sourceviewの登録はコチラからi-sourceview 使い方などi-sourceviewにはJS版とServer版の2タイプがあります。JS版とServer版の特徴は以下の通り。 JS版 JSのdocument.documentElement.outerHTMLでHTMLを取得するJSでDOMが書き換えた後のソースが取れるXML宣言やDOCTYPE宣言が取れない認証がか
最近になって急に盛り上がってきているZen-Codingをみなさんご存知ですか？ Zen-CodingはHTML/CSSをショートカット＋スニペットで簡略化してコードを書くことができるライブラリです。 独立したテキストエディタソフトではなく、既存のHTML/CSSエディタにプラグイン的に導入するものです。 Zen-Codingというのもがどういうもので、どんなすごいものなんだ、というのはこちらの動画を見てください。 ※音が出ますのでご注意ください。 Zen Coding v0.5 from Sergey Chikuyonok on Vimeo 一体何がおこわれているのか？という感じだと思われますが、今回の記事ではこのZen-Codingの導入方法と使い方の一例を紹介します。 Zen-Codingに対応しているエディタは色々あるのですが、今回は弊社の開発環境しているAptana Studio
HTML言語の最新バージョンとして、現在標準化作業が進められている「HTML5」。はてなブックマークでもこのキーワードを目にする機会が増え、「HTML5って何？」と疑問に思っている人も多いのではないでしょうか。今回は、「HTML5って何？どんなことができるの？」という疑問にお答えしたいと思います。 ■HTML5でできること まずは、HTML5を使うと具体的にどんなことができるのかを見ていきましょう。 ＜具体的に何ができるの？＞ ▽HTML5.JP - 次世代HTML標準 HTML5情報サイト ▽HTML5とは？変わるWebと注目の新要素 HTML5.0の情報サイト ▽大幅に進化した次世代 HTML 規格「HTML5」とは？ - japan.internet.com Webビジネス ▽HTML5, きちんと。 ▽めざましTech - HTML5 についての Q&A ▽2010年に勧告される「
Webページに掲載する面倒な表（テーブル）の作成を楽にしたい――。以前、本サイトではExcelファイルを簡単にHTML（Tableタグ）に変換するExcelアドイン「XLS2HTMLTable」を紹介した（関連記事）。XLS2HTMLTableはとても便利なツールだが、それでも表が大量に必要な時にはやはり手間がかかる。 今回はさらに楽をできて便利なアイテムを紹介しよう。それが、CSVファイル（カンマ区切りテキスト）を読み込み、Tableに整形して表示するJavaScriptライブラリ「jquery.csv2table.js」だ。 JavaScript関連の著書も多い高橋登史朗氏が作った「jquery.csv2table.js」は、名前のとおりjQueryのプラグインとして動作するもので、HTMLにわずか数行のスクリプトを書き加えるだけで使える手軽なライブラリだ。さっそく実際にjquery.
相対リンクと絶対リンク では、本題に入りましょう。 ここで理解すべき内容は以上の3つのリンクのうち、内部リンクに関するものです。 上記にあるように内部リンクは自分のホームページ内での話になるので、ホームページを作成する人にとっては重要な内容です。 相対リンクとは、自分が見ているHTMLファイルから他のファイルへリンクをするとき、そのファイルから相対的にファイル場所を指定する方法です。 わかりにくいと思いますので、実際に例を出して考えてみましょう。 自分がアップロードするサーバーのURLアドレスが「http://www.123XYZ.com/」であると仮定します。 この階層に「A」というフォルダを作り、さらにこのフォルダの下に「B」というフォルダを作成したとします。 各フォルダにはそれぞれ「001.html」というファイルと、「002.html」 という2つのHTMLファイルがあるとします。
(x)html+cssで作られたサイトはseo効果が高いといわれています。 ただ実際はxhtml1.1で書かれていようがhtml4.01書かれていようがseo効果はさほど変わりません。 文書構造をxhtmlは正しくマークアップしなくてはいけませんが、htmlは正しくマークアップしなくても良いのが原因です。 つまりseo効果に重要な影響を与えるのはxhtml、htmlどちらでマークアップされているかではなく、正しくマークアップされているかいないかになります。 html(HyperText Markup Language)はもともとSGML(Standard Generalized Mark-up Language:文書の論理構造、意味構造を記述する言語)の部分集合として主に論文等に使用されることを目的として策定されています。 ただ、インターネットの発展により『webサイトのマークアップ用の言
HTMLの文字実体参照 ASCII文字コード 記号・特殊キーの読み方 ギリシャ文字・キリル文字 HTMLで使われる文字実体参照の表記一覧です。OSやWebブラウザの種類によって一部正しく表示できない場合があります。 一般的な記号など 字実体参照数値参照名称・解説 &&&アンパサンド ¦¦¦破断縦線 µµµマイクロ記号 ‰‰‰パーミル ¤¤¤一般通貨記号 €€€ユーロ記号 ¢¢¢セント記号 £££ポンド記号 ¥¥¥円記号 ©©©著作権記号 ®®®登録商標記号 ™™™商標記号 ↑↑↑上向き矢印 →→→
角の丸いテーブルの作成ツール。 画像あり、画像なしのパターンを選択でき、 角のデザインなども自由にカスタマイズできます。 [ 画像あり版 - 画像なし版 ]
2001年〜2002年にかけて『WebSiteDesign』に、“HTMLに関して曖昧になりがちな部分が、仕様書ではどのように定義されているかを確認しながら、HTMLの理解を深めていく”ことを目指したしたシリーズ「仕様書に見るHTML」を掲載しました。その原稿を、基本的にそのままウェブ版として公開します。 HTMLの仕様書は、分量こそ多いものの、内容は丁寧にわかりやすく書かれており、けっして難しいものではありません。企画書のいくつかの部分を拾い読みすることで、そのスタイルに慣れ、解説書を鵜呑みにするのではなく自力で不明点を調べられるようになる、その手助けになればいいなと考えています。 HTMLの基本構造 ハイパーテキストとリンク プレゼンテーションとマルチメディア フォームとインタラクション ちょっと不思議なテキストレベルの要素タイプ ごく簡単なHTMLの説明
HTML文書の文法をチェックし、採点します htmllint.cgi ver1.21 / htmllint.pm ver3.30 文法しか採点しません。内容の良し悪しは採点されません。結果に疑問を感じたら必ず結果の解説を読んでください。満点で慢心しないでください。 チェックしない警告は減点対象外で、満点は 100点です。チェックしても減点されない警告もあります。気に入らないチェック項目は外すことができます。お好みに調整してください。 また、基本的な設定項目だけの簡易ゲートウェイもあります。いちいちオプションなんかどうせ指定しないや、という方はご利用ください。 ダイアルアップはつらいので、ローカル環境でチェックしたいとお考えの方は、ダウンロードのページを参照してください。 チェック方式 チェックしたいHTMLのURLを指定するか、HTMLを下のテキスト領域に直接記述して、[チェック] ボタ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く