タグ

html5に関するku_marinのブックマーク (228)

  • Shumpei Shiraishi's Weblog: ついにHTML5が勧告候補に!そしてそれが意味するもの

    2012年12月18日火曜日 ついにHTML5が勧告候補に!そしてそれが意味するもの ついに! HTML5の仕様が確定しました! 厳密に言うと、HTML5とCanvas 2D Contextの2仕様が、Candidate Recommendation(勧告候補)という段階に達しました。CRに到達した仕様は、仕様そのものが今後ドラスティックに変更されることはなく、広く実装が呼びかけられるという段階です。 W3Cのプレスリリースはこちらです。 今後はテストケースの整備が行われつつ、仕様を完全に満たす実装の登場を待つばかりです。そうした実装が2つ以上登場し、テストケースに完全にパスするだけではなく、それらの間で完全な相互運用性が確認できれば、晴れてProposed Recommendation(勧告案)、そしてRecommendation(勧告)という最終段階に到達します。 現在の予定

  • Web Design and Web Development : うやむやだったHTML5の文書論理構造をきちんと考えてみる | mnemoniqs’log.

    iPhoneandroidの案件ばっかりの今日この頃。 HTML5を使用することが多くなってきましたが、文書論理構造となると少しうやむやなところがありました。 <header>や<footer>などは特に違和感なく使えますが、<section>や<article>になると少し自信がなかったりするので、改めて見直してみます。 HTML5 Element Flowchart 『HTML5 文書論理構造』で探してみると、「HTML5 Element Flowchart 」なる画像が公開されていました。これがすごくわかりやすい。 HTML5で使用するタグを、消去法でマークアップしてます。 ではさっそくスタート。 1. それは、主要なナビゲーションブロックですか? Yes <nav> で囲む グローバルナビゲーションやフッターナビゲーションなどに使用。 No 2へ 2. それは、自分自身だ

  • howtohp.com - howtohp リソースおよび情報

    This domain is registered at NameSilo. If you are the owner, start administering it at NameSilo.com. If this is not your domain, find similar names that work for you. 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

    ku_marin
    ku_marin 2012/10/31
    ベンダープレフィックスいるのか…
  • プレースホルダとHTML5のplaceholder属性

    プレースホルダとHTML5のplaceholder属性 HTML5で導入されたplaceholder属性によって、フォームの入力欄にプレースホルダを設定できるようになりました。さて、この「プレースホルダ」とはそもそもなんなのでしょうか。また、プレースホルダにはどのようなテキストを書けばよいのでしょうか。 プレースホルダってなに? フォームの入力欄に、薄い灰色のテキストが表示されているものを見かけます。あのテキストや、テキストを提供する仕組みは、プレースホルダと呼ばれています。 Safariではアドレスバーに“Go to this address”、検索バーに“Google”というプレースホルダが設定されている。 「プレースホルダ (“placeholder”)」 とは、「実際のものに代わって現れるもの」を意味します。たとえば、Webサイトのテンプレートを作る際に、実際のページにはないテキス

    ku_marin
    ku_marin 2012/10/31
    “しかし、プレースホルダの情報はあくまでヒントです。プレースホルダがなくなると目的が分からなくなるようなフォームであってはいけないわけです”
  • HTML5の学習に役立つ(主に)日本語のサイトまとめ2012

    webにあるHTML5の情報は英語のものが多い 当然のことですが、HTML5の情報は殆どが英語です。W3Cのサイトだって英語で書かれていますし、大抵の情報は英語さえ分かればアクセスできますね。 まあとはいえ、HTML5を勉強しようと考えるいきなり誰もが英語を読めなければならないとなるとちょっと難しいですよね。最初は先輩方の翻訳または日語で書かれたオリジナルの文書から学びたい。そして情報の速度や判断の尺度のずれが気になってきてから、それから国外の情報で勉強しても遅くはないはずです。…そう思いたいですw HTML5に関する国内のサイトや情報源をまとめました と言う訳で、今回はwebcre8が認識しているHTML5に関する情報源やリソースサイト、参考になった記事、調べてたら出てきたものをざっくりとまとめてみます。サイト、ブログ記事、リファレンス、ツール等です。せっかくなので、知っているものは英

    HTML5の学習に役立つ(主に)日本語のサイトまとめ2012
  • HTML5 × CSS3 × jQueryを真面目に勉強 – #6 パララックスエフェクトの基本 | DevelopersIO

    そんな訳で、パララックス・スクロールについて少し学んでみたので、超初心者向け(※自分含む)のサンプルをいくつか紹介していきたいと思います。 はじめに - パララックスエフェクトについて パララックス(parallax)を直訳すると視差です。視差効果とは、視界が移動する際に各物体がそれぞれ異なったスピードでスクロールすることで、奥行き間をはじめとした視覚効果を指します。 アニメーションの世界ではディ○ニー映画で古くから使われていたり、ビデオゲームにおいても横スクロールアクションのゲームなどで昔から使われています。 JavaScript(jQuery)でパララックスエフェクト 1 | スクロール値を取得 どれだけスクロールしたかという値を取得します。これだけではまだパララックスも何もありませんが、全てはここから始まるのです。 $(function() { $(window).scroll(fu

  • 解放新聞による在特会関連の虚報について - 在日特権を許さない市民の会 - ニュース

    SLOT88 Situs Judi Slot Online Gacor 100% Jackpot Hari ini Hadir sebagai situs judi slot online terbaru, SLOT88 saat ini menjadi salah satu pilihan bagi para penikmat permainan judi online yang ada di seluruh Indonesia. Ini semua karena permainan yang disediakan begitu seru dan mengasyikan, game slot online juga sangat mudah di akses dan dimainkan kapan saja hanya melalui HP berbasis android dan io

    解放新聞による在特会関連の虚報について - 在日特権を許さない市民の会 - ニュース
  • HTML5マークアップ珍プレー集 - HTML5 Conference 2012

    近年、個人や企業を問わず、HTML5でマークアップされたサイトが数多く登場しています。しかし、HTML5が浸透してから年月が浅いこともあり、有名な大企業のサイトですら、不適切なマークアップが見受けられます。セッションでは、そのような不適切なマークアップを紹介し、どう直すべきかをみなさんと一緒に考察していきます。

    HTML5マークアップ珍プレー集 - HTML5 Conference 2012
    ku_marin
    ku_marin 2012/09/12
    珍プレーにならんようにしないと:(;゙゚'ω゚'):
  • HTML5カンファレンス2012の資料まとめ

    HTML5カンファレンス2012の講演資料のまとめです。 HTML5カンファレンスは非常に有意義なものでした。講演頂いた方、スタッフの皆様ありがとうございます。 HTMLとかCSSとかAPIとか -2012秋編-(矢倉眞隆さん) HTML5 や CSS3 の新しいタグやプロパティについての解説。 でもその前に、W3C と WHATWG についての話。 一部のメディアで、W3C と WHATWG が決裂したかのような報道がされたが、実際は問題ないとのこと。 W3C と WHATWG の Editor を務めていた Ian Hickson氏は WHATWG の HTML に集中し、バグ修正が加速しそうです。 セッションでは紹介されていませんでしたが、こちらの記事に Ian Hickson氏からのメールの邦訳など載っています。 HTML5仕様をめぐるW3CとWHATWGについて、Ian Hick

    HTML5カンファレンス2012の資料まとめ
  • HTML5でこんなに変わったinput要素を徹底解説 (1/5)

    HTML5タグの誤用で恥をかいた」「分厚い仕様書は読み切れない」コーダー&デザイナーのためのコーディングガイド。最終草案に対応したほか、商用サイトを意識したコーディング例を新たに書き下ろし。HTML5マークアップへ移行するために必要な知識を効率よく学べる1冊です。ネットで話題の「HTML5カルタ」付き! HTML5マークアップ 現場で使える最短攻略ガイド 定価:2,808円 (体2,600円)/形態:B5変 (240ページ) ISBN:978-4-04-866070-9 前回は、一般的なWebサイト制作で比較的使用頻度が高い要素や、ルビ関連の要素を紹介しました。第7回は、HTML5で追加されたフォーム関連の要素と属性をまとめてチェックします。これらの中には、スマートフォンサイト用のブラウザーなどですでに実用できるものも含まれています。 各要素の解説では、冒頭に「カテゴリー」と「コンテン

    HTML5でこんなに変わったinput要素を徹底解説 (1/5)
  • HTML5から意味の変わる要素 <b>、<i>、<em>、<strong>、<small>、<hr>-HTML5リファレンス

    HTML5から意味の変わる要素 HTML4.01では、<b>は太字、<i>はイタリック体、<em>は強調、<strong>は強い強調、<small>は小さくする、<hr>は水平線、 として定義されていました。 これらの要素はHTML5でも残っていますが、 HTML4.01とは意味が変わり、単なる装飾要素からそれぞれに意味のある要素として定義されています。 タグ(要素) HTML4.01 の定義 HTML5 の定義

  • 1クリックでWordPressのテーマファイルの制作に必要なファイルが全部揃う -Underscores

    HTML5ベースでWordPressのテーマを一から制作したいという人にぴったりな、商用でも無料で利用できるWordPressのテーマファイルの開発セットを紹介します。 Underscores -A Starter Theme for WordPress Underscoresのダウンロード Underscoresの特徴 Underscoresのダウンロード 自分用のWordPressのテーマファイルは、1クリックで必要なファイルが全部揃います。 「Theme Name」に好きな名前、例えば使用するサイトの名前(coliss)などを記入し、「Generate」ボタンをクリックするだけで、テーマファイル一式がダウンロードできます。 オプションはお好みで。 Underscoresの特徴 HTML5ベースのWordPressのテンプレートです。 404ページのテンプレートも用意。 オプションとし

  • 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

    ku_marin
    ku_marin 2012/08/20
    マークアップに困るから<copyright>要素作って欲しい…
  • div, article, section, asideの相違点まとめ - ぽりぴぃすらいと

    article article 要素は、文書、ページまたはサイトの独立したパートを形成する構成からなるページの一つのセクションを表現している。これは、フォーラムにポストされたもの、雑誌や新聞記事、ウェブログのエントリ、ユーザが投稿したコメント、その他、コンテンツの独立したあらゆる項目があてはまる。 article 要素は、例えば、独立放送番組のように内容が単独で成立するという意味で、独立している。 article 要素が入れ子になる場合は、内側の article 要素は原理的に、外側の article の内容と関連している。例えば、ユーザ投稿のコメントを許すサイトのウェブログのエントリは、ウェブログのエントリの article要素の中に入れ子になっているコメントの article 要素を表現している。 article 要素に紐付く著者情報(address 要素参照)には、入れ子の arti

    div, article, section, asideの相違点まとめ - ぽりぴぃすらいと
  • mizzz.jp

    mizzz.jp 2018 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

    ku_marin
    ku_marin 2012/08/07
    タイムリーで助かる!
  • html5-memo.com

    html5-memo.com
  • 東京渋谷 “HTML5入門&jQuery” 勉強会(5/26)の資料を公開します | tonowp

    東京渋谷 “HTML5入門&jQuery” 勉強会(5/26)を行いました。 jQueryをおぼえよう!ということで、HTML5のざっくりとした解説と、jQueryの基的な使い方を学習します!詳細:ATND そのときのスライドおよび資料を公開します。 今後も勉強会を開催する予定です。 twitterのハッシュタグ #gooyaHub で告知していきますので よかったら参加してみてください!

    東京渋谷 “HTML5入門&jQuery” 勉強会(5/26)の資料を公開します | tonowp
  • webdesignmatome.com - このウェブサイトは販売用です! - webdesignmatome リソースおよび情報

    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.

    webdesignmatome.com - このウェブサイトは販売用です! - webdesignmatome リソースおよび情報
    ku_marin
    ku_marin 2012/05/31
    初心者にもやさしい
  • HTML5 マークアップ入門 | TM Life

    これらの要素を使うことで, 人間の目にもクローラにもやさしいコーディングができます. 注意点 注意することが一つあります. それは, やみくもに div を section や article, aside に置き換えてはいけないということです. html5doctorに以下の一文があります. Don’t use it unless there is naturally a heading at the start of the section セクションの始まりに見出し(h1~h6)を自然に入れられない場合は使わないでください 的なことが書かれています. この点だけ注意してください. HTML5 マークアップの例 HTML5 マークアップの例です. jsdo.it で作ったサンプルの内容になります. HTML5 マークアップ部分 HTML5 によるマークアップ部分です. ブログ記事用のマ

    HTML5 マークアップ入門 | TM Life
    ku_marin
    ku_marin 2012/05/23
    頭からマークアップしていく。分かりやすい
  • HTML5のarticleとsectionの違いを書いてみた - kojika17

    article要素とsection要素の違いについては、様々なブログなどで書かれている内容だとは思います。 ただ「もう少し内容があったら、他の人もわかりやすいのにな」とよく思っていたので、策定中止になったXHTML2.0にも触れつつ、HTML5のarticleとsectionの違いについて書いてみます。 HTML5とXHTML2.0 2009年までHTML5とXHTML2.0と策定が行われていましたが、XHTML2.0は策定中止となり、HTML5に統合されるという形になりました。 しかしsection要素を説明する上で、XHTML2.0の方が分かりやすいので、現在は策定は中止されていますが、XHTML2.0のsection要素の使い方を見て頂きます。 XHTML2.0のsection要素とh要素(策定は中止されています) XHTML2.0ではh1~h6(以下、hxとします)までの見出しレベ

    HTML5のarticleとsectionの違いを書いてみた - kojika17
    ku_marin
    ku_marin 2012/05/17
    html5難しいよぅ