wysihtml5 - A better approach to rich text editing
<h1>WYSIHTML5 - A better approach to rich text editing</h1> <p>wysihtml5 is an <span class="wysiwyg-color-green"><a href="https://github.com/xing/wysihtml5">open source</a></span> rich text editor based on HTML5 technology and the progressive-enhancement approach. It uses a sophisticated security concept and aims to generate fully valid HTML5 markup by preventing unmaintainable tag soups and inlin
PlayCanvas - オープンソース（MIT）になったHTML5＆WebGLベースのクラウド型ゲームエンジン！
イベント-Event 2024春 バンクーバーVFX/CG現地体験会 - 英語が苦手でも安心の6日間の... 2024-01-14 海外の映画・CG・Web業界への進出をサポートするチーム「Teamove」による「2024年春 VFX／CG現地体験会」の仮申し込み受付が開始されています！※CG専門の通訳が全日程アテンド！英語ができない方でも安心！ 続きを読む Blender アドオン プラグイン＆アドオン-Plugin&Addon Jiggle Maker v1.1 - クロスベースのボリューム揺れ物理挙動を簡... 2024-01-14 Lewdineer氏によるクロスベースのボリューム揺れ物理挙動を簡単にセットアップ出来るBlenderアドオン『Jiggle Maker v1.1』がGumroad上でリリースされています。 続きを読む Unreal Engine アセット アセット-A
ゼロからはじめるHTML5でのサイト制作／最終回 ほとんどのCSSを変えずにxhtmlとHTML5で同じレイアウトを作成してみよう - MdN Design Interactive
前回までの記事で簡単なレイアウトを作成して、xhtmlとHTML5でマークアップしたものからHTML5の新要素の説明を行い、アウトラインを確認してみました。最終回となる今回はxhtmlとHTML5のCSSをほとんど変えずに同じレイアウトになるように作成してみたいと思います。 HTML5でCSSを設定する場合は新要素に対応していないブラウザに対してどうするのか。まだ確定していないHTML5の要素が変更になった場合を考慮して、スタイルの設定を考えた方が後々の大きな修正を回避できるのでベターです。ただ今回のレイアウトはほとんど同じCSSを使うということで作成するので、多少気になる部分もあるかと思いますが、ひとつの例として見ていただければと思います。 解説：（有）ムーニーワークス 林 豊／田崎一成 前回まででアウトラインを確認したそれぞれのマークアップしたページのサンプルこちらにあります。 ●HT
「enchant.js」を使用したWii Uダウンロードソフト，「GAIABREAKER（ガイアブレイカー）」の配信が本日スタート
「enchant.js」を使用したWii Uダウンロードソフト，「GAIABREAKER（ガイアブレイカー）」の配信が本日スタート 編集部：Gueed ユビキタスエンターテインメントは，Wii Uダウンロードソフト「GAIABREAKER（ガイアブレイカー）」の配信を，ニンテンドーeショップで本日（2013年12月25日）開始した。価格は1890円（税込）。CEROレーティングはA（全年齢対象）。 「GAIABREAKER（ガイアブレイカー）」（ニンテンドーeショップ） 本作は，突然地球に侵攻してきた銀河帝国軍を敵に回し，敵機への自動ロックオン機能と自機の持つ追尾ミサイルによって爽快なプレイを楽しめる，縦スクロールタイプのシューティングゲームだ。ユビキタスエンターテインメントのHTML5/JavaScriptベースのゲームエンジン「enchant.js」および，「enchant.js fo
HTML5 を利用したWeb アプリケーションのセキュリティ問題に関する調査報告書
HTML5 は、WHATWG および W3C が HTML4 に代わる次世代の HTML として策定を進めている仕様であり、HTML5 およびその周辺技術の利用により、Web サイト閲覧者 (以下、ユーザ) のブラウザ内でのデータ格納、クライアントとサーバ間での双方向通信、位置情報の取得など、従来の HTML4 よりも柔軟かつ利便性の高い Web サイトの構築が可能となっています。利便性が向上する一方で、それらの新技術が攻撃者に悪用された際にユーザが受ける影響に関して、十分に検証や周知がされているとは言えず、セキュリティ対策がされないまま普及が進むことが危惧されています。 JPCERT/CCでは、HTML5 を利用した安全な Web アプリケーション開発のための技術書やガイドラインのベースとなる体系的な資料の提供を目的として、懸念されるセキュリティ問題を抽出した上で検討を加え、それらの問題
このJavaScriptフレームワークでHTML5は救われるかもしれない | readwrite.jp
HTML5はウェブ・ページをアプリのように動かし、そしてFlashに取って代わるはずだった。しかしパフォーマンスの問題で、アプリ開発者のHTML5導入は遅れてしまっている。 Famo.us社はこのギャップを埋めるためにスタートした小さな会社だ。同社は2Dと3Dの両方のエフェクトを高速表示するため、HTML5の遅延要素を本質的に回避する独自のフレームワークを開発した。このFamo.usによって、開発者はHTML5のパフォーマンスの問題に苦しむことなく、より短期間でクロスプラットフォームのアプリを開発することが可能となったのだ。 Famo.usの秘密はJavaScriptを利用していることだ。JavaScriptは極めて高速に動作し、既にあらゆるブラウザで広く使われている。Flashとは異なり、ブラウザ・プラグインをユーザーがダウンロードしたり、ブラウザメーカーがそれをサポートする必要もない。
内包要素の数が変動しても僕には擬似クラスと間接セレクタがある - dskd
公開日2013-12-04タグAdvent CalendarCSSCSS Property Advent Calendar 2013 ４日目のエントリです。 昨日、げこたんさんに BEM Advent Calendar を手伝ってもらったら、 おや？プロパティの方に恩返しがありませんね？ — げこたん (@GeckoTang) 2013, 12月 2 と言われてしまったので２回目を登録しました。 要件 「データがある時はリンクを出したい」などのニーズで内包要素の数がページによって増えたり減ったりすること、けっこうありますよね。それが普通のテキストリンクではなくタブだとかサムネだとかでレイアウトにも関わるとき、要素の数によってスタイルを切り分けなきゃいけないわけですが、タブが２つの時には .tabs2。５つの時には .tabs5 とかいちいちクラス付与させるのも面倒くさいわけです。 どういう
Polymer library - Polymer Project
The Polymer library is in maintenance mode. For new development, we recommend Lit. The Polymer library provides a set of features for creating custom elements. These features are designed to make it easier and faster to make custom elements that work like standard DOM elements. Similar to standard DOM elements, Polymer elements can be: Instantiated using a constructor or document.createElement. Co
HTML5による物理シミュレーション環境の構築 ～WebGLライブラリThree.js 入門（１／３）～
HTML5とWebGL 初めにHTML5の位置づけについて簡単に触れます。HTML5とはこれまでのWebページ作成言語で主流だったHTML4やXHTMLの後継言語のことで、 2008年に草案がまとめられ、2014年までにウェブブラウザ各社への正式勧告を目指して策定が進められています。 HTML5は 2012年1月でもまだ「草案」段階で、仕様も流動的な準備段階であるが、開発側からもユーザ側からも非常に注目が集められています。 その大きな理由の一つに挙げられているのが、iPhoneやAndroidなどのスマートフォンの台頭による情報端末の多様化への対応のためです。つまり、様々なWEBコンテンツのクロスプラットフォーム化への重要な貢献が期待されているからです。 というのもスマートフォンの登場までは、Adobe社が提供する FLASH が動画やオーディオなどが組み合わされたマルチメディアコンテンツ
並列処理を実現！Web Workersを使いこなそう
連載目次 HTML 4が登場したころは、シングルコアのCPUしかなく、HTMLとJavaScriptで実現できる処理も限定的であったため、処理を逐次実施するシングルスレッドでの処理に不満を抱くことは少なかった。もっとも、HTMLとJavaScriptは同一のUIスレッド上で処理を行うため、JavaScriptで動的にHTMLコードを生成する処理や、高負荷の処理がある場合、HTMLレンダリングが遅延したり、最悪の場合はブラウザがフリーズしたりしてしまうということがあった。 近年では、マルチコアの端末が大多数を占めるという物理的な環境の改善のほか、HTML5の台頭により、HTMLとJavaScriptを高度に活用したWebアプリケーションが増えてきている。そのため、JavaScriptコード自体をマルチスレッドで処理したいという要件も多くなりつつある。 例えばファイルにアクセスする際のI/Oや
JavaScriptでファイル操作！？ File APIを使いこなそう
連載目次 近年のWebアプリケーションでは、画像ファイルやテキスト・ファイル、Officeファイルのアップロードやダウンロードのやり取りが行われることが多くなってきている（例えば、Twitter上での画像ファイル共有やGoogleドキュメントでのOfficeファイルのアップロードなどがそれだ）。 HTML5では、ファイル操作に関するAPIとして「File API」が定義されたことで、ローカルのファイルをブラウザ上で直接、取り扱うことが可能となった。これによって、Webとローカルの違いをアプリケーションで意識しなければならない局面も少なくなる。 現在、File APIは以下の3種類の仕様が策定されている。
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
HTML5、JavaScriptを使ってゲーム開発！任天堂が開発ソフトを無償配布！！ : IT速報
1: ジャングルキャット(チベット自治区) 2013/07/15(月) 08:52:17.39 ID:eeUEqBXM0 BE:721562562-PLT(12001) ポイント特典 任天堂が、家庭用ゲーム機「ＷｉｉＵ（ウィー・ユー）」向けのゲームを開発するソフト（開発ツール）の無償配布を国内外で始めた。ゲームの開発ツールは、これまで事前登録したソフト会社のみに配布されており有償だったが、個人でも登録すれば無償で利用できる仕組みを導入した。 同社は「スーパーマリオブラザーズ」のように長年、消費者の支持を集めるソフトが継続的に投入できない悪循環に陥り、ＷｉｉＵの販売が低迷している。世界中のプログラマーに無償提供することで、開発者の門戸を広げてソフト不足を解消する狙いだ。 任天堂は今春からＷｉｉＵ用の新たな開発ツールを導入。うち、プログラミング言語の「ＨＴＭＬ５」や「ジャバスクリプト」など比較
Canvas (basic support) | Can I use... Support tables for HTML5, CSS3, etc
Method of generating fast, dynamic graphics using JavaScript.
canvas上での画像にリンクを貼る方法 - 生涯未熟
結構探したけどどこにもあまり書いてなかったので備忘録としてまとめることに。 まず、canvasを作成するところは色んなところで書かれているので割愛。 画像を描画する部分ですが、一応私の方法を書くと。 var img = new Image(); img.src = "画像URL";で画像の準備を行い、 ctx.drawImage(img, x座標,y座標);canvasオブジェクトに先ほどの画像をdrawImageする。 これで画像の描画終わり。 肝心のリンクを貼る方法ですが、canvasのオブジェクトを作った下辺りに canvas.addEventListener("mousedown", mouseDownListner, false);とやらを埋め込みます。 そして、関数にmouseDownListner(e)というのを作ります。 function mouseDownListner(
HTML5が引き寄せる近未来を、9つの「○○ウェブ」で理解する。（前編）
その広がりと深まりゆえに、現在のウェブは非常に分かりづらいものになっています。そこでこの記事では9つの「○○ウェブ」という切り口から、「今のウェブ技術では何ができるのか」についてにフォーカスして語ってみたいと思います。適宜デモへのリンクを挟みながら、ウェブのポテンシャルを紹介することに注力します。 ここ数年で急速に進化を遂げたHTML5は、ウェブのあり方を大きく変えつつあります。 とはいえ今はまだ、「ウェブが大きく変わった」と言える段階ではないように思います。筆者はちょくちょく、色々な所でHTML5の概要についての講演をさせていただいていますが、そうした経験から言うと、HTML5のポテンシャルはまだ多くの人に知られておらず、十分にその力が活用されていないように思えます。 その理由は、「HTML5の全体像が見えにくい」ことにあるのではないか、と考えています。 HTML5をはじめとしたウェブ標
PHPでWebSocket - demouth::blog
去年PHPで実装するWebSocketサーバーについて書きましたが、ブラウザのバージョンが上がり、内容が古くなってきたので、2012年1月2日今現在のブラウザで動くよう改めて書いてみようと思います。 前回とブラウザ以外は変わりませんが、今回はこんな環境で動かします。 さくらのVPS CentOS PHP 5.3.6 Chrome 17.0.942.0 dev-m Firefox 8.0 release channel Safari 5.0.2 iPhoneのmobile Safari iOS5.0.1 ※サーバー側のWebsocket用ポート開放を忘れずに。 今回の最終目標は上記ブラウザすべてで動作するリアルタイムお絵かきツールを作る事にします。 まずは動かしてみる 手順 ライブラリなどを配置してひとまずデモ用のチャットアプリケーションを動かしてみます。こんな手順で進めていきます。 Web
CSS3 IE対策まとめ
CSS3を使うにあたっていつも問題になるのが Internet Explorer（IE）です。CSS3への対応が遅い上に、旧バージョンを使い続けているユーザーも結構いますので、CSS3を使うことに躊躇する人も多いのではないでしょうか？ ということでCSS3を使うにあたって知っておきたいIE対策を紹介します。 1. CSS3の対応状況を確認する まず、IEのバージョンごとでCSS3にどこまで対応しているか知っておく必要があります。個人的によく使っているのはこのサイトです。 CSS3 & HTML5 Browser Support CSS3で追加されたプロパティ、セレクタについてブラウザごとの対応状況が分かりやすく表示されています。 2. CSS3セレクタに対応する セレクタはSelectivizr.jsだけあれば簡単に対応できます。「CSSセレクタって何？」「CSS3セレクタってどういうもの
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ヴェゼル | Honda公式サイト
SVG (basic support) | Can I use... Support tables for HTML5, CSS3, etc