2016年に見直したHTML5・CSS3コーディング手法6選 - ICS MEDIA
HTML・CSSコーディングを取り巻く状況は、数年前と大きく変わっています。最近では、2016年11月にHTML 5.1が勧告されたり、2015年8月頃にChromeのブラウザーシェアがInternet Explorerを抜いたりといったニュースがありました。また、2017年4月にはWindows Vistaのサポートも終了するため、今後対応すべきはWindows 7のIE 11以降となります（※）。当たり前だと思っていたコーディング技術を今一度見直す時期にきているのではないでしょうか。本記事では2016年に見直した、今の時代に即したコーディング技術を紹介します。 ※ 参考記事「Internet Explorerサポートポリシー変更の重要なお知らせ - Microsoft」 1. meta keywords設定は検索順位に関係がない ウェブコンテンツのキーワードを指定するmeta keyw
HTML 5.2の勧告を2017年11月とする工程表が提案される
W3CのWeb Platformワーキンググループ共同チェアのLéonie Watson氏は、11月21日付でHTML 5.2の工程表を提案するメール「Timeline for HTML5.2」をメーリングリストに投稿しました。 現バージョンのHTML 5.1は11月1日に勧告され、HTML 5.2の策定が進んでいます。HTML 5.2は現在ワーキングドラフトの状態です。 提案によると、このワーキングドラフトを2016年12月から2017年5月まで毎月アップデートし、2017年6月6日時点で勧告に向けてCFC（Call for Consensus）にまわすとのこと。同時に、この時点でこれをHTML 5.3の最初のワーキングドラフト（FPWD：First Public Working Draft）としてフォークします。 2017年6月20日にはHTML 5.2の勧告候補（Candidate
W3Cが「HTML 5.1」を勧告として公開
ウェブで利用される技術の標準化を進める団体・W3CのWeb Platform Working Group(ウェブプラットフォーム作業部会)が「HTML 5.1」をW3C勧告として公開しました。これは、2016年4月に2016年9月の勧告を目指して作業が進められていたものです。 HTML 5.1 is a W3C Recommendation | W3C News https://www.w3.org/blog/news/archives/5932 W3CがHTML 5を勧告として公開したのは2014年10月28日のこと。新たな勧告の公開は1999年の「HTML 4.01」以来15年ぶりのことで、HTML 4.01のころはまだウェブアプリケーションのことなどが想定されておらず「ウェブページを記述するためのフォーマット」だったため、全面的な規格の刷新となりました。 今回勧告となったHTML 5
オーディオライブラリHowler.js 2.0リリース
JavaScriptオーディオライブラリのHowler.jsがバージョン2.0になった。今回のアップデートには「多数の機能追加と改善」が含まれている。 Howler.jsの作者でゲーム開発スタジオGoldfire Studiosの創設者でもあるJames Simpson氏によると、今回のリリースはHowlerの「完全な書き直し」で、HTML5およびWeb Audioと完全互換になるという。このリリースは何十人ものコントリビューターのおかげだ。 Simpson氏はブログ記事「Howler.js v2.0 Released」において、howler.jsは「モジュラーライブラリ」になると説明した。その無駄のないcoreは、大きなWeb Audio APIで利用できる各種ツール（空間音響、フィルターなど）のような高度な機能の追加拡張を可能にする。 「Howler.jsはモジュール化されました。その
W3C、「HTML5.1」を今年9月に勧告とする計画。仕様はGitHubで公開
W3CでHTML5仕様の策定を行っているWeb Platform Working Groupは、W3Cのブログにて「WORKING ON HTML5.1」という記事を公開し、2016年9月にHTML5.1仕様を勧告にする計画を明らかにしました。 6月中旬までにHTML5.1の勧告候補を公開し、9月に勧告にするとのこと。 The plan is to ship an HTML5.1 Recommendation in September 2016. This means we will need to have a Candidate Recommendation by the middle of June, following a Call For Consensus based on the most recent Working Draft. 計画ではHTML5.1の勧告を2016年9
今週は『JavaScriptでインタラクティブアートを作ろう (全11回)』を追加しました #dotinstall | IDEA*IDEA
今週は『HTML5でインタラクティブアートを作ろう』を再収録して『JavaScriptでインタラクティブアートを作ろう (全11回)』を追加しました。 アート的かと言われるとまだまだなのですが汗、JavaScriptの高度なトピック（bindやprototypeなど）について説明してみました。 ↑ ボールが跳ねまわる作品を作っていきます。 ↑ HTML5のCanvasを使って描画していきます。 中上級者向けの内容を含むのでプレミアム動画となりますが、01-03までは無料公開していますのでよろしければ是非ご覧ください。 » JavaScriptでインタラクティブアートを作ろう (全11回) – プログラミングならドットインストール
マイクロソフト、ネイティブUIをハイブリッドアプリケーションに組み込める「Project Ace」を公開
マイクロソフト、ネイティブUIをハイブリッドアプリケーションに組み込める「Project Ace」を公開 HTML5/JavaScriptなどのWeb標準技術でアプリケーションを開発し、それをラップしてネイティブアプリケーションのように単独で実行可能にしたものが、いわゆる「ハイブリッドアプリケーション」と呼ばれるものです。CordovaやPhoneGapなどを用いて開発することができます。 ハイブリッドアプリケーションはHTML5やCSS、JavaScriptなどで開発するため、iOSやAndroidなどのマルチプラットフォーム展開が容易な一方、ルック＆フィールなどがiOSやAndroidのネイティブUIと異なることも多くあります。 マイクロソフトは、このハイブリッドアプリにネイティブUIのコントロールを統合できるCordovaのプラグイン「Project Ace」をオープンソースで公開し
Lightweight JavaScript Library Offers Flash-Free Clipboard Integration
The InfoQ Trends Reports 2023 eMag The InfoQ trends reports provide a snapshot of emerging software technology and ideas. We create the reports and accompanying graphs to aid software engineers and architects in evaluating what trends may help them design and build better software. Our editorial teams also use them to help focus our content on innovator and early adopter trends.
jsoup Java HTML Parser, with best of DOM, CSS, and jquery
jsoup: Java HTML Parser jsoup is a Java library that simplifies working with real-world HTML and XML. It offers an easy-to-use API for URL fetching, data parsing, extraction, and manipulation using DOM API methods, CSS, and xpath selectors. jsoup implements the WHATWG HTML5 specification, and parses HTML to the same DOM as modern browsers. scrape and parse HTML from a URL, file, or string find and
<a href="#top">がHTML5で正式仕様になってた件 - Qiita
これなんだけども: HTML - <a href="#top">Top of the Page</a>は該当するフラグメント（<div id="top">や<a name="name">）がなくても仕様的に正しい - Qiita 文書の先頭へのリンク · terkel.jp 仕様についてあんまり書いてなかったので自分で読んでみたまとめ書く。 href="#top"を指定すると自動的にページの先頭へのリンクになる ……というブラウザーの独自仕様があったわけなんだけども、これが正式に仕様として明記されたとの事。 MDNの説明が一発で分かる。 a 要素 - HTML | MDN これは、ハイパーリンクのソースを定義するアンカー要素で唯一必須の属性です。（中略） 補足: 特別なフラグメントである "top" を使用すると、ページの最上部に戻るリンクを作成できます。例: <a href="#top"
見落としがちなHTML5で変更された要素いろいろ
2013年3月23日 HTML, Webサイト制作 HTML5を勉強していて、section, nav, header, footerなどの新しく追加された要素について説明している記事はよく見かけるのですが、HTML5で変更された要素について触れている記事が少ないように感じたので、よく使うものを中心にちょっとまとめてみます。既存のWebサイトをHTML5化する時は、コンテンツ内に変更された・または廃止された要素がないか確認することも大切ですね！ ↑私が10年以上利用している会計ソフト！ HTML5の基本はここからお勉強！ 「ところでHTML5ってなに？」という方は、まずは以下の記事を読んでみてください。このようにHTML5の基本について解説している記事はたくさんあるので、詳しい説明は今回は端折らせて頂きます。変更点のみに焦点を当てますよ！ Webの3つの問題を解決する「HTML5」とは何な
最新版で学ぶElectron入門 – HTML5でPCアプリを開発する利点と手順 – ICS MEDIA
Electron（エレクトロン）とは、ウェブ技術でデスクトップアプリケーションを作成できるテクノロジーです。HTMLとCSS、JavaScriptを使って開発し、WindowsとmacOSの両OSのアプリケーションを1つのコードから作ることができます。近年、注目度が高まっておりマイクロソフトやGitHubなど、有名企業も採用しています。 Electronエレクトロン製のアプリケーションはChromiumクロミウム（Chromeブラウザの元となるもの）とNode.jsノードジェイエスがランタイムとなっています。ウェブコンテンツをそのままアプリケーションとして動かしたり、デスクトップアプリケーションとしてブラウザだけで実現できない機能を組み込めるのが特徴です。 利用用途として、テキストエディターやユーティリティーソフト、デザインツールなどの小規模な使い方から、イントラネット内のクライアントツー
HTML5でクロスプラットフォームなデスクトップアプリを開発できる「Electron」とは
Electron（旧Atom-Shell）とは、Web開発者がHTML5とNode.jsでMac、Windows、Linuxのデスクトップアプリを作れるクロスプラットフォーム実行環境です。Electronはオープンソースで無料で使える上に、MITライセンスであるため、商用利用も可能です。開発元はGitHub社です。 最近はJavaScript、HTML5の進化によって、多機能なWebアプリケーションが増えてきました。それに伴い、モバイルでは、WebViewやApache Cordovaなどを使ったハイブリッドアプリも注目されています。Electronはその流れの中から生まれた新しい実行環境です。 ElectronはChromiumブラウザを内蔵しているのが一番の特徴です。Chromiumブラウザは、Google製のChromeブラウザのオープンソース版にあたります。ウェブ開発者がChrom
ゼロからはじめるHTML5でのサイト制作／最終回 ほとんどのCSSを変えずにxhtmlとHTML5で同じレイアウトを作成してみよう - MdN Design Interactive
前回までの記事で簡単なレイアウトを作成して、xhtmlとHTML5でマークアップしたものからHTML5の新要素の説明を行い、アウトラインを確認してみました。最終回となる今回はxhtmlとHTML5のCSSをほとんど変えずに同じレイアウトになるように作成してみたいと思います。 HTML5でCSSを設定する場合は新要素に対応していないブラウザに対してどうするのか。まだ確定していないHTML5の要素が変更になった場合を考慮して、スタイルの設定を考えた方が後々の大きな修正を回避できるのでベターです。ただ今回のレイアウトはほとんど同じCSSを使うということで作成するので、多少気になる部分もあるかと思いますが、ひとつの例として見ていただければと思います。 解説：（有）ムーニーワークス 林 豊／田崎一成 前回まででアウトラインを確認したそれぞれのマークアップしたページのサンプルこちらにあります。 ●HT
[HTML5でAndroidアプリ開発] HTML5とjQuery Mobileでユーザインタフェースを作ろう
連載の第3回です。 今回は、HTML5とjQuery Mobileでユーザインタフェースを作ってみようと思います。 前回は、EclipseのPhoneGapプラグインを使って、PhoneGapとjQuery Mobileを使ったプロジェクトの雛形を作成しました。 そこで作った雛形には、PhoneGapのデモが大量に含まれていますので、その辺を削除して、すっきりさせるところから作業を始めたいと思います。 最もシンプルなindex.html <script src="jquery.mobile/jquery-1.7.2.min"></script> <script src="jquery.mobile/jquery.mobile-1.2.0.min.js"></script> <script type="text/javascript" charset="utf-8" src="cordova
![[HTML5でAndroidアプリ開発] HTML5とjQuery Mobileでユーザインタフェースを作ろう](https://cdn-ak-scissors.b.st-hatena.com/image/square/aba3317826735cdf18a828af7020dcffeae2a340/height=288;version=1;width=512/https%3A%2F%2Finoccu.com%2Fwp-content%2Fuploads%2F2013%2F09%2Fscreen-iphone-landscape.png)
DukeScript brings Java to HTML5, JavaScript
DukeScript brings Java to HTML5, JavaScript Framework lets developers leverage Java while building HTML5 and JavaScript applications DukeScript, its name derived from Duke, the Java mascot, gives Java developers a way to build HTML5 and JavaScript applications within the comfort of the Java language. Released earlier this month, DukeScript 1.0 is a framework for developing cross-platform mobile, d
第32回 弾力のある多角形を放物線状に落とす | gihyo.jp
前回の第31回「位置座標の相互作用で弾力を表す」では、ふたつの点を棒でつなぎ、つぎのjsdo.itのコードのように放物線状に落としてみた。複数のオブジェクトをつなげた弾力のある動きが、座標の移動と位置関係や動く範囲を定めるだけの四則演算で表せた。今回は、点と棒の数を増やして多角形の動きをつくりたい。 点と棒で組上げた三角形を落とす 前回、点と棒のオブジェクトは、それぞれのクラス（VerletPointとVerletStick）からつくった。これらふたつのクラスは、今回そのまま用いる。多角形になっても、クラスの仕組みは変わらないということだ。参照しやすいように、それぞれのクラスを定めた第31回のコード3とコード6を以下に改めて掲げておく。 第31回コード3 点を定めるクラスVerletPointにメソッドを追加（再掲） function VerletPoint(x, y) { this.x
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Adobe FlashをHTML 5で代替するPixi.jsがWebGLを新たにサポート、クロスプラットフォームとインタラクティブアプリに対応
Babylon.js 3.2リリースで3Dレンダリングが改善
Oracle's Java plug-in move no surprise, but is JavaWS the answer?