パンくずナビゲーションにまつわる議論、再び
2013年9月18日 著 public-html@w3.orgで昨日あたりから盛んに飛び交い始めた、Re: 4.13.1 Bread crumb navigation - use of right angle bracketsという題名のメールが目を引きました。何やらHTML 5.1 Nightlyが9月18日付けで更新され、その4.13.2 Bread crumb navigationにおいて、Authors are encouraged to markup bread-crumb navigation as an ordered list using the ol and li elements.と記されたの機に、いわゆるパンくずナビゲーションと呼ばれる何かをどうマークアップすべきかで盛り上がっている模様。ひとつ前のバージョンでは、Authors are encouraged to j
<html>,<body>は要らない？Googleが推奨するHTMLファイルの記法 - Qiita
つまりhtml, head, bodyなどの使い慣れたお決まりのタグは今更書くまでもないということ。 参考: どのようなタグが省略可能か http://www.whatwg.org/specs/web-apps/current-work/multipage/syntax.html#syntax-tag-omission P.S. STORYS.JP、 coincheck などのサービスを運営、開発しています。興味のある方はぜひ 和田まで連絡を！ Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationYou can use dark themeWhat you can
gcss.info - Domain Name For Sale | Dan.com
Buyer Protection Program When you buy a domain name at Dan.com, you’re automatically covered by our unique Buyer Protection Program. Read more about how we keep you safe on our Trust and Security page. Next to our secure domain ownership transfer process, we strictly monitor all transactions. If anything looks weird, we take immediate action. And if the seller doesn't deliver on their part of the
愛されマークアップエンジニアになろう
こんにちは。 鮭はあたまの部分が一番美味しいと思っているサーモンです。「えーーっっ！！」ってよく言われるんですけど、うちでは塩焼きにすると、ほっぺたの部分とか取り合いですよ？ サーモンだって食べ物以外のこと考える いやはや、最近ね、とあるお国に出したというコーディングのデータを頂くことがあったんですけど、ちょっとびっくりしちゃったんです。コーディングルールも無視とか、デザインが思いっきり再現されてないとか…もろもろ..ね。 日本でも激安コーディングとか、さらに激安な海外でのコーディングとかあって、「もうマークアップじゃやっていけないんじゃない？」なんて話もチラホラと聞こえて来たりするじゃないですか？ 何だかすごく気になったので、周りのみんなに聞いてみました。 そしたら 「あ〜…(以下顔が物語る)」 とか 「何度も直しを繰り返したので自分でやったほうが早かった」 とか 「お安かったのですが結
「フロントエンド・エンジニア」という呼び名のパワー - モジログ
私の仕事は、Zope/PloneをベースとしたカスタムCMS（その顧客専用のコンテンツ管理システム）を開発するというもので、これは「Web開発」とか「サーバサイド開発」とか呼ばれるカテゴリに入る。 これに対して、HTMLやCSS、JavaScriptなどクライアントサイドの開発・コーディングを担当する人を、最近のWeb業界では「フロントエンド・エンジニア」と呼ぶ場合があるようだ。これはなかなかいい呼び名だと思う。 一般的に「Webデザイナー」と呼ばれる人の仕事は、じつに幅広い。ビジュアル的に「デザイン」すること（どんなサイトにするかの「絵」を作ること）や、サイトの構造・ラベリング・ナビゲーションといった「情報アーキテクチャ」を決めること、そしてHTMLやCSS、JavaScriptといった技術によってそれらを実装することは、それぞれ異質な作業であり、別種のスキルが求められる。 最近はこうし
リピート率に直結！ブラウザのレンダリング速度を高速化する５つのこと | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
最近上京してきたんだけど東京とか物価高くてやんなっちゃう。ほんともう特に家賃とか駅から徒歩30分とかそれってもう徒歩圏内じゃなくない？あ、どうも僕です。 今日はクライアント（ブラウザ）側で高速にページを表示させるために、最低限押さえておきたい簡単なテクニックを厳選してお届けしちゃうよ！ WebサイトやWebサービスを作る上で、ユーザを獲得するには応答時間を早めることがとても重要なファクターなんだ。 統計的にも応答時間とユーザのリピート率との相関性は実証されていて、例えば、表示までに時間のかかるサイトなんかは、もう二度と使わねぇとか思っちゃうよね！ それほど応答時間というものはユーザを獲得する上でもかなり重要なんだ！ HTTPリクエスト数を少なくする Webページが表示される際、まずはベースとなるHTMLが読み込まれてから、ページにリンクしてある画像ファイルやスクリプトファイルなどを読み込ん
画像の使用を極力控えてかっこいいCSSデザインをやってみよう
Latest topics 2019.01.22 長々と運営していましたが、本日を以て大会を終了とさせていただきます。沢山の方にご参加いただきましたこと、まことに嬉しく思います。Galleryは閲覧可能ですので、懐かしい気持ちになりつつご覧いただければと思います。 2007.04.15 公式html内に一箇所文字の誤りがありました。詳しくは2007-04-15のメモに書いておきました。要素の変更や構造の変更に変化は無いので、CSSを書く作業には影響がないのですが、気になる方はURIを参照して下さい。 Galleryが開通しました。フォームで選択してぽちっとするとサムネイルが表示されます。サムネイルをクリックすると、CSSデザインが適用された個別ページが表示されます。 よくありそうな質問に、CSSデザインは１人何個でも提出できる旨を追記いたしました。 2007.04.13 よくありそうな質問
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
<h○>要素(見出し) - HTML リファレンス
HTML5 ISO-HTML HTML4/XHTML1 詳細 HTML5 での定義。 平成30年 1月17日現在の定義です。 要素の定義 見出し。 カテゴリ フロウ内容要素 見出し内容要素 "明確な"内容 要素が置ける箇所 フロウ内容要素が置ける箇所。 内容モデル フレージング内容要素。 定義されている属性 グローバル属性のみ。 在来 HTML でのタグの省略 開始タグ×・終了タグ×。 DOM インタフェイスでの扱い HTMLElement インタフェイスを実装した HTMLHeadingElement インタフェイス。 ISO-HTML (JIS-HTML, ISO/IEC 15445:2000)での定義。 要素の定義 見出し。 カテゴリ ブロックレヴェル要素。 要素が置ける箇所 <body>要素の直下。 内容モデル インライン要素。 定義されている属性 コア属性 国際化対応属性 のみ。
Webデザイナーでもできる、サイトのパフォーマンスをあげる5つの方法
Webデザイナーでもできる、サイトのパフォーマンスをあげる5つの方法 2011-08-28 Webデザイナーが、Webサイトのパフォーマンスを重視する傾向はあまり無いように感じますが重要なことです。 Googleでは、0.5秒遅くなると、検索数が20%減少する amazonでは、0.1秒遅くなると、売り上げが1%減少する という報告もあるようです。Webサイトのパフォーマンスはコンバージョンにも影響する大切な部分。 今回はWebサイトのパフォーマンスを上げる方法を取り上げます。 パフォーマンスアップの前に 応答時間の限界 0.1秒までなら、結果はコンピューターではなく、ユーザーによって引き起こされたように感じる。 1秒までなら、"遅れている"と感じるが、ユーザーの思考は途切れずに、自由に動いていると感じる。 10秒までになると、ユーザーがコンピューターに振り回されている気持ちになり、ストレ
Webサイトの「Copyright～」にaddressタグは適切？ – メール人語
皆さん、ホームページの著作権表示のタグは何使ってますか？ よくWebサイトのフッターに、「Copyright ～」みたいな著作権の表示がされているのを見かけますよね。 あの著作権表記のHTMLのタグは何を使ってますか？ 個人的に、ずーっと気になってたのが、著作権表示に利用されるaddressタグです。 実際に有名なサイトでも多数使われています。 Yahoo! JAPAN <address>Copyright (C) 2009 Yahoo Japan Corporation. All Rights Reserved.</address> mixi <address>Copyright (C) 1999-2009 mixi, Inc. All rights reserved.</address> 三井住友銀行 <address lang="en" class="en">Copyright
XHTML タグ一覧表示ツール
下に表示されている XHTML タグをクリックすると、その下にある枠内に、 正しいマークアップ 使用可能な子要素（または親要素） 使用可能な属性 が表示されます。XHTML タグを記述する際、「このタグの書き方は？」「このタグの子要素（または親要素）には何が書けるの？」と思ったら使ってください。元データは Another HTML-lint のタグ一覧を利用しています。 クリック表示 マウスオーバー表示 属性表示 XHTML 1.0 Transitional [ 閉じる ] <a> <abbr> <acronym> <address> <applet> <area> <b> <base> <basefont> <bdo> <big> <blockquote> <body> <br> <button> <caption> <center> <cite> <code> <col> <colgr
Webクリエイターボックス
WebクリエイターボックスのX: @webcreatorboxでは毎日Webに関する記事や美しいデザイン・写真などを紹介しています。その中で今週人気だったWeb関連の情報トップ10を紹介します。見逃してしまった人はこちらでチェック！まだフォローしてない人はお気軽にフォローしてみてくださいね！ 続きを読む Web制作やデザインに関する情報は、インターネット上以外にも書籍を通して体系的に学ぶことができます。今月も様々な本を拝読しました。その中でいいなと思った物、オススメの物をいくつか紹介します。 続きを読む WebクリエイターボックスのX: @webcreatorboxでは毎日Webに関する記事や美しいデザイン・写真などを紹介しています。その中で今週人気だったWeb関連の情報トップ10を紹介します。見逃してしまった人はこちらでチェック！まだフォローしてない人はお気軽にフォローしてみてくださいね
Flash HTML設定のまとめ | エントリー | _level0.KAYAC
Flashコンテンツを表示する際のHTMLパラメタってたくさん。。 一覧で将来自分がみたくなるだろうことは必至！！と思って、まとめてみます。 ざっくりですが・・・。
ワリオランドシェイクみたいに HTML が崩壊するブックマークレット（とそのソースコード） - てっく煮ブログ
as, box2dワリオランドシェイクと YouTube のコラボプロモーション が面白かったので、似たようなものを作ってみました。次の文字列をコピーしてアドレスバーに突っ込むと、HTML が崩壊します。javascript:(function(){var d=document; var s=d.createElement("script"); s.charset="UTF-8"; s.src="http://tech.nitoyon.com/meltdown/meltdown.js?"+(new Date()).getTime(); d.body.appendChild(s)})();崩壊するのは画像だけなので、画像があるページで試してみてください。このブログだとこんな具合。画像はドラッグすることも可能です。あまり画像が多いと重くなりすぎるのでご注意を。仕組みFlash と JavaSc
RSS feed を JavaScript で HTML に埋め込む
RSS feed を JavaScript で HTML に埋め込む RSS を利用すると、自分の Blog サイトのサイドバーなどに、お気に入りの Blog サイトの更新情報などを表示することができます。このように、サイト間でのリンクの導線を動的に生成することができるのも、Blog の魅力の1つと言えます。今回は JavaScript Include と呼ばれる手法を使って、既存の Blog サイトに負荷をかけることなく、RSS を HTML に埋め込む手法を紹介します。 JavaScript Include 他サイトの RSS を自分の Blog サイトに持ってくるには、通常 Blog ツールに付属するプラグインやサードパーティツール(*1) を利用します。これらのツールは定期的に RSS を GET し、静的に生成される HTML を再構築したり、静的な HTML に書き出して、出力
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
短期間＋大規模ゲーム開発でも破綻しないHTML・SCSS
No.1026
コーディングが上達するコツ
スマートフォン判別 » HTML for iPhone