Portions of this content are ©2009-2020 by individual dev.mozilla.jp contributors. Content available under a Creative Commons license.
ケイクスでのWeb連載『数学ガールの秘密ノート』が始まりました。ところで記事の中で、ルビの扱いがブラウザで微妙に違うことにお気づきでしょうか。まずはこちらをご覧ください。 第1回 文字と恒等式(前編) はじめの方に、女子高生テトラちゃんのセリフ「……先輩は恒等式(こうとうしき)のお話をしてくださいましたよね」が出てきます。この「恒等式」の部分は、以下のようにマークアップしています。 <ruby> 恒等式 ←1. 単語 <rp>(</rp> ←2. カッコ開き <rt>こうとうしき</rt> ←3. ルビ <rp>)</rp> ←4. カッコ閉じ </ruby> ルビに対応していないブラウザ(Firefox)では、上記の1,2,3,4が表示されます。 ルビに対応しているブラウザ(Chome)では、上記の1,3を使ってルビ付きで表示されます。 その結果、以下のように表示されます。Firefox
クリックするとご利用いただけます(別ウィンドウで開きます)。ただし、SVGフィルターなどの最新技術を活用しているため、想定通り動作することが確認できているFirefox12以降でなければ動作しないようにしています(2012年7月現在)。Firefox以外で本ページをご覧の方は、下記URLをFirefoxで開いてください。 http://www.hitachi.co.jp/universaldesign/products/business/assistance_for_color_generation/product.html 概要 無償でお試しいただくことが可能な、CSS3で開発するWeb画面の色と形の作成を支援するツールです。主な特徴は以下の通りです。利用前に、利用上の注意をお読みください。 作成した色と形を登録すると、次にブラウザを立ち上げたときも利用可能です(注意事項)。 作成した色
昨日 (6月6日) に Firefox の最新版であるバージョン 13 が正式リリースされました。 この Firefox 13 で実装された新機能や変更点に関しては下記の記事で紹介されていますが、 Firefox 13 の主な新機能を紹介します : Mozilla Developer Street (modest) アクセシビリティコンサルティングを提供する Paciello Group の公式 Blog で、新しい Firefox 13 が canvas 要素のフォールバックコンテンツに対するフォーカスに対応したことに関する記事が上がっていましたので、紹介して見ようかと思います。 原文: HTML5 Canvas Accessibility in Firefox 13 : The Paciello Group Blog 完全な対訳ではなく、わかりやすいようにポイントをかいつまみながら訳し
先日、TechCrunch にこんな記事が上がっていて、興味深く読みました。 どうやったら開発のコストを少なくできるか? 答え:コードを書かない開発者は新しいプロダクトを作るのに、まずはコードを書いて簡単なデモレベルのものをつくろうとする。だけど、彼はコードを「書く」前にもやることがあるという。たとえば紙によるモックアップだ。これだけでも十分な役割を果たすことがある。 (中略) 先にペイパーモックアップを作って(ウェブなら画像をブラウザーで見せるだとか)、それをもとにユーザーにヒアリングをして、そからフィードバックを得て実際に製品の開発にはいるんだそうだ。 私たちは「プロトタイプ」「ペーパープロトタイピング(紙でプロトタイプを作り、検証すること)」と呼んでいましたが、Forkwell の開発ではコーディングに入る前の1ヶ月あまり、ひたすらこのペーパープロトタイピングを行っていました。参考に
花粉に勝った!と思っていたら、そんなことは全然なかったminamiです。 今回は非常に軽い話題です。先日 Firefoxの最新バージョン Firefox 11 がリリースされました。どこが変わったのかな?と思っていたらとんでもない新機能が追加されていました。 流行りの3D 既に以前のバージョンから、Firebugなどのアドオンを使わずにhtmlの要素を調査できる機能が追加されていました。 これはこれでいいけれどやっぱりFirebugを使っちゃうな~と思ってスルーしていたのですが・・・ 右クリックで「要素を調査」 3D!? 飛び出す! なんと、バージョン11から3Dビューのモードが追加されていました!無駄にすごい! 3Dなので当然拡大、縮小、回転もできます。裏からサイトを見ることもできます。 階層が深くなるほど高く表現されるようで、確かに要素の重なり順がわかりにくいサイトを調査するときには一
今週リリースされた Firefox 11 に続き、今日 Firefox 12 ベータ版 がリリースされました。ベータ期間中は安定性や互換性の修正が行われるのみで、基本的には新機能の追加はありません。Firefox 12 のリリースは 4/24 を予定していますが、機能がほぼ確定するベータ版リリースの一足先に主な新機能と改良点をご紹介します。 Android 版は Firefox 13 Firefox 14 へ向けて抜本的な設計改良が行われているため、Firefox 11、12 のリリースはスキップされます。生まれ変わる Android 版 Firefox にご期待ください。 Firefox 12 の特長 Firefox 12 では、更新システムの改善を継続し、更新時に UAC ダイアログによる確認を都度行わないようにしました。メディアコントローラの改善や、随所でパフォーマンスの向上も図って
Firefox 11は、開発者向け機能のひとつとして、ページの読み込みを高速化するSPDYプロトコルに対応しています。 このプロトコルで通信を行えばページの読み込みが高速化されることが期待できますが、Firefoxデフォルトでこの機能は有効になっておらず、ユーザーが手動で有効にしてやる必要があります。 SPDYプロトコル通信とは、Googleが提唱するhttpを補う高速通信プロトコルで、2009年にその概要が発表されたものです。 このプロトコルを使えばページ読み込み速度が(目標値)50%高速化されるというもので、すでにGmailやGoogle カレンダー、Google ドキュメント、Twitterなどがこのプロトコルを使った通信に対応しています。 サイトが採用していてもブラウザが未対応では効果はありませんが、Firefox 11からは以下の設定を行うことでこのSPDY通信が可能となります。
こんばんは!開発の林です。 Bootstrap, from Twitter いいですよね!サクサク作れちゃうあたり今気に入っています。 本記事でもエントリー部分だけ Bootstrap にしてみました。 さて、話を戻します。 他所のスマートフォン向けサイトに PC からアクセスしたい、 ソースを見てみたい、解析やデバッグを行いたいことってありませんか? 本日はスマートフォン向けサイトを PC からでも解析できるよう簡単に偽装する方法をご紹介します。 Mac / Windows 対応です。 スマートフォン向けサイトにアクセスするには はじめに、スマートフォン向けサイトにアクセスするにはいくつかの方法があります。 スマートフォン向けのアドレスにアクセスする ex. http://b.hatena.ne.jp/touch ユーザーエージェントを偽装してアクセスする Android SDK や i
ブラウザやHTMLバージョンの互換性問題を解消するリセットCSS「HTML5 Reset」、Firefox 10、Twitter BootstrapなどHTML5関連トピック8連発 HTML5周辺の8つの話題 こんにちは、白石です。本連載は、「Webプラットフォームの『今』をお伝えする」ことを主眼に置いています。 前回は初めての記事ということで、Webプラットフォーム(最近は、こういういい方がはやりつつあるようです)の現状を大まかにお伝えするような内容でした。 今回からは、ぼくが日々html5j.orgに投稿しているニュースの中から、ここ1、2週間で注目すべきトピックを厳選して取り上げていく、という形にしたいと思っています。 なにぶん、連載を始めたばかりですので至らぬ点も多々あるかとは思いますが、読者の皆さまの声を取り入れつつ、改善しながら連載を進めていけたらと考えておりますので、どうか長
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く