インストール可能なWebアプリケーションの標準化は進むか？
いまやほとんどすべてのWebブラウザがHTML5を中心としたWeb標準に対するサポートを表明しており、Webブラウザ間のマークアップに関する互換性はよい方向へと向かっています。 しかし新しく登場している、Webブラウザにインストール可能なWebアプリケーション、例えばグーグルはChromeブラウザに対してインストール可能なアプリケーションを「Chromeウェブストア」で提供を開始していますが、こうしたWebアプリケーションのパッケージングに関する互換性がとられていない点を、Web標準の分野で著名人であるBruce Lawson氏がブログにポストしたエントリ「 Installable web apps and interoperability 」で心配しています。 W3Cは標準化を進めようとしているが インストール可能なWebアプリケーションとは、HTML5、CSS、JavaScript、S
スマホ対応の新潮流「レスポンシブWebデザイン」とは？ (1/3)
スマートフォンの普及を背景に、「レスポンシブWebデザイン」（Responsive Web Design）という制作手法が海外で注目を集めている。レスポンシブWebデザインとはどのようなアプローチなのか？ 実例で解説する。 ウィンドウサイズを基準にデザインを調整 レスポンシブWebデザインとは、デバイスごとに複数のデザインを用意するのではなく、ブラウザーのウィンドウサイズに合わせてデザインをフレキシブルに調整する制作手法だ。モバイルサイトの制作では、デバイスやスクリーンサイズごとにページを振り分ける方法が一般的だが、レスポンシブWebデザインではHTMLはそのままに、CSS3のメディアクエリーを利用してスタイルシートだけでデザインを変更する。 レスポンシブWebデザインは、2010年5月、米国のイーサン・マルコッテ氏によって提唱され、海外では企業サイトを含む多くのWebサイトで採用されてい
Google製。絵本風UIが魅力のHTML5/JavaScriptの電子書籍·20thingsilearned MOONGIFT
20thingsilearnedはHTML5/JavaScriptによる電子書籍。20 Things I Learned About Browsers and the Webのコンテンツ。 20thingsilearnedはJava/HTML5/JavaScript製のオープンソース・ソフトウェア。インターネットが一般化して既に十数年が経過している。その間に様々な技術が開発され、Webはどんどん進化していった。今からネットに触る人にとっては見知らぬ単語が無数あるはずだ。 表紙 だが上級者にとっては当たり前の単語であり、初心者が聞くのを躊躇させてしまう。そんな中、Googleが20 Things I Learned About Browsers and the WebというWebサイトを解説した。それをオープンソース化したのが20thingsilearnedである。 20 Things I
SproutCore
SproutCore is an open-source framework for building blazingly fast, innovative user experiences on the web. Install Sproutcore View on GitHub New Tutorial to Help You Get Up and Running! You've heard all about SproutCore and now it's time to see for yourself. It's easier than ever to get started with our new tutorial. In it you'll learn: How to install SproutCore on your machine How to build your
『iOSヒューマンインターフェイスガイドライン』はUI解説書の枠を越えている ：国内・海外情報から見える『企業のWEB活用法』：ITmedia オルタナティブ・ブログ
中小企業がITを活用して売り上げにつなげるにはどうしたらいいか？WEBマーケティングとWEB戦略コンサル実績350社50業種以上の実績とノウハウで、海外の最先端情報を中心に、噛み砕いてご紹介。 作成者：中山陽平 iOS、実質的にはiPhoneのアプリケーションを作る際に参照してくださいと言う事で配布されている「iOSヒューマンインターフェイスガイドライン（以下iOS_HIG）」 弊社のシステムを真剣にスマートフォン対応にするために読み始めたのですが、この内容が、ただのインターフェイスのガイドラインだけではなく、さらに踏み込んだ内容になっていて驚きました。 Appleのサードパーティアプリに対する姿勢、サードパーティアプリケーションがiPhoneの大きな魅力であるという認識が、このガイドラインからはにじみ出ています。 App開発者以外もぜひ見ておくべき これはぜひ、WEBに関わる方は見て頂き
クロスプラットフォームのモバイルWebアプリツールキット「Mobile Boilerplate 1.0」 | OSDN Magazine
3月29日、モバイルWebアプリ開発ツールキット「Mobile Boilerplate 1.0」が公開された。jQuery Mobileなどの機能を利用して、リッチなモバイル用Webアプリを構築できるという。 Mobile Boilerplateは、CSSやJavaScript、HTMLなどのWebサイト構成要素をまとめたテンプレート集。フレームワークではなく、jQuery MobileやSencha Touch、PhoneGap、Appceleratorなどのフレームワークを利用して運用するという。ローエンド端末向けのCSSスタイルシートやホームスクリーンアイコン（Android、iOS、Symbian）などの機能、.htaccessなどのWebサーバー設定ファイルも提供される。 特徴は各種モバイルプラットフォームに対応している点で、Android、iOS、BlackBerry、Symb
Goodbye friends!
Hello all. After 14 years of existence, it's time to wave goodbye to BlueGriffon. There are many reasons for that, some related to technology (for instance Mozilla killing XUL), some related to me (my will to change and move to something else after so many years), and some others related to corporate context (I'm fed up with running a small company). It's been a wild ride of two decades (Netscape,
ディレクターが押さえたい世界のWebのトレンド
グローバル化に伴い、国内だけでなく海外を対象としたWebサイトを制作する機会も増えています。ここでは、グローバルに展開するWebサイトを企画・制作する場合に押さえておきたい海外事情について紹介します。 世界のブロードバンド回線事情 世界のブロードバンド回線速度は、全体的に年々速くなっています。2010年現在、世界の平均速度は1.8Mbpsで、韓国が1位で17Mbps、以下香港、日本、ルーマニアと続き、米国は16位で4.6Mbpsです※1。また、一般的には、ブロードバンドの普及率は大都市ほど高く、また個人より企業のほうが高いという傾向にあります。 今後もブロードバンド環境が向上していくことを考えると、ブロードバンド先進国である韓国の動向は注目しておくとよいでしょう。具体的に韓国市場を席巻してきたWebサイトを見ると、特に若者向けサイトではリッチコンテンツや大容量動画を多く含む、ページ全体がF
覚えておくときっと役立つ。Webアプリケーション用のリッチなUIフレームワーク·Alloy UI MOONGIFT
Alloy UIは数多くのウィジェットを提供するUIフレームワーク。 [/s2If] Alloy UIはHTML5/JavaScript/CSS3製のオープンソース・ソフトウェア。Webの役割は大きく変わってきている。シンプルなホームページと言われた時代は終わり、Webアプリケーションやソーシャルサービスのようにオンライン上でやり取りされるデータが増している。 入力補完 それに伴ってWebベースでもリッチなUIが求められるようになってきた。日付をカレンダー入力したり、ソートやドラッグアンドドロップなどを実装して欲しいと言われることも多い。そのようなニーズに幅広く答えられるライブラリがAlloy UIだ。 Alloy UIは実に多くのコンポーネントを提供する。入力補完、グラフィカルなボタン、カレンダー、画像が定期的に切り替わるスライダー、カラーピッカー、グラフ、ダイアログ、インラインエディタ
The-M-Project - HTML5 Javascript Framework
SNSなどの定番アプリやスマホに関するお悩み解決メディア
【レポート】IndexedDB、次世代ブラウザデータベース候補 | エンタープライズ | マイコミジャーナル
Firefox web browser - Faster, more secure & customizable Webアプリケーションの発展にともない、クライアントサイドでデータを永続的に保持するより簡単な方法が求められている。今のところlocalStorageやsessionStorageを使う方法が一般的。ただし、この方法はあまり大容量データの保持には向いていない。もうひとつ、SQLを利用するWeb SQLがあるが、ここにきて新しい動きがではじめている。もっとシンプルに大容量データを扱えるようにしようというIndexedDBがそれだ。 Indexed Database API - 今後の展開が期待されるIndexedDB Web Storage - localStorageやsessionStorageを使う。少量データの永続保持に適切 Web SQL Database - クライア
iPhone向けWebアプリを作ろう（1/4） － ＠IT
Safari Web Content Guide for iPhoneを読み解きながら、iPhone／iPod touch上のWebブラウザのSafariで動くWebアプリを作成し、UIを最適化するコツを紹介します。 （編集部） Safari Web Content Guide for iPhoneを読み解く ネイティブアプリケーション開発を可能にするSDKが公開され、一層注目を集めている米アップルのiPhone（Applle Developer）。3Gへの対応がうわさされ、日本市場向けの発表も待たれますが、読者の中には、早速iPhone向けのアプリケーション開発にチャレンジしている人もいるでしょう。 しかし、ネイティブアプリケーションを作るにはそれなりにプログラミングスキルが必要ですし、完成したアプリケーションは米アップルが用意する「App Store」経由でしか配布できないといった制約
Webブラウザがまた一歩OSに近づく。「Webアプリケーションをブラウザにインストール」する標準仕様をMozillaが提案
Webブラウザがまた一歩OSに近づく。「Webアプリケーションをブラウザにインストール」する標準仕様をMozillaが提案 Windowsにアプリケーションをインストールするように、あるいはアップルのApp StoreからアプリケーションをダウンロードしてiPhoneにインストールするように、WebブラウザにWebアプリケーションをインストールし、インストールしたアプリケーションを管理し、呼び出して実行するための標準仕様「Open Web Applications」をモジラが提案しました。 インストールしたWebアプリをダッシュボードから起動 メールを読むためにGmailを利用し、友達との会話にはTwitterを使うように、いまやネイティブなアプリケーションを起動する代わりにWebサイトで提供されているWebアプリケーションを利用することが多くなってきました。 さらにHTML5を利用すれば
Chrome Experiments
Chrome Experiments is a showcase of work by coders who are pushing the boundaries of web technology, creating beautiful, unique web experiences. You'll find helpful links throughout the site for creating your own experiments, and you can also explore resources like WebGL Globe and our workshop of tools.
【レビュー】HTML5でiPhone用ウィジェットを作る・動かす――それなら『WidgetPad』で | ネット | マイコミジャーナル
HTML5を利用してみたいなら 2009年の後半になってHTML5の話題が各所で見られるようになってきた。2010年9月には最終版も出ると言われており、10年以上使われてきたHTML4に、現在の主流に合わせたAPIの強化や要素の追加を行っている。Firefox/ Safari/ Google Chrome/ OperaといったWebブラウザはHTML5への対応を強化しており、すでに多数の新機能が利用できるようになっている。 多数のiPHone向けWebアプリが登録されているのですぐに試せる 今後盛り上がっていくことが期待されるHTML5。しかし、現時点で実際に利用することを考えると、デスクトップPCの場合、多様なWebブラウザが存在し、実装も異なるところが問題になる。その点、スマートフォンであれば機種もWebブラウザも限定されてくる。本稿で紹介する『WidgetPad』は、iPhone向け
iPhone/iPad向けのWebアプリ作成の解説本「Beginning iPhone and iPad Web Apps: Scripting with HTML5, CSS3, and JavaScript」 - 強火で進め
Beginning iPhone and iPad Web Apps: Scripting with HTML5, CSS3, and JavaScript 作者: Chris Apers,Daniel Paterson出版社/メーカー: Apress発売日: 2010/12/10メディア: ペーパーバック クリック: 18回この商品を含むブログ (1件) を見る 内容はこんな感じ。 1. 開発ツール 2. 開発環境 3. デバックする 4. Webアプリケーション解剖学 5. デバイスの制限 6. iPhoneのUIをまねる 7. 面白いCSS機能 8. HTML5の機能 9. ベクターグラフィック 10. マルチメディアサポート 11. Javascriptによるオブジェクト指向入門書 12. CSS3の高度な機能 13. DOMとセレクタ 14. Ajax 15. タッチとジェスチャ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5の勉強に役立つチートシートやリファレンスのまとめ
IBM Developer
IBM Developer