Enterprise x HTML5 Web Application Conference 2014の発表資料です。Read less
Enterprise x HTML5 Web Application Conference 2014の発表資料です。Read less
はじめに タイトルは半分釣りですが、半分本気で考えてもいます。 近い将来、Webアプリが今のネイティブアプリの市場を超えてくる、と仮説を立てています。 ぜひ、先人のみなさんのご意見やお考えを教えてください。 SPAについて SPAとはなにか(What) 歴史 佐川夫美雄さんのイベントレポートの一部が、非常にまとまっていてわかりやすい部分でしたので、まず引用させていただくこととします。 RIAはアプリケーション利用者に対し高い評価を得ましたが、2010年のAppleショックにより衰退の方向へ向かいます。具体的には2010年にSteve JobsがFlashを激しく批判したことに端を発します。プロプライエタリ(Proprietary Software)なFlashよりオープン性のあるHTML5を推進するようになりました。2011年にはMicrosoftがWeb開発者に対してSilverligh
Get started and then find a generator for your webapp. Generators are available for Angular, Backbone, React, Polymer and over 5600+ other projects. One-line install using npm: npm install -g yo What's Yeoman?Yeoman helps you to kickstart new projects, prescribing best practices and tools to help you stay productive. To do so, we provide a generator ecosystem. A generator is basically a plugin tha
This Version: https://www.w3.org/TR/2018/SPSD-html5-20180327/ Latest Published Version: http://www.w3.org/TR/html5/ Latest Version of HTML: http://www.w3.org/TR/html/ Latest Editor's Draft of HTML: http://www.w3.org/html/wg/drafts/html/master/ Previous Version: http://www.w3.org/TR/2014/REC-html5-20141028/ Previous Recommendation: http://www.w3.org/TR/1999/REC-html401-19991224/ Editors: WHATWG: Ia
WordPressの人気テーマSTINGERシリーズもヴァージョン5となりHTML5へと変わりました。HTML5からは新たに加わった要素がいくつかあり、ざっくりとしか理解していない方もいると思います。(わたし、わたし!)おさらいの意味も兼ねてHTML5から加わった新要素をSTINGER5に照らし合わせて説明していきたいと思います。 こちらの記事は公開時より年月が経過しており内容が古くなっている可能性があります。この記事で紹介しているソースコードの使用や、phpコードの書き換えは自己責任でお願いします。 STINGER3とSTINGER5のページを構成する要素の違い HTML要素とはHTMLでマークアップした文書を構成するもので、titleタグやhead、strongやmetaタグなんかもそれに該当します。 STINGER3の場合 STINGER3ではページレイアウトを構成するすべての要素<
30 July 2023: Thymeleaf 3.1.2.RELEASE has been published. See what's new in Thymeleaf 3.1 and how to migrate. Thymeleaf is a modern server-side Java template engine for both web and standalone environments. Thymeleaf's main goal is to bring elegant natural templates to your development workflow — HTML that can be correctly displayed in browsers and also work as static prototypes, allowing for stro
Matt Asay (Special to ZDNET.com) 翻訳校正: 川村インターナショナル 2014-08-12 07:30 HTML5は失敗する運命にあるように見える。スタート時は期待できるものだったが、性能への要求と優れたツールキットによって、モバイルアプリの開発プラットフォームはAppleの「iOS」とGoogleの「Android」にほぼ完全に支配されつつある。 それでも、HTML5にはまだ望みがある。VisionMobileが毎年出している報告書「Mobile Megatrends」で説明したように、HTML5はウェブブラウザという範囲内では、自らの潜在能力を発揮することは決してないだろうが、ブラウザを越えたところに明るい未来がある。 HTML5のどこが失敗か HTML5は有望だったにもかかわらず、ブラウザベースでAppleとGoogleに取って代わるものとなることにほ
Table of contents 1 Introduction2 Common infrastructure3 Semantics, structure, and APIs of HTML documents4 The elements of HTML5 Microdata6 User interaction7 Loading web pages8 Web application APIs9 Communication10 Web workers11 Worklets12 Web storage13 The HTML syntax14 The XML syntax15 Rendering16 Obsolete features17 IANA considerationsIndexReferencesAcknowledgmentsIntellectual property rights F
Resources for Developers, by DevelopersDocumenting web technologies, including CSS, HTML, and JavaScript, since 2005. //////////// //////////// //////////// //////////// //////////// //////////// //////////// ++++++ ++++++ ++++++ ++++++ ++++++ ++++++ ++++++{{{{ }}}} {{{{ }}}} {{{{ }}}} {{{{ }}}} {{{{ }}}} {{{{ }}}} ../../ ../../ ../../ ../../ ../../ ../..
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
27. CSSの中身を覗いてみる .modal-dialog { -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; -moz-transition: -moz-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; }
クロスプラットフォーム開発の大本命!? HTML5もアプリもFlashも開発できる「OpenFL」とは? 「インタラクティブコンテンツをワンソースでクロスプラットフォームに対応させたい」、それはフロントエンドのデベロッパーであれば誰もが望むことではないでしょうか。一昔前はAdobe Flashが「Open Screen Project」と題して一歩手前まで実現していましたが、iPhoneからFlashを締め出そうとするAppleの強硬な姿勢によって頓挫することになりました。 尾野さん(しっぽさん)からの勧めもあり調べたのですが、「OpenFL」(オープンエフエル)というテクノロジーはさまざまな形式にインタラクティブコンテンツを出力できます。つまりOpenFLを使えばワンソースでクロスプラットフォームを実現できるのです。今回はOpenFLからHTML5とFlashを出力することによってクロス
作成:2014/01/27 更新:2015/08/07 Web制作 > 前回、Web制作の一連の流れを書きましたが、今回は少し掘り下げて「コーディング」についてのフローをまとめます(HTML5+レスポンシブ+WordPress)。会社によって違うと思いますが、ざっくりとしたコーディングの流れと気をつけておきたいことをメモしています。 エンジニア速報は Twitter の@commteで配信しています。 もくじ コーディング前の準備 1.仕様書の確認 2.入稿データの確認・スケジューリング HTML5 マークアップ 3.テンプレート作成 4.条件付きコメント 5.GCF+キャッシュクリア 6.OGP記述 7.ファビコン 8.アウトライン作成 9.バリデーターをチェック CSS の設定 10.ノーマライズスタイル レスポンシブデザイン設計 11.モバイルファーストを基準に設計 12.プログレッ
HTML5KARUTA Creators 企画 コンテンツ制作 @webcre8 カルタ制作 @webcre8 @4_5matworks @anticyborg @xxeimixx テキスト制作 @webcre8 @Toro_unit @kojika17 制作協力 @o_ti @mima_v @Hitomi_e スポンサー協力 Forkwell CodeIQ アシアル株式会社 プライム・ストラテジー株式会社 HTML5 Contents & License HTML5 Powered with CSS3 / Styling, and Semantics HTML5 LogoはW3Cよりクリエイティブ・コモンズライセンス 3.0 表示の元公開されています。 音楽:魔王魂
2chまとめみたいなタイトルにしてみた。(してみたかった) HTML5のアーキテクチャと初期化とキャッシュの考え方が、「ウェブエンジニア」は本当に出来てない。 とくにソシャゲをウェブビューに貼ってスマホ対応しました系。本当にダメ。 じゃあどうするか?基本的に「初期化」の考え方を直せばどうにかなる。 (この記事はBackboneを使うときに考えてることだけど、他でも一緒だと思う) 前提 シングルページアプリケーション セマンティクスやSEOは考慮しない 基本哲学 共通モデルの初期化を徹底的に行う サーバーにリクエストを投げるのは最小限 クライアントでサーバーモデルのキャッシュを作り、更新が期待されるまで再取得しない 理由 いくらDOMの最適化したところでUXに影響が大きいのはサーバーリクエスト(200~2000ms)で、プログラミング段階で辛さがあつまるのは非同期処理の部分。 プログラマとし
HOMEイベント『HTML5プロフェッショナル認定資格 レベル1 ベータ試験』無料受験参加者募集(2013年10月11日(金)、17日(木)、19日(土))のお知らせ 『HTML5プロフェッショナル認定資格 レベル1 ベータ試験』無料受験参加者募集(2013年10月11日(金)、17日(木)、19日(土))のお知らせ 2014年1月に「HTML5プロフェッショナル認定試験 レベル1」がリリース予定です。 LPI-Japanの試験問題は、コミュニティの方々のボランタリーな協力を得て出題範囲の決定や問題作成がなされており、「HTML5プロフェッショナル認定試験」もオープンコミュニティの枠組みにて開発されます。 ※)オープンコミュニティ試験開発Wikiサイト:http://wiki.html5-exam.com/ この「HTML5プロフェッショナル認定試験 レベル1」のリリースに先立ち、LPI-
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く