[B! html5] ku_marinのブックマーク

h1要素は複数回使って良いのか!? HTML5.1に関するW3CとWHATWGの主張の違い

池田泰延 @clockmaker h1要素が同じHTML内に複数もあるのはどうなの的な宗派（XHTMLの流れをくむセマンティックス派）でいたわけですが、HTML5.1が明確に否定してくれました。信じるモノは救われる的なものですかね 2016-12-13 14:36:23

ku_marin 2016/12/14

html5

リンク

contenteditable要素に対してplaceholder設定を実現する - Qiita

Google Chrome30.0.1573.2 dev(Mac版)でのみ動作確認しています。 HTML5の機能として提供されるplaceholder属性ですが、とてもとても残念な事にinputタグのみでcontenteditable=trueの要素に対してはその効果を適用出来ません。そんな中で、inputタグでplaceholderを利用して初期値を表示している箇所と、<div contenteditable=true>を利用して入力可能にしている場所があると、当然ユーザーから﹃あれ、ここ(inputタグ)で表示してるこの初期表示をあそこ(contenteditable=true)にも表示できるようにしてよ﹄とか言われる訳です。というか言われますよね?。私は言われました。そこで懇切丁寧に説明して理解してくれるユーザーさんならいいんですが、往々にして﹃仕様です！実装してください﹄と

ku_marin 2016/01/18

こんなやり方もあるんだなぁ

html5
jquery

リンク

contenteditable=contenteditable - コンテンツの編集許可 - とほほのWWW入門

Internet Explorer 5.5(Windows版)で追加された機能です。HTML5でもサポートされました。この値を true にすると、HTMLのコンテンツをブラウザ上で編集することができるようになります。Chrome 11, Firefox 3.0, Opera 10.6, Safari 3.2 でもサポートされました。 inherit親の要素の属性を継承します。既定値。 true編集モードをオンにします。 false編集モードをオフにします。

ku_marin 2016/01/18

こんなタグあるの知らなかった…

html5

リンク

html5shiv - Project Hosting on Google Code

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

ku_marin 2015/11/02

google codeが消えゆく今、こっちなんだろうな〜。でもできればもうこれ使いたくない…

html5

リンク

“マークアップ”するということ～ HTML5勧告に寄せて～

HTMLを適切な要素を使って書いていくことは実はそれほど難しくはない。しかし過剰に要素を使わずに、かつスタイリングすることも意識して、と適切に“マークアップ”するのはなかなかの修練を必要とする。いったい“マークアップ”するということはどういうことなのだろうか、そしてどのような思考の元に行えば良いのだろうか。 HTML5での変化著作権表示のマークアップ small要素 footer要素とsmall要素p要素とdiv要素 footer要素とp要素スタイリングとの兼ね合いマークアップするということ HTML5での変化コンテンツに則した素直な形でマークアップできること。 HTML5で変わることや変わったことは多くあるが、それらをおおまかに俯瞰するとこのような言葉に集約できる。そのために様々な要素や属性が追加され、既存の実装をなるべく壊さない形で要素の意味に変更が加えられた。これらの変化は

ku_marin 2014/12/29

html5

リンク

HTMLテンプレートの基本ファイル一式、Webページを実装するための必要最小限をまとめたHTML

HTMLで、Webページやアプリを作成する時に役立つ、フロントエンド用に必要最小限をまとめたシンプルなHTMLの基本テンプレートのファイル一式を紹介します。 v.8.0.0がリリースされ、現在の環境に合わせた設計にアップデートされました。 IE11を含む、すべてのモダンブラウザをサポートしています。 HTML5 Boilerplate -GitHub HTML5 Boilerplateの特徴 HTMLの基本テンプレート HTML5 Boilerplateの使い方 HTML5 Boilerplateの特徴 HTML5 Boilerplateは、Webサイトやアプリを実装するためのプロフェッショナルなフロントエンド用のHTMLの基本テンプレートです。実践的な基本のテンプレート 200人を超える貢献者による分析・研究・実験をもとにしています。ブラウザの見え方を最適化プログレッシブエンハンス

ku_marin 2014/07/07

参考

html5

リンク

HTML5 Boilerplate: The web’s most popular front-end template

HTML5 Boilerplate helps you build fast, robust, and adapta ble web apps or sites. Kick-start your project with the combined knowledge and effort of 100s of developers, all in one little package.

ku_marin 2014/06/16

HTML5/CSS3フレームワーク

リンク

HTML5特集の記事一覧 | DevelopersIO

Classmethod (Europe) GmbH to Sponsor Local Berlin Art Director and Film Editor

ku_marin 2013/11/27

さすがの情報量

html5

リンク

よくある3つのデザインから考える、マークアップの最適解

Web制作においてHTMLのマークアップには絶対の正解というものがありません。ページを制作しているとき、特にセマンティクスを意識したとき﹁このマークアップで正しいのだろうか﹂と悩むことがあると思います。そんなマークアップについて考えるイベント﹁MarkupCafe﹂がhtml5jマークアップ部の主催のもと開催されました。﹁MarkupCafe﹂では参加者同士がチームに分かれ、お題となるデザインに対して議論し、自分たちならこうマークアップするといった考えを発表し合いました。本記事では﹁MarkupCafe﹂で出された”フッター”、”パンくずリスト”、”求人情報”の3つのお題をもとに、Web制作におけるマークアップの捉え方、誤った使い方をしがちな要素などについて考え、マークアップの最適解を探ります。 ※html5jは、HTML5などのWebプラットフォーム技術を使った﹁ものづくり﹂に関わる

ku_marin 2013/09/26

html5

リンク

广西超大的科技有限公司

X8.cn ￥52888 秀吧/小8 8P.cn ￥36888 八品/8铺 5Z.Net ￥45888 五洲 6i.Net ￥36888 乐爱 7H.com.cn ￥8888 七禾 8H.com.cn ￥8888 8号 E51.com ￥28888 医无忧 51P.com ￥48888 我要拍 C7C.com ￥28888 c7c 3BW.com ￥48888 3百万 BW1.com ￥23888 百万 82W.com ￥48888 八二网 82P.com ￥38888 P=PJ 81P.com ￥38888 P=PJ 81K.com ￥38888 K=K3 65D.com ￥38888 D=DF 59D.com ￥38888 D=DF U76.com ￥38888 U=游戏 U71.com ￥25888 游企业 U91.com ￥28888 91系 W61.com ￥38888 W=WN

ku_marin 2013/07/16

html5

リンク

HTML5Experts.jp

進化するWeb ～Progressive Web Appsの実装と応用～(de:code2018より) 物江修 2018年5月に開催された日本マイクロソフト主催のイベントde:code 2018で「進化するWeb ～Progressive Web Appsの実装と応用～」というセッションを担当しました。イベントに参加できなかった...

ku_marin 2013/07/10

html5

リンク

W3 Watch Reference

W3 Watch Reference は、Web クリエイターの方々向けに HTML （HTML Living Standard）、CSS のリファレンスを日本語で提供しています。各要素、セレクタ、プロパティの意味や、サンプルソースを掲載している他、それぞれを用途から逆引きできるようにもしてあります。また、参考になりそうな外部リンクをページ下部に掲載していますので、あわせてご利用ください。なお、CSS リファレンスに関しては現時点で作成中も項目多いですが、順次更新されていきますのでしばらくお待ちください。

ku_marin 2013/06/28

これはめちゃ便利…！

html5

リンク

HTML5セクション要素のまとめ (1/5)

﹁HTML5タグの誤用で恥をかいた﹂﹁分厚い仕様書は読み切れない﹂コーダー＆デザイナーのためのコーディングガイド。最終草案に対応したほか、商用サイトを意識したコーディング例を新たに書き下ろし。HTML5マークアップへ移行するために必要な知識を効率よく学べる1冊です。ネットで話題の﹁HTML5カルタ﹂付き!HTML5マークアップ現場で使える最短攻略ガイド定価‥2,808円︵本体2,600円︶／形態‥B5変 (240ページ) ISBN‥978-4-04-866070-9 前回はHTML5のセクションとアウトラインについて詳しく解説しました。今回はセクション関連の新しい要素を解説します。セクションを明示するための要素 HTML5では、セクションを明示する要素として、section要素／article要素／aside要素／nav要素／body要素が定義されています。 section要素

ku_marin 2013/06/19

articleとsectionで迷ったら

html5

リンク

ネイティブとHTML5をスマートに連携させる設計と実装のノウハウについて

「120分聞けばドヤ顔で語れる Apache Cordova スーパー勉強会」にて発表したCordovaに関する紹介です。 http://atnd.org/events/51539

ku_marin 2013/05/30

リンク

http://blog.e-riverstyle.com/2011/01/rolewaiaria.html

ku_marin 2013/05/13

html5

リンク

HTML5 勧告候補に main 要素が追加、hgroup 要素は予定通り削除

ちょっと前に﹁hgroup 要素が HTML5の勧告候補︵Candidate Recommendation︶から削除されるようです﹂って記事を書きましたが、実際に削除されたみたいですね︵Editor's Draft では︶。ついでに、すでに HTML 5.1 Nightly にはすでに追加されていた、main要素が、HTML5勧告候補の方にも追加されたようです。 HTML5 W3C Candidate Recommendation 17 December 2012 hgroup 要素が HTML5勧告候補から削除されるmain要素とは？main要素は元々、Steve Faulkner 氏︵Web アクセシビリティ関連の方︶が HTML5の拡張仕様として提案し、HTML 5.1 に正式に取り入れられた要素で、その名の通り、文書内の、﹁主要な部分﹂をマークア

ku_marin 2013/05/01

html5

リンク

HTML5 の “ブロック・レベル“ リンク - html5doctor - HTML5.JP

サイト内検索この記事は、html5doctor に掲載されている記事﹁“Block-level“ links in HTML5﹂を日本語訳したものです。原文タイトル “Block-level“ links in HTML5原文ページ URL http://html5doctor.com/block-level-links-in-html-5/ 著者 Bruce Lawson氏原文投稿日 2009-07-13 一部、直訳ではなく意訳した部分がございます。原文と表現が異なることがございますので、ご了承ください。この本日本語訳には、翻訳上の誤りがある可能性があります。したがって、内容について一切保証をするものではありません。正確さを求める場合には、必ず各記事の原文を参照してください。当方は、この文書によって利用者が被るいかなる損害の責任を負いません。もし誤りなどを見つけたら、当サイトの

ku_marin 2013/04/03

<a><div></a>ってな具合にボックスをaタグで囲めるのは便利すぎてやばい

html5

リンク

Takazudolog - 地獄のvideo／audio要素

video／audioにハマりまくったメモ。作ってたのは、Flashでやってたような、複数の動画ファイルを、途中の選択肢によって色々変えながら見せるというようなインタラクティブムービーみたいなの。なので、ハードにvideoを使いまくるという意味で、普通に一本動画を見せるという用途よりももっと色々する必要があったわけだけれども、そうでない場合でも、videoが色々厄介であるということは知っておく必要があると思う。とりあえず、videoやaudioを使いたい人は、以下の2ページを熟読せよ。プラグインは要らない！音声／動画対応したHTML5 - audio／video要素 | Think ITVideo - Dive Into HTML5 videoのイベントは HTML5 Video を眺めてるとなんとなく分かる。 audioライブラリ試してうまくいったやつはこれ。 SoundJS vi

ku_marin 2013/02/06

リンク

hanatoweb.jp - このウェブサイトは販売用です！ - hanatoweb リソースおよび情報

This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.