W3Cが「HTML 5.1」を勧告、レスポンシブイメージへの対応など。次のHTML 5.2は2017年末頃を目指す
W3Cは11月1日付けでHTML 5.1が勧告になったことを発表しました。当初は9月にも勧告になる予定でしたが約2カ月延びた結果、2014年10月28日にHTML5が勧告されてからちょうど2年後のアップデートとなりました。 HTML 5.1の変更点は仕様書の「Changes」にまとめられています。 主な機能追加としては、Picture要素にsrcset属性が追加されたことでレスポンシブなイメージに対応したこと、Detail要素とSummary要素が追加されたことなどが挙げられます。 各ブラウザの対応状況は「HTML 5.1 Implementation report」のページにまとめられています。 微妙な状況にあるHTML5の仕様策定 HTML5の仕様策定は、Web Hypertext Application Technology Working Group（WHATWG）とW3CのWeb
W3C、「HTML 5.2」勧告。同時にHTML 5.3のファーストドラフトを公開
Web技術の標準化団体であるW3Cは、HTML 5のマイナーバージョンアップである「HTML 5.2」の策定を完了し、勧告としました。 HTML 5.2ではいくつかの機能追加、削除、バグフィクスなどが行われています。 機能追加の例では、ダイアログボックスを表示する＜dialog＞要素が追加されました。下記は＜dialog＞要素を用いたサンプルです。 ... <body> <div> <!-- body content --> </div> <dialog> <h1>Add to Wallet</h1> <label for="num">How many gold coins do you want to add to your wallet?</label> <div><input name=amt id="num" type=number min=0 step=0.01 value=10
W3C 仕様書の読み方 | murashun.jp
［ ＋ expand ］W3C 仕様書とはW3C 仕様書を読むメリットW3C 仕様書の見つけ方W3C 仕様書の読み方まとめW3C 仕様書とは W3C 仕様書とは、W3C (World Wide Web Consortium) がインターネット上で使用される各種技術を仕様化したドキュメントです。W3C は、それらの各種技術の標準化を推進するために設立された非営利の標準化団体です。Tim Berners-Lee によって 1994 年に創立し、多くの企業や団体、および個人のクリエイターやエンジニアなどが会員として加入しています。専任スタッフと、それらの会員が WWW の標準策定を行っています。策定している主な規格は以下のとおりです。 CSSCGIDOMHTMLMathMLOWLRDFSVGSOAPSPARQLSMILVoiceXMLWSDLXAdESXFormsXHTMLXLinkXMLXML
W3C勧告とはなんぞ？Web標準化とW3Cにおける勧告プロセスについて | WEMO
今回はWebデザイナーやフロントエンジニアにとっても基礎的かつ重要な存在、「W3C」について調べてみました。 「HTML5がW3Cの勧告となりました」のような表現を見たことないでしょうか？ この「W3C」とか「勧告」ってなに？って話です。 W3Cとは W3C(ダブリュースリーシー)とは「World Wide Web Consortium」の略称で、Web技術の国際的な標準規格化を推進する標準化団体の名称。 ティム・バーナーズ＝リーによって1994年に創設され、現在では400近くの企業や団体、その他個人クリエイターなどが会員として加入し、Web技術の研究や実装・規格策定を行っている。 様々なWeb技術に関する仕様・指針・要件をまとめた国際的な技術文書（Technical Report）を作成・公開しています。 この技術文書（Technical Report）のことを「TR」と略して表記したり
デザイナーやディレクターも知っておきたい、ページ表示速度の高速化の基本
スマホからウェブにアクセスするユーザが増え、ウェブサイトの表示速度の高速化がより重要な制作の課題になっています。1ページもののサイトなら、フロントエンド・エンジニアが一人で実装できるかもしれませんが、ある程度の規模のウェブサイトではワークフローやサイト全体の設計にも関わってきます。また、表示速度の高速化の方法を知らなければ、最適化しやすい、より高度なデザインは実現できないでしょう。エンジニアだけでなく、デザイナーやディレクターがこういった情報を知っていれば、よりスムーズに結果を出せるウェブサイト制作ができるはずです。 ページ表示速度の改善にはいろいろな方法がありますが、この記事では一番効果がありそうなところから攻めていきたいと思います。自分もまだまだ勉強中なので、まずはfilament groupのScottさんの記事 やClearleftのJeremyさんの記事 を参考に、フロントエンド
ブラウザのしくみ: 最新ウェブブラウザの内部構造 - HTML5 Rocks
How browsers work Stay organized with collections Save and categorize content based on your preferences. Preface This comprehensive primer on the internal operations of WebKit and Gecko is the result of much research done by Israeli developer Tali Garsiel. Over a few years, she reviewed all the published data about browser internals and spent a lot of time reading web browser source code. She wrot
ワンランク上のHTMLコーディングを行うための18のポイント | ベイジの社長ブログ
HTMLコーディングの初級というと、どの程度のスキルを差すのでしょうか。弊社では、以下のようなことがひとまずできていると、だいたい初級レベルを越え始めた段階かな、という気がしています。 ターゲットブラウザで大きな崩れがない。 リンク漏れや原稿違いなどのヒューマンエラーの頻度が極めて低い。 バリデーター・チェックでエラーが出ない。 逆に、これだけのことができて、なぜまだ初級レベルなのでしょうか。それは、現場では、これだけでは不十分だからです。ブラウザでひとまず正常に表示されるだけでなく、改修に素早く対応できる柔軟性、協業や運用後の更新を楽にするルールの一貫性や簡潔さ、HTMLの概念をきちんと踏まえた正しい構造設計なども、求められてくるからです。 そこでここでは、脱・初級者を目指す方のために、弊社内で行っているHTMLコーディングの、いわゆるエラーということ以外のチェックポイントを、まとめてみ
WebページをRetina対応させるテクニック～基礎知識編
WebページをRetina対応させるテクニック～基礎知識編：jQuery×HTML5×CSS3を真面目に勉強（4）（1/2 ページ） iPhoneのRetinaディスプレイは、Webページの制作フローにも大きな変化をもたらした。WebページをRetina対応させるにはどうすればいいのだろうか。 はじめに 2010年6月に登場したアップルのiPhone 4には「Retinaディスプレイ」と呼ばれる、それまでの常識を覆した高精細なディスプレイが搭載されました。それ以降、スマートフォンやタブレットといったモバイル端末のディスプレイはより解像度の高いものへと進化していき、2013年の初めにはサムスン電子のGALAXY S4やソニーモバイルのXperia Zなど、フルHD画質対応（1920×1080ピクセル）のディスプレイを搭載したスマートフォンが登場するまでになりました。 高精細ディスプレイの登場
体感！JavaScriptで超速アプリケーション開発 －Meteor完全解説 記事一覧 | gihyo.jp
運営元のロゴ Copyright © 2007-2024 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。
dresscording.com
dresscording.com 2019 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
HTMLにおけるimg要素のalt属性
HTML Standardの4.8.1.1 Requirements for providing text to act as an alternative for imagesをざっと把握できるように日本語で箇条書きにしただけのものです。最終的には原文をしっかりと読むべきでしょう。 基本 必ず定義されるべきである その値は空であってはならない その画像に代わりになる最適な文字列である ページ上の全ての画像をそのalt属性の値で置き換えてもページの意味合いが変わってはならない 画像のキャプションや題名、銘とみなされるような補助的な説明を意味するものであってはならない 前後で解説されている情報の繰り返しであってはならない 画像以外に何も含まれていないリンクやボタンで使われる場合 リンクやボタンの目的を明確に伝える文字列を指定する わかりやすく説明するために文章ではなく画像のチャートやグラフを
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSSによる段組（マルチカラム）レイアウト講座
Initializr - HTML5 project - template
Create a new fiddle - JSFiddle