Game Mechanic Explorer
A collection of concrete examples for various game mechanics, algorithms, and effects. The examples are all implemented in JavaScript using the Phaser game framework, but the concepts and methods are general and can be adapted to any engine. Think of it as pseudocode. Each section contains several different examples that progress in sequence from a very basic implementation to a more advanced impl
Kendo UI Core·企業向けHTML5 UIフレームワークのコア部分がオープンソース化 MOONGIFT
HTML5を使ったWebアプリケーションを構築するのに使えるUIフレームワークとしてKendo UIが知られています。ビジネス向けに有償提供されていましたが、先日よりコア部分をオープンソース化しました。 有償版は継続ですが、その7割近くをオープンソースとして使えるようになっています。この機会にKendo UIの便利さを知ってみてはいかがでしょう。 Kendo UI Coreの使い方 こんな感じにサジェスト付き検索ボックスを実装したりできます。 カレンダーUI。温度計や小さな時刻も表示されています。 カレンダーは日付選択時にも使えます。 時刻ピッカーなるものも。 ドロップダウンもちょっとカスタマイズされています。 サムネイルの画像一覧。高さがちゃんと揃っていますね。 メニュー付き。結構複雑なUIです。 通知表示。 スプリッター。この辺りは業務システムでは必須ですよね。 ソートできるリスト。
今から３分で，HTML5のドラッグ＆ドロップAPIと File APIを習得しよう（JSの実装サンプル付き） - 主に言語とシステム開発に関して
JavaScriptプログラミングのTOPへ 今から３分で，HTML5の JavaScript API の使い方を２つ覚えよう。 １：ドラッグ＆ドロップAPI 画面上の要素を。 画面外から。 ２：File API 読み込み。 書き込み ※これは覚える必要はない。 シンプルなサンプルコード付きで，これらの実装の方法を素早く学習する。 ※サンプルは，IE8のようなHTML5未サポートの古いブラウザでは動かないので注意。FirefoxやChromeを使うこと。 では，ここから３分の時間のカウントを開始。集中して読もう。 （0：00〜前半の１分半） 画面内でのドラッグ・ドロップ （後半の1：30〜3：00） 画面外からのドラッグ・ドロップ 参考資料 （0：00〜前半の１分半）画面内でのドラッグ・ドロップ まず，動作例を見てみる。「リンゴ」をバスケットにドロップしてみてほしい。 動作サンプル１ ht
エンタープライズ開発現場が知っておきたいHTML5の4つの意義
エンタープライズ開発現場が知っておきたいHTML5の4つの意義：Windows XP移行待ったなし（1/4 ページ） Windows XP時代にエンタープライズ向けシステムのクライアント開発現場が抱えていた問題は、HTML5（Web標準）という一つ上のレイヤーからアプローチし解決する道が模索されています。本記事では、先月開催されたカンファレンス「Enterprise × HTML5 Web Application Conference 2014」から幾つかのセッションの内容をピックアップし、HTML5ソリューションの全体像を俯瞰し、上記解決の道がどこに向かおうとしているのかを探ってみます。 Windows XPの次はHTML5？ クライアント側の問題を埋める新アプローチ Windows XPの延長サポート終了日が迫り、システム移行は既に完了していなくてはいけないタイミング。しかし、企業のシ
HTML5-Packer – HTML5アプリケーションを1ファイルにパッキング
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Webアプリケーションはブラウザさえあればどの環境でも動かせる便利な仕組みですが、大きな欠点としてはネットワークがないといけないというのがあります。オフラインでも対応しようと思うとダウンロードと設定がとても面倒です。 その点、バイナリの実行ファイルはダウンロードしてすぐに実行できます。同じような仕組みをWebアプリケーションでも可能にするのがHTML5-Packerです。 HTML5-Packerのインストール まずはインストールします。npmでインストールできます。 $ npm install html5-packer --save-dev これで準備は完了です。 HTML5-Packerの使い方 ローカルにあるWebアプリケーションをパッキングします。この時、gruntと組み合
HTML5パブリッシングマガジン開発日誌 Vol.08／やっとリリース、3時間で学ぶ「Kindleストアで販売する電子書籍の作り方」
HTML5パブリッシングマガジン開発日誌 Vol.08／やっとリリース、3時間で学ぶ「Kindleストアで販売する電子書籍の作り方」 2014年3月24日「やっとリリース、3時間で学ぶ「Kindleストアで販売する電子書籍の作り方」」 HTML5 Publishing Magazine Development Diary 8 : 只今、ウェブアプリ版マガジンのテスト中で、新規カテゴリーのエントリーが投稿できないため、開発日誌の方でお知らせしたいと思います。 昨年のウェブキャスト・シーズン1で、アーカイブのリリースを2014年に延期していた、初心者向けの「Kindleストアで販売する電子書籍の作り方」が今日夜〜明日午前［Wordによる制作を追加するため少々遅れます］にリリースされます。昨年から告知していましたので、大変お待たせしましたが、やっとリリースできました。 追加情報（3月25日）：
Bootstrapの使い方超入門 (1/4) - ＠IT
話題のレスポンシブWebデザインも簡単にできる、CSSフレームワーク「Bootstrap」の概要と基本的な使い方をサンプルとコードを交えて紹介します。 最近はやりのHTML5、JavaScriptライブラリ、CSS3、APIの紹介、またそれらを組み合わせたサンプルアプリケーションの紹介と解説を厳選して紹介、解説していく本連載「HTML5アプリ作ろうぜ！」。今回紹介するフレームワークは「Bootstrap」です。 話題のレスポンシブWebデザインも簡単にできる、CSSフレームワーク「Bootstrap」とは 現在のWeb制作、開発では、ともにスピードが重視されています。「Bootstrap」を使用すると、既に用意されているスタイルを適用するだけで、格段に速く見栄えを整えられます。事実、Webシステムの管理画面などでBootstrapを使用するケースも増えてきました。 Bootstrapは最近
業務アプリケーションにおけるモダンWeb開発の現状ーHTML5開発って簡単なの？
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; }
Webアプリ開発者のためのHTML5セキュリティ入門
Enterprise x HTML5 Web Application Conference 2014の発表資料です。Read less
Zimit Framework - 要チェックなHTML5デザインフレームワーク
お、これは良さげ！ HTML5のWebフレームワークはたくさん出揃ってきました。その中でどれを選択するかはカスタマイズ性の高さやデザイン性がマッチしているか、自分の手に馴染むかといった基準になるかと思います。 今回は新しく登場したレスポンシブなHTML5フレームワークZimit Frameworkを紹介します。 Zimit Frameworkの使い方 スクリーンショットを多めで紹介します。 Bootstrapと同じくらいの機能は揃っているのではないでしょうか。Zimit Frameworkは特徴として、 統一されたUI 軽量で使いやすいインタフェース（ミニファイすると84KB） LESSベース レスポンシブ HTML5対応のブラウザであれば幅広くサポート となっています。 クラス指定が多くない印象なので、プロトタイプに使ってもさくさくと画面が作れて良さそうです。 Zimit Framewo
HTML5は脱バズワードできるのか？エンタープライズ特化のHTML5カンファレンスを開催する - ふろしき Blog
2013年、HTML5というキーワードは大声で散々語られ、メディア側もそれを極力注目されるように報道してきました。そのことが、多くのエンジニアへありがちなバズワードという認識を刷り込み、不安な印象を植えつけたことも少なく無かったようです。 ただこれは、Web標準という非常にプレイヤーが多様な技術にも関わらず、コンテキストの異なる意見が横並びにされ、それが結果として混乱を誘う結果に繋がったとも受け取れます。ブラウザの中でグリグリ動き回る動画なんかを見ていると、確かに凄いんだけれども、それって自分たちの相手にしているユーザ企業のどんな価値に変わるんだ？と。通信手段が進化して、それでどうなるんだ？なんて、そこにある種の不信感を抱いた人も少なくないはずです。 テクノロジーの価値は本来、業界・環境に合った視点から語られるべきです。エンタープライズにとっての価値とは、ゲーム業界や電子書籍業界のそれとは
そのHTML5のタグは合ってますか？間違えやすいタグ15選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。LIGフィリピン支社代表のせいと(@seito_horiguchi)です。 先日、HTML5カルタ大会という大会で優勝させていただきました。 いやあ、実に光栄です。 そこで今回は、HTML5ネタ繋がりで、“間違えて使ってしまいがちなんじゃないかと思うややこしいHTML5タグ”をまとめてみました。 あ、でも皆さん誤解しないでくださいね。 この記事は大会前にカルタの準備がてら執筆したものなので、決して「このキング・オブ・HTML5こと俺様がレクチャーしてやんよ！」なんてことは1mmも考えておりません。 どうか、一Web制作会社の端くれエンジニアが戯言ほざいてやがるな、まあ暇だし読んでやるかくらいのノリでお付き合いくだされば幸いです。ありがとうございます。 【こちらもおすすめ】 その使い方合っていますか？間違えやすいタグ15選（HTML5対応） “定義”に関わるタグ <dt>,<df
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Ubuntu14.04LTSでGoogle Web Designerを試す | Ubuntu通信
http://geektub.com/2014/05/20-best-ebooks-for-html5-learner/
https://qiita.com/fukumotoy/items/917272f8428908637d3c
HugeDomains.com
HTML5の基礎と応用 ~Open Web Platform~ WebSocket / WebRTC / Web Audio API / WebGL 第二版
必ず覚えておきたいHTML5の特徴と新機能／HTML5完全読本#1-1 | HTML5完全読本―実践テクニックとWebデザインの最新動向
http://all-web.org/ala/html5-semantic/
HTML5 & CSS3 Tools and Tutorials