2014年にはWebアプリの「オフラインファースト」が流行するのではないか？
先週2月18日に都内で開催された「第36回HTML5とか勉強会」。テーマは「2013年、Web開発の進化を探る」でした。 そこで「2014年頃にはネットに接続しなくても使えるオフラインWebアプリケーションが流行するのではないか」と話したのが、html5j.orgの世話人でもある白石俊平氏。白石氏が解説する「オフラインファースト」は、これからのWebアプリケーションのひとつの方向性が示されていると思われます。 その講演の内容をダイジェストで紹介します。 オフラインファーストの思想と実践 html5j.org世話人の白石俊平氏。 オフラインファーストとは、オフラインを最初に考えてWebサイトを、Webアプリケーションを作ろうという思想のことです。 で、オフラインファーストって、モバイルファーストという言葉に似ています。モバイルファーストというのは2010年に登場した言葉で、これは去年、とにか
Form Follows Function
Form Follows Function project is a collection of entrancing and engrossing "interactive experiences", each experience has its own unique design and functionality. The award-winning project includes a spinning navigation wheel on the website, with each interactive experience represented by a poster. By clicking on a poster, an interactive experience opens up. Each one is as much a piece of art as i
Live web audio input enabled | Blog | Chrome for Developers
I'm really excited by a new feature that went in to yesterday's Chrome Canary build (23.0.1270.0) - the ability to get low-latency access to live audio from a microphone or other audio input on OSX! (This has not yet been enabled on Windows - but don't worry, we're working on it!) To enable this, you need to go into chrome://flags/ and enable the "Web Audio Input" item near the bottom, and relaunc
WebGL and Three.js
Colin Barre-Brisebois - GDC 2011 - Approximating Translucency for a Fast, Che...Colin Barré-Brisebois
HTML5でロードオブナイツとかいうゲームを作った - mizchi log
陣取り戦争ゲーで、iPhoneのUnity版からの移植です。 ロードオブナイツ - Yahoo!モバゲー http://yahoo-mbga.jp/game/12011436/detail PC(Chrome/Firefox/IE9以上)とスマホ(Webkit)で同じ物が動きます。ヤバゲーとモバゲーでアカウントは共有してるので、どっちからでも入れます。 HTML版としては既存コードとか一切なかったんで、JSに関してはフルスクラッチです。というか全部CoffeeScriptです。 ある日会社で楽しくHaskellでKPI計算モジュール書いてたら、 「UnityのネイティブのゲームをHTML5に移植したい」 みたいな話が降ってきたので、移植しました。3ヶ月ぐらいで。 プラットフォームはモバゲー(スマホ) + ヤバゲーです。HTML5なのは、スマホとブラウザゲーで開発リソースを共通化したかったか
ティラノスクリプト｜スマホ対応のノベルゲームエンジン。無料
スマホ対応のノベルゲーム開発ツール。完全無料。 ティラノスクリプトを使えば、幅広い環境に向けてあなたのゲームを公開できます。 マルチプラットフォーム時代のゲーム開発をぜひ体験してください。 幅広い対応環境。Windows、Mac、iphone、アンドロイド、ブラウザゲームで発表できます。 完全無料。商用利用にも制限なし。さらに改造もOK！ ティラノスクリプトの作品数は10,000作品を突破！情報も充実しています。 初心者向けチュートリアルを試してみる あらゆる環境で動作し、多彩な配布方法が用意されています ティラノスクリプトで作られたゲームはあらゆる環境で動作します。 作品の配布方式も「Windowsアプリケーション」「MacOSアプリ」「iphoneアプリ」「Andoroidアプリ」「ブラウザゲーム」「ホームページ埋め込み」 「各種携帯ゲーム機、据え置き機」など、 多くのプレイヤーに作品
Google HTML/CSS Style Guide
Revision 2.1 This style guide contains many details that are initially hidden from view. They are marked by the triangle icon, which you see here on your left. Click it now. You should see “Hooray” appear below. Hooray! Now you know you can expand points to get more details. Alternatively, there’s a “toggle all” at the top of this document. This document defines formatting and style rules for HTML
コーディングコンテストに集まったTODOアプリが「本気出しすぎ」と話題に | KAYAC DESIGNER'S BLOG - デザインやマークアップの話
jsdo.itでコーディングコンテスト「Web Creator's Contest Q」が開催中です。 現在募集中のテーマは「ブラウザで動くTODOアプリ」。 お手本コードをフォークして書き始めてもいいし、ゼロから書いても参加してもOKなコンテストです。 締切は今週の水曜日、3月28日です。 1位「MacBook Air」、2位「Apple TV」、3位「Web Money 5000円分」と賞品も超豪華なのでぜひぜひご参加ください！ と、いつものテンプレPR文はここまでにして、続々と集まっている投稿作品の一部をご紹介したいと思います。今回も皆さんかなり、本気出し過ぎですね…！ 萌えキャラ+対話型のUI toDoll - jsdo.it - share JavaScript, HTML5 and CSS 「もうちょっと離れてくれる？」 ということなので、離れましょう。→ フルスクリーン タス
Learn web development | web.dev
Stay organized with collections Save and categorize content based on your preferences. Explore our growing collection of courses on key web design and development subjects. An industry expert has written each course, helped by members of the Chrome team. Follow the modules sequentially, or dip into the topics you most want to learn about.
ローカルストレージに簡単な解決策はない
原文：“There is no simple solution for local storage” (on March 5, 2012 by Chris Heilmann) 要約：私たちは良いデータストアとして localStorage を推奨するのをやめなければならない。パフォーマンスがひどく損なわれるからだ。しかし残念なことに、代わりとなるものはまだ完全にサポートされておらず、また簡単に実装できるものでもない。 Web 開発において、うますぎる話に出くわすことは常々だ。そういったもののいくつかは良いもので、だからこそそれが「すべて」として目立ってしまい、開発者を使うように仕向けてしまう。しかし、多くの場合、良いと思われていたものはそこまで良いものではない。また、しばらく使ってみてはじめて「間違っていた」と気づかされるものなのだ。 そんなもののひとつに、localStorage がある
TitaniumMobileで作るアプリ勉強会ざっくりノート - 4mimimizu blog
女の子がアレコレ考え桃色作戦を実行する2月14日のバレンタインデーの夜、 皆様はいかがお過ごしだったでしょうか。 その日私が居たのはここ。『TitaniumMobileで作るアプリ勉強会』 oh...。ストイック；； Titanium Mobileとは、Appcelerator社によるスマートフォン対応アプリケーションの開発環境のことです。 詳しくはこちらをどうぞ。 ▶【参考リンク】初心者でも２週間でiPhoneアプリが作れちゃうTitanium Mobileがすごい件 ▶【参考リンク】HTML5 vs ネイティブ。モバイルアプリはどちらで開発するべき？ 『あぁ、作ってみたいな、スマホアプリ、言ってるだけじゃなくて本当に。 しかもiPhoneだけじゃなくてAndroid両方対応で、だけど覚えることは最小限で！』 そんな私にTitanium Mobile良い感じそうだな。 ...と、思った矢
jdb.js - Indexed Database APIを使いやすくするフレームワーク - IT-Walker on hatena
jdb.jsというフレームワークを作りました。まだ開発に2日もかけてない（ドキュメント書くほうが大変だった(^^; ）ので、荒っぽいところも、機能が不足しているところもありますが、試しに実装してみたらかなり便利なものができたと思っているので、フライング気味に公開します。Indexed Database APIの使いにくさを知っている人なら、結構興味を持っていただけるんじゃないかと。 GitHubのリポジトリはこちらです。 以下、README_ja.mdから引用します。 jdb.jsは、W3C Indexed Database APIをより直感的に扱いやすくすることを目指したライブラリです。 名前の由来は、「IDB」(Indexed DB)をより使いやすく、ということで「JDB」(Jはアルファベット順でIの次の文字です）としました。 Indexed Database APIをそのまま利用する
人と違うデザインのサイトをスクラッチで作るならHTML KickStartをベースにするといいですよ！ | Chrome Life
みなさんは、サイトをスクラッチで作る時にどうされていますか？ HTMLやCSSをイチから作り込んでいくのは大変ですよね。 フリーでHTMLやCSSのテンプレートもいろいろありますが、デザイン要素がガチガチで修正しづらかったり、あまりにもシンプルすぎて結局ゴリゴリ作らないといけなかったりします。 最近だと、Twitter Bootstrapが使いやすくて、いろんなサイトでも使われています。 特にウェブ系のスタートアップは、ほとんどがTwitter Bootstrapをベースにしているんじゃないかというぐらいよく目にします。 しかし、どれもこれも同じような見た目になっちゃってて、デザイン的にはちょっと残念な感じがします。 Twitter Bootstrapを使うと、なぜここまで似てしまうのか？ それは、 パーツが完璧に揃いすぎている！ のが原因です。 Twitter Bootstrapがバージ
Blog
202320,000 GitHub starsSeptember 17th, 2023 2021Syncing sign-in stateJuly 21st, 2021 Why you need bundle size monitoringJune 11th, 2021 Back to bloggingJune 9th, 2021 2019You should open source your productJanuary 1st, 2019 2017Reclaiming your privacyJanuary 8th, 2017 2015Lessons learnt building team communication productsSeptember 21st, 2015 The startup rollercoasterMay 24th, 2015 Don't grow too
HTML5で美麗なページめくり効果が作れるJSライブラリ「turn.js」:phpspot開発日誌
turn.js - The page flip effect for HTML5 HTML5で美麗なページめくり効果が作れるJSライブラリ「turn.js」 ドラッグ＆ドロップでべらっとめくるあのインタフェースがHTML5で実現でき、iPadやiPhoneなどでも動作します。 電子書籍ビューアとして使えそうですね ページに立体感を出すために影なんかも描画されてます。 マークアップや初期化も超簡単です。<div>を並べて初期化するだけ。 関連エントリ HTML5で超リアルなページめくり効果を実装するチュートリアルとサンプル モバイルブラウザでのHTML5対応状況が一目瞭然の「Mobile HTML5」 HTML5/JavaScriptでテキストtoスピーチを実現できる「speak.js」
こてさきAjax:Web Intentsで persistent connectionを実現するには - livedoor Blog（ブログ）
今日のエントリーでは、 Web Intents で persistent connection (継続接続）を実現するための方法について紹介します。 先日のWeb Intents についてのエントリーで、今のWeb Intentsの状態を『（何しろ、W3Cのサイトにドラフトもあがっていない状態なので）』 などと書いていたのですが、既にあがっていました・・・orz Web Intents の仕様が記述されているのは、もちろんなのですが、W3C の Mailing Listでのこれまでの議論を踏まえたものも記述されており、なかなか参考になります。それに該当するのが Section 4 & 5 なのですが、今日のエントリーでは、その中から 5.3 Persistent connctions (継続接続）について取り上げたいと思います。 Web Intents は RPC モデル Web Inte
HTML5のCanvasでペイントツールを作る
今回はCanvasを利用したペイントツールを作った。 Wacomペンタブレットの筆圧感知にも対応した。 筆圧感知のためにはここから使用環境にあわせたプラグインをインストールする必要がある。 lislis Painter 1.04 Show me / Download zip 機能について Tools (ツール) Brush (ブラシ) ペン先が平坦なブラシツール 太さを1くらいにしてペンタブレットで描くと、鉛筆っぽいタッチになる。 Air Brush (エアブラシ) 輪郭がぼやけたブラシツール ※現状では色を塗り重ねると、グラデーションに段々が出たり、ブラシの縁が微妙に黒ずんで、まるでクリームを盛りつけたようになることがある。 Syringe (スポイト) クリックすると表示されている画像から色を取得する。 alt+clickでも同様の動作。 Eraser (消しゴム) 透明色で塗るブラシ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TechCrunch | Startup and Technology News
スマートフォンにおけるHTML5実装の最先端@Developers Summit 2012
Initializr - HTML5 project - template
