タグ

HTML5に関するt_gaishoのブックマーク (12)

  • HTML5+CSS3 入門

    Webを記述する言語の標準の現状 昨年度であれば、HTMLを記述する授業では自信をもって以下の基準を推薦していました。 HTML (文書の構造を記述する言語) – XHTML 1.0 もしくは XHTML 1.1 CSS (文書の体裁・デザインを指定する言語) – CSS 2 しかしながら、ここ数年で、とくに去年あたりから状況は大きく変動しつつあります。現状の変化を理解するには、ここに至るまでの歴史的な経緯について簡単に理解する必要があります。ここまでの経緯を整理した上で、将来の展望を探りたいと思います。その上で、この授業ではどのような基準にのっとって「正しい」ということを定義するのか決めていきたいと考えます。 HTML (Webサイトの記述言語) の標準化巡る闘争の歴史 AppleInsider: なぜ AppleHTML 5 に賭けているのか: ウェブの歴史 [Page 2] よ

    HTML5+CSS3 入門
  • 【レビュー】CSS3/HTML5ボタン「BonBonボタン」を試す | エンタープライズ | マイコミジャーナル

    Interactive Designer at Refunk by day and a CSS3 explorer by night. BonBon Buttons - Sweet CSS3 buttonsに、CSS3とHTML5の機能を使って制作されたボタンサンプルが掲載されている。BonBon Buttonsと呼ばれる成果物で、大きなサイズのボタンを簡単につくることを目指して試験的に制作されたもの。BonBonという名前はフランス語でキャンディーを意味する単語からきているという。主にSafariなどのWebKit系ブラウザを対象としている。使用方法は簡単。次のようにclassの部分に用意されたクラスを指定するだけでいい。 <a href="" class="ここにクラスを指定">Label</a> 用意されている主なクラスは次のとおり。 色指定: orange、pink、blue、gr

  • これは見ておくべきHTML5のCanvasを使ったデモ集:phpspot開発日誌

    21 Ridiculously Impressive HTML5 Canvas Experiments | Nettuts これは見ておくべきHTML5のCanvasを使った実験集。 ここまで出来るの?っていうサンプルが満載で一度は見ておきたいものばかりです。 8 Bit Color Cycle Particle Letter Animation Particle System Strange Attractors Liquid Particles Fake Floor Reflections 次世代のWEBが楽しみです。 関連エントリ HTML5で動画や音声再生を可能にするライブラリ集 HTML5ベースのTODOリスト「5List」 CSSでクールにデザインされたHTML5動画・音楽プレイヤー実装JS「MediaElement.js」 CSSでスキン作成が可能なHTML5動画プレイヤー実

  • HTML5.JP - 次世代HTML標準 HTML5情報サイト

    HTML5.JP は、HTML5 の国内での普及を目指し、2007 年に個人プロジェクトとして運営が開始されました。2019 年現在、すでに HTML5 は当たり前のように活用され、多くの情報がネットから入手することができるようになりました。 当サイトの役割は終えたことに加え、当サイトの更新もままならず情報も古いままであったことから、当サイトを閉鎖することにいたしました。これまで当サイトをご支援頂きました皆様には心より御礼申し上げます。 2019 年 8 月 15 日 管理人より

  • HTML 5 + XML = XHTML 5 - html5doctor - HTML5.JP

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

  • HTML5+CSS3用のブラウザのスタイルをリセットするテンプレートファイル -HTML5 Reset

    HTML5+CSS3の環境で汎用的に利用できるHTML・スタイルシート・スクリプトなどのファイルを一式にまとめたテンプレートを紹介します。 ファイル構成:コメント無し版 各ファイルの説明 index.html HTML5の要素を配置した汎用的に利用できるHTMLファイル。各スタイルシートファイルも埋め込まれています。 css/main.css @import用のスタイルシートです。 css/reset.css Eric Meyerの「Reset CSS」です。 css/core.css ベースとなるスタイルが定義されています。 css/_patches 各ブラウザ用のスタイルシートです。 css/_print プリント用のスタイルシートです。 js Modernizrがセットされています。

  • HTML5サンプル集 - 株式会社あゆた

    このページでは、HTML5のAPIを利用した簡単なサンプルを公開しています。 このサンプルの多くは、弊社技術顧問の白石氏がマイコミジャーナルに寄稿した記事で使用したプログラムを元に、多少の改変を加えたものです。 どれも非常にシンプルなものではありますが、HTML5の各機能を試すためのとっかかりとしてご利用頂けると思います。 白石氏が寄稿した記事はこちらになります。これらの記事と合わせてサンプルをご利用になって頂く事で、各機能の理解がより深まることでしょう。 詳解! HTML 5と関連APIの最新動向 - 新タグ&API編 詳解! HTML 5と関連APIの最新動向 - Webアプリ開発編 アプリケーションキャッシュのサンプル (ダウンロード) (Safari4、Google Chrome3で動作確認済み。Firefoxだと、アプリケーションキャッシュのイベントが正しく発生せず、動作しないと

  • W3C standards and drafts

    W3C publishes a range of technical reports (Standards and supporting Notes) which help move the web forward.

    W3C standards and drafts
  • HTML5サンプル集 - 株式会社あゆた

    このページでは、HTML5のAPIを利用した簡単なサンプルを公開しています。 このサンプルの多くは、弊社技術顧問の白石氏がマイコミジャーナルに寄稿した記事で使用したプログラムを元に、多少の改変を加えたものです。 どれも非常にシンプルなものではありますが、HTML5の各機能を試すためのとっかかりとしてご利用頂けると思います。 白石氏が寄稿した記事はこちらになります。これらの記事と合わせてサンプルをご利用になって頂く事で、各機能の理解がより深まることでしょう。 詳解! HTML 5と関連APIの最新動向 - 新タグ&API編 詳解! HTML 5と関連APIの最新動向 - Webアプリ開発編 アプリケーションキャッシュのサンプル (ダウンロード) (Safari4、Google Chrome3で動作確認済み。Firefoxだと、アプリケーションキャッシュのイベントが正しく発生せず、動作しないと

  • ブラウザで見たままテキスト編集ができる組み込み型HTML5エディタ「AlohaEditor」 【@maskin】 | TechWave(テックウェーブ)

    [購読時間:5分] from metamix.com ウェブコンテンツの編集といえば、HTMLによる記述が基。それしかなかった時代は「ウェブコンテンツ作り」には敷居が高い印象があった。しかし、2000年代後半に普及したブログの記事編集ツールのように、ウェブの画面で編集加工を行えるサービスの普及で、誰でもテキストコンテンツの作成が可能になったのは周知の事実。 今回紹介する「Aloha Editor」は、ウェブ上のテキストをワープロソフトのように見たまま文字装飾などをほどこすことができるHTML5ベースの技術で動作するソフトウェア。JavaScriptのファイル群で構成されており、無償でダウンロードが可能。自分のウェブサイトなどに組み込むことで、快適にテキスト編集ができるようになる。 最大の特徴は、冒頭の画面のように、見ているページのコンテンツをそのまま編集することができるところ。文字を太く

    ブラウザで見たままテキスト編集ができる組み込み型HTML5エディタ「AlohaEditor」 【@maskin】 | TechWave(テックウェーブ)
  • HTML 5ベースの手軽なイメージエディター「CloudCanvas」 | ライフハッカー・ジャパン

    ウェブベースのイメージエディターを使用していて、プラグインに縛られていることや、動作の遅さに、わずらわしさを感じることは、ありませんか? HTML 5ベースの「CloudCanvas」なら、動作が速く、プラグインからも解放されます。 CloudCanvasには、多くのエディターにも採用してほしい、興味深い機能が搭載されています。ヴェクターやビットマップイメージの編集、JPG・GIF・PNGへのファイル変換(オンライン/オフライン両方のソースで可能)、PNGやSVGでの保存などが可能です。さらに、CloudCanvasは、Googleドキュメントと連動しているので、Googleドキュメントにしっかりと保存ができ、Open Clip Art Library、Google Image、Deviant Artから、イメージのインポートもできます。 下記リンクからサインアップすれば、無料ですぐに使用

    HTML 5ベースの手軽なイメージエディター「CloudCanvas」 | ライフハッカー・ジャパン
  • 「DaVinciPad」~気になるテキストをすぐ記録、TwitterへのポストもできるHTML5メモアプリ【増田(@maskin)真樹】 | TechWave(テックウェーブ)

    1990年代初頭から記者としてまた起業家としてITスタートアップ業界のハードウェアからソフトウェアの事業創出に関わる。シリコンバレーやEU等でのスタートアップを経験。日ではネットエイジ等に所属、大手企業の新規事業創出に協力。ブログやSNSLINEなどの誕生から普及成長までを最前線で見てきた生き字引として注目される。通信キャリアのニュースポータルの創業デスクとして数億PV事業に。世界最大IT系メディア(スペイン)の元日編集長、World Innovation Lab(WiL)などを経て、現在、スタートアップ支援側の取り組みに注力中。 ニュースやブログを見ていると「あ、これは参考になる」「あとで読んでみよう」と思うことがしばしばある人は「DaVinciPad」の導入を検討してみてはどうだろう。 DaVinciPadは、Google Chrome拡張機能として動作するメモサービスで、メモ

    「DaVinciPad」~気になるテキストをすぐ記録、TwitterへのポストもできるHTML5メモアプリ【増田(@maskin)真樹】 | TechWave(テックウェーブ)
  • 1