第1回 ブラウザから生まれた「Firefox OS」とは何か？ | gihyo.jp
Firefox OSとは Firefox OSとは、人気のWebブラウザである「Firefox」で知られるMozilla Foundationが開発を進めているオープンソースのモバイル用OSです。現在は、2013年の第一四半期にZTEからの製品化を目指して開発が進められています。当面は、発展途上国向け（最初はブラジルで発売されるとされています）のローエンドスマートフォン向けとされるようで、iOSやAndroid OSとの直接対決は避けるようです。 このFirefox OSは、名前に「Firefox」が付いています。この部分だけを見ると、WebブラウザがOS？と頭の上に疑問符が並ぶ方が多いと思うので、まずは、Firefox OSがどのようなものなのかをご紹介します。 Firefox OSのロック画面。シンプルなつくりになっている 従来とは異なる考え方のOS 誤解を承知で、ざっくりと説明すると
HTML5で作られた無料MMORPG「BrowserQuest」をMozillaがサービス開始
FirefoxやChrome、Safari、さらにiOSやAndroidでも動作するというMMORPG「BrowserQuest」がスタートしました。これを作ったのはMozillaで、操作方法は単純明快、かなりサクサクと遊べます。 まず、さくっと概要が分かるデモムービーはこちら。 BrowserQuest - Massively Multiplayer HTML5 Game Demo - YouTube 以下が公式サイトです。 BrowserQuest http://browserquest.mozilla.org/ まずはキャラクター名をつけるところから。 なお、InternetExplorer9以前のバージョンだと「このブラウザでは遊べません」というメッセージが表示され、最新版のFirefoxかChrome、Safariを使うように言われます。なお、WebSocketをサポートしたIE
Webサイトを“速く”表示させる7つの計測ポイント（1/2） - ＠IT
株式会社ライブドア マークアップエンジニア 浜 俊太朗 2009/3/24 FirefoxやYSlowを使ってWebサイトの問題点を探るには？ ライブドアブログを速くした著者が7つのポイントを伝授します（編集部） Webサイトは“見た目”が重要なのは当たり前だが…… 皆さんはWebサイトを作るときに、どのようなことを意識していますか？ デザイナや主にHTMLのコーダー／マークアップエンジニアと呼ばれる職種に就いている人は、やはり“見た目”を強く意識しているのではないでしょうか。 例えば、複数のWebブラウザで同じか近い表示になるようにとか、リリース後の更新業務によって表示崩れが起きないように、などです。もちろんそれは職種の適性として正しいものですが、実はほかにも意識した方がよい重要な要素があるのです。 良い印象を与えるには、“速度”も重要 Webサイトを見たユーザーが、良い印象を受けるのか
GmailやEvernoteのテキストでもMarkdown! ブラウザ拡張機能『Markdown Here』 | ライフハッカー・ジャパン
Chrome/Firefox/Safari/Thunderbird：Markdownはコードを知らなくてもテキストを簡単にHTMLに変換できる素晴らしい方法だということを、以前「テキスト以上ワープロ未満：手軽に書式付きテキストを編集できる「Markdown」の魅力」という記事で紹介しました。 そんなMarkdownをGmailやPostboxのようなメールクライアントで使いたい場合、ブラウザ拡張機能『Markdown Here』がおすすめです。インストール後、ある程度まとまった文章を書いたら、該当部分を選択してブラウザ内に表示されているMarkdown Hereボタンをクリックします。それだけで、文章が簡単にHTML化されます。 また、メールクライアントだけでなくEvernoteやWordpressのようなWeb上のテキスト編集ツールで使うことも可能です。 Markdown Here |
HTML5を中心とした「Web標準」がどれだけあるのか、図にしてみると……
急速に立ち上がろうとしている「プラットフォームとしてのWeb」。そのために現在たくさんのWeb標準が提唱され、標準化作業が行われています。 その全体像を1枚の図として示したのは、Mozilla Japanのdynamis（でゅなみす）氏こと浅井智也氏。先週行われたオープンソースカンファレンス2012京都で行った講演のスライドから許可を得て引用します。 HTML5を中心に、円の色は標準化団体の色を示しています。青ならW3C/WHATWG、黄色はIETF、茶色はECMA、赤はKhronos。また、円の外側はまだまだこれからの技術という位置づけになっているそうです。 こうして1枚の図にして見ると、実にたくさんの技術がWebで実現されようとしていることに驚かされます。 このすべての技術を使いこなす必要はないかもしれませんが、Webをプラットフォームとするアプリケーションの構築には、HTML5のマー
画像一枚だけで写真を重ねたようにするチュートリアル | コリス
シンプルなHTMLで画像を配置し、:before, :after疑似要素を使って、写真を重ねたようなエフェクトにするチュートリアルを紹介します。 重ねたエフェクトはホバー時にCSS3アニメーションします。 デモページ ※ホバー時のアニメーションはFirefoxのみです。 実装 HTML HTMLは非常にシンプルです。 ラッパーのdiv要素はWebkit系ブラウザ用で、将来無しでも機能するようになるかもしれません。 <div class="stack"> <img src="image1.jpg" /> </div> [ad#ad-2] CSS スタイルシートは4つのデモのキャプチャと共に、紹介します。 まずは、右端の写真が垂直方向に重なっただけのスタイルシートです。重なりは:before, :afterを使用します。 .stack { position: relative; z-index
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
これがMozillaのモバイルOS「Boot2Gecko」だ
