はてなブックマーク  


トップへ戻る
  






総合  




●人気
●新着
  

● IT

● 最新ガジェット  

● 自然科学  

● 経済・金融  

● おもしろ  

● マンガ  

● ゲーム  

● はてなブログ︵総合︶  






一般  




●人気
●新着
  

● 社会ニュース  

● 地域  

● 国際  

● 天気  

● グルメ  

● 映画・音楽  

● スポーツ  

● はてな匿名ダイアリー  






世の中  




●人気
●新着
  

● 新型コロナウイルス  

● 働き方  

● 生き方  

● 地域  

● 医療・ヘルス  

● 教育  

● はてな匿名ダイアリー  






政治と経済  




●人気
●新着
  

● 政治  

● 経済・金融  

● 企業  

● 仕事・就職  

● マーケット  

● 国際  

● はてなブログ︵政治と経済︶  






暮らし  




●人気
●新着
  

● カルチャー・ライフスタイル  

● ファッション  

● 運動・エクササイズ  

● 結婚・子育て  

● 住まい  

● グルメ  

● お金  

● はてなブログ︵暮らし︶  

● 掃除・整理整頓  

● 雑貨  

● 買ってよかったもの  

● 旅行  

● アウトドア  

● 趣味  






学び  




●人気
●新着
  

● 人文科学  

● 社会科学  

● 自然科学  

● 語学  

● ビジネス・経営学  

● デザイン  

● 法律  

● 本・書評  

● 将棋・囲碁  

● はてなブログ︵学び︶  






テクノロジー  




●人気
●新着
  

● IT

● セキュリティ技術  

● はてなブログ︵テクノロジー︶  

● AI・機械学習  

● プログラミング  

● エンジニア  






おもしろ  




●人気
●新着
  

● まとめ  

● ネタ  

● おもしろ  

● これはすごい  

● かわいい  

● 雑学  

● 癒やし  






エンタメ  




●人気
●新着
  

● スポーツ  

● 映画  

● 音楽  

● アイドル  

● 芸能  

● お笑い  

● サッカー  

● 話題の動画  






アニメとゲーム  




●人気
●新着
  

● マンガ  

● Webマンガ  

● ゲーム  

● 任天堂  

● PlayStation  

● アニメ  

● バーチャルYouTuber  

● オタクカルチャー  





● おすすめ  
買ってよかったもの
  


﹃html5doctor, helping you implement html5 today﹄



● 人気  
● 新着  
● すべて  











Using ARIA in HTML | HTML5 Doctor  

4users  
html5doctor.com  


ARIA (WAI-ARIA if you want to be formal) is a set of attributes that you can add to HTML elements. These attributes communicate role, state and property semantics to assistive technologies via the accessibility APIs implemented in browsers. The W3C HTML specification provides information about which ARIA attributes are allowed to be used on each HTML element in section 3.2.7 WAI-ARIA. Developer (u


● テクノロジー  
●2014/06/29 08:13
  

●
●
  
















Responsive images – end of year report | HTML5 Doctor  

6users  
html5doctor.com  


It’s nearly two years since I suggested a <picture> element as a strawman proposal as a way to solve the problem of responsive images, so let’s have a look at how we’re doing. In September there was a big meetup at Mozilla’s Paris office organised by Mozilla’s Marvellous Mr Marcos who’s been very active in the Responsive Images Community Group and did the hard work of actually turning the <picture



● テクノロジー  
●2013/11/13 02:39
  

●
●
●
●
●
●
●
●
  










cite and blockquote – reloaded | HTML5 Doctor  

6users  
html5doctor.com  


The definitions of the blockquote and cite elements in the HTML specification have recently been updated. This article explains what the changes mean for developers. Russian translation: Сite и blockquote: перезагрузка blockquote definition updated The blockquote element represents content that  is quoted from another source, optionally with a citation which must be within a footer or cite element



● テクノロジー  
●2013/11/05 16:39
  

●
●
  










Comparing and contrasting ins, del, and s | HTML5 Doctor  

4users  
html5doctor.com  


Since the mists of HTML 2 we’ve been able to semantically indicate added or removed information using the elements <ins> and <del> respectively. While seemingly simple on the surface these elements have hidden depths. I’ll also compare and contrast <del> with <s>, recently out of font style rehab and back in HTML5. Let’s start with <ins> and <del>… Using ins and del These two elements have very si



● テクノロジー  
●2013/08/20 23:46
  

●
  










The classList API | HTML5 Doctor  

5users  
html5doctor.com  


I have to be honest with you: I feel like a fraud writing about JavaScript for HTML5 Doctor. I would feel like a fraud writing about JavaScript for a click-driven ad-splattered content farm, never mind HTML5 Doctor. The thing is though, I’m writing about the classList API, and it’s super easy. If your JavaScript-fu isn’t great and you’re wary of HTML5 APIs, this one is at the perfect temperature f



● テクノロジー  
●2013/07/31 12:24
  

●
●
  










The main element | HTML5 Doctor

6users  
html5doctor.com  


Recently, <main> was formally added to the W3C HTML specification. Now that the dust has settled, it’s about time we dive in to find out where and when it’s appropriate to use <main>. Let’s get started. History The inclusion of a main element (or similar) has long been debated in the working groups with authors and others often questioning why we had new elements such as <header>, <article>, and <



● 暮らし  
●2013/06/26 20:24
  












How to mark up subheadings, subtitles, alternative titles and taglines | HTML5 Doctor  

4users  
html5doctor.com  


How to mark up subheadings, subtitles, alternative titles and taglines If you don’t already know, the hgroup element is obsolete in HTML5. Advice is now provided in the HTML spec on how to mark up subheadings, subtitles, alternative titles and taglines using existing and implemented HTML features. Russian Translation of this article: Разметка для подзаголовков by Frontender magazine Advice for mar



● テクノロジー  
●2013/05/07 20:47
  

●
  










Interview with Steve Faulkner: HTML5 editor and new doctor | HTML5 Doctor  

4users  
html5doctor.com  


Steve Faulkner – invariably prefixed by the honorific “The Mighty” by those who know him – is Australian living in London with his wife and two kids. He works for The Paciello Group, a well-known web accessibility consultancy, and is a co-editor of the HTML5 spec at W3C Today, we’re pleased to announce that he’s joining the HTML5 Doctor team, with special focus on accessibility and didgeridoo. Bru



● テクノロジー  
●2013/03/20 01:03
  

●
●
  










HTML5 forms input types | HTML5 Doctor  

4users  
html5doctor.com  


In the first article in this series we looked at the history of HTML5 forms and many of the new attributes available to us. In this second and final part of the series, we’ll look at the new input types available in HTML5. As we’ll see, these new features will go a long way toward making your life easier while delivering a delightful user experience. The best thing about all this? You can start us



● テクノロジー  
●2013/03/08 07:04
  

●
●
  










HTML5 forms introduction and new attributes | HTML5 Doctor  

5users  
html5doctor.com  


No doubt you interact with at least one form on the Web every day. Whether you’re searching for content or logging in to your e-mail account or Facebook page, using online forms is one of the most common tasks performed on the Web. As designers and developers, creating forms has a certain monotony about it, particularly writing validation scripts for them. HTML5 introduces a number of new attribut



● テクノロジー  
●2013/02/27 10:26
  

●
●
  










The progress element | HTML5 Doctor  

4users  
html5doctor.com  


When building web sites and web applications, we often need to provide essential feedback to a user informing them of the progress of their request or task, be it uploading a file, playing a video, or importing data. HTML5 makes life easier for us by defining an element whose sole purpose is just that: the <progress> element. The HTML5 specification describes it best: The progress element represen



● テクノロジー  
●2013/02/14 00:34
  

●
●
●
  










Interview with Ian Hickson, HTML editor | HTML5 Doctor  

18users  
html5doctor.com  


Japanese translation, thanks Junichi Niino. Hot on the heels of our interview with Robin Berjon, editor of HTML5 at W3C, over the weekend I interviewed Ian Hickson, editor of HTML “The Living Standard” at WHATWG and, arguably, the most influential individual working on the Web today. Hickson, known as “Hixie”, works for Google and previously worked for Opera (my employer) and Netscape. Some of que



● テクノロジー  
●2013/01/08 23:15
  

●
●
●
●
●
●
●
  










[PDF] HTML5 Element Flowchart  

4users  
html5doctor.com  


Start <article> <aside> <figure> <div> <section> Appropriate element e.g. in a feed reader Sidebar, comments section, pullquote, glossary, advertising, footnote etc that’s tangentially related to the page or content… → html5doctor.com/aside One or more images, graphics, code samples etc, plus optional <figcaption>… → html5doctor.com/figure A section of the page, or chapter of an <article>, with a



● テクノロジー  
●2012/10/17 00:10
  

●
●
  










http://html5doctor.com/downloads/h5d-sectioning-flowchart.png  

5users  
html5doctor.com  






● テクノロジー  
●2012/07/10 00:50
  

●
  










HTML5 adaptive images: end of round one | HTML5 Doctor  

6users  
html5doctor.com  


This article is now superseded. A newer version of the <picture> element is being implemented in Blink, WebKit, Firefox. Read Responsive Images Done Right: A Guide To <picture> And srcset for more. After The Great Vendor Prefix Hullaballoo of April 2012 comes The Great Responsive Images Brouhaha of May 2012. Adaptive images are the next unsolved mystery of Responsive Web Design. Do you send large



● テクノロジー  
●2012/05/17 02:22
  

●
●
●
●
●
●
  










HTML5 Audio — The State of Play | HTML5 Doctor  

4users  
html5doctor.com  


This is a follow up to my 2009 article Native Audio in the Browser, which covers the basics of HTML5 audio. It may well be worth reading if you want to get a feel for the <audio> element and associated API. Now, two and a half years later, it’s time to see how things are progressing. With many new advanced audio APIs being actively worked on and plenty of improvements to the existing native audio



● テクノロジー  
●2012/05/09 08:47
  

●
●
  










HTML5 Doctor Resources | HTML5 Doctor  

4users  
html5doctor.com  


Resources to help you get up to speed and produce great HTML5. HTML5 Doctor Articles A comprehensive list of all our articles to cure all your HTML5 ills. View the article archive HTML5 Element Index A complete index of HTML5 elements, each with a short description, code snippet and and often a link to an article with our prognosis. Explore the Element index HTML5 Sectioning Element Flowchart An e


● テクノロジー  
●2012/04/20 09:06
  

●
  










Let’s Talk about Semantics | HTML5 Doctor  

3users  
html5doctor.com  


It’s time we had “the talk”. I could get you a book or recommend some sites from Dr Mike’s special bookmarks folder, but the best way to make sure you get the right idea is to do it myself. I’m talking about HTML semantics. Understanding the thinking behind the naming of elements will help your markup shine. Semantics and the Web # Semantics are the implied meaning of a subject, like a word or sen



● 暮らし  
●2012/04/19 09:58
  












Using Modernizr to detect HTML5 features and provide fallbacks | HTML5 Doctor  

3users  
html5doctor.com  


Using Modernizr to detect HTML5 features and provide fallbacks Modernizr is a JavaScript library that detects which HTML5 and CSS3 features your visitor’s browser supports. In detecting feature support, it allows developers to test for some of the new technologies and then provide fallbacks for browsers that do not support them. This is called feature detection and is much more efficient than brow



● テクノロジー  
●2012/03/28 00:07
  

●











CSS3 Pseudo-Classes and HTML5 Forms | HTML5 Doctor  

10users  
html5doctor.com  


Hello! I’m Doctor Peter and I’m here to treat you with a dose of complementary CSS3. Don’t worry, this won’t hurt a bit. Contrary to what HTML5 Please and the W3C would have you believe, CSS3 is not part of HTML5. “But this is HTML5 Doctor,” I imagine you saying. “Why are you talking about CSS3 here?” Well, I want to talk about a very specific part of CSS3, one that works in perfect tandem with HT



● テクノロジー  
●2012/02/29 08:21
  

●
●
●
●
●
●
  










Server-Sent Events | HTML5 Doctor  

7users  
html5doctor.com  


We’ve already had a glimpse at Server-Sent Events (also known as EventSource†, and I’ll switch between the two to keep you on your toes) in my Methods of Communication article from last year. In this article, I want to delve in to more detail about the SSE API, demonstrate its features, and even show you how to polyfill browsers that lack EventSource support. Server-Sent Events are real-time event



● テクノロジー  
●2012/01/25 08:55
  

●
  










sectioning-flowchart12.ja.graffle  

11users  
html5doctor.com  


<article> <aside> <figure> <div> <section> … → html5doctor.com/aside <figcaption>… → html5doctor.com/figure <article> … → html5doctor.com/section <p> <address>, <blockquote>, <pre>… → html5doctor.com/semantics … → html5doctor.com/article … → html5doctor.com/div By @riddle & @boblet www.html5doctor.com <nav> … → html5doctor.com/nav HTML5 Element Flowchart 2011-07-22 v1.5-ja Translation by @mlhshino



● テクノロジー  
●2012/01/17 14:53
  

●
●
●
  










The contenteditable attribute | HTML5 Doctor  

7users  
html5doctor.com  


For some time now, we’ve been using various technologies to edit and store text within a web browser. Now with the contenteditable attribute, things have got a whole lot easier. In this article, I’ll tell you what this attribute is for, how it works, and how we can take things further. The Basics # First, let’s check out the spec: The contenteditable attribute is an enumerated attribute whose keyw



● テクノロジー  
●2012/01/11 00:58
  

●
●
●
●
  










The output element | HTML5 Doctor  

8users  
html5doctor.com  


Across the web, you’ll see a range of sites that feature calculators for working out things like loan repayments, mortgage rates, tax, insurance, and more. Until now, we’ve had no way of semantically marking up the result of those calculations. Enter: the <output> element! In this article, we’ll show you <output> and some related JavaScript tricks. Let’s get cracking. The Definition # The <output>



● テクノロジー  
●2011/12/21 15:22
  

●
●
●
  










Video Subtitling and WebVTT | HTML5 Doctor  

6users  
html5doctor.com  


We’ve been able to play video in the browser without a plugin for a couple of years now, and whilst there are still some codec annoyances, things appear to have settled down on the video front. The next step is adding resources to the video to make it more accessible and provide more options to the viewer. We currently have no means to provide information about what’s happening or being said in th



● テクノロジー  
●2011/11/30 09:58
  

●
●
●
  










Pushing and Popping with the History API | HTML5 Doctor  

9users  
html5doctor.com  


Until recently, we developers couldn’t to do much with the state and history of the browser. We could check the number of items in the history and push users forwards and backwards, but this provides little benefit to the user. With the rise of more dynamic web pages, we need more control. Thankfully, HTML5 gives us that control by extending the JavaScript History API. What’s the point? # It goes



● テクノロジー  
●2011/11/15 22:44
  

●
●
●
●
  










Goodbye time, datetime, and pubdate. Hello data and value. | HTML5 Doctor  

9users  
html5doctor.com  


Goodbye time, datetime, and pubdate. Hello data and value. Please note that since this was written, <time>, datetime and (possibly) pubdate have been reinstated, and made more powerful. Doctor Bruce has the low-down in his blogpost The best of <time>s. We preserve this merely to show our grandchildren that we played a role in the Time Wars. We’ve come a long way in the HTML5 specification’s steady



● テクノロジー  
●2011/11/03 03:10
  

●
  










Dive into HTML5… on HTML5 Doctor | HTML5 Doctor  

3users  
html5doctor.com  


Last week, we were surprised and saddened when Mark Pilgrim, long time educator, raconteur, and writer of note, decided to retire from the internet. Unfortunately, he also decided to 410: gone all of his writing, including Dive into HTML5. Mark provided this book for free on the web (under a Creative Commons By 3.0 license), in addition to a published, for-sale version entitled HTML5: Up and Runni



● テクノロジー  
●2011/10/18 11:02
  

●
●
●
  










The scoped attribute | HTML5 Doctor  

5users  
html5doctor.com  


The scoped attribute for the <style> element allows you to include styles mid-document that targets a specific element and its children. Depending upon how you look at this, it’ll either be a godsend or a curse. Once you’ve reached the end of this article, I hope you can form your own opinion. Let’s take a quick look at the spec: The scoped attribute is a boolean attribute. If set, it indicates th



● テクノロジー  
●2011/09/14 01:50
  

●
●
●
●
  







次のページ  

























このページはまだ
ブックマークされていません


このページを最初にブックマークしてみませんか？
  

﹃html5doctor, helping you implement html5 today﹄の新着エントリーを見る  

 

キーボードショートカット一覧


j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
  
 


はてなブックマーク




●総合
●一般
●世の中
●政治と経済
●暮らし
●学び
  

●テクノロジー
●エンタメ
●アニメとゲーム
●おもしろ
  

●アプリ・拡張機能
●開発ブログ
●ヘルプ
●お問い合わせ
●ガイドライン
●利用規約
●プライバシーポリシー
●利用者情報の外部送信について
  

●ガイドライン
●利用規約
●プライバシーポリシー
●利用者情報の外部送信について
  


公式Twitter




●公式アカウント
●ホットエントリー
  


はてなのサービス



●はてなブログ
●はてなブログPro
●人力検索はてな
●はてなブログ タグ
●はてなニュース
●ソレドコ
  





App Storeからダウンロード
Google Playで手に入れよう


Copyright © 2005-2024 Hatena. All Rights Reserved.
  




設定を変更しましたx