ターゲットブラウザを決める時に役立つ便利なツールを紹介します。 条件は細かく設定でき、下記は日本のユーザーを対象、シェアが0.2%以上あり、現在サポートされていないブラウザを除いたものです。iOSのSafariが多く、Chrome for Android, Chrome for desktopと続いています。 Browserslist Browserslist -GitHub Browserslistの特徴 Browserslistの使い方 さまざまな条件でターゲットブラウザを調べる Browserslistの特徴 Browserslistはフロントエンドでよく使用されるツール（Autoprefixer, Babel, ESLint, PostCSSなど）でブラウザのターゲットや互換性を共有するツールです。 0.5%以上シェアがあるブラウザ、最新2バージョンのブラウザ、サポートが終了してい
We live in an era where buying a normal house can simply cost you an arm and a leg. With the rise of more people moving to urban areas, condominiums have become increasingly popular and attractive to potential buyers due to their reasonable price tags. That’s true. In many cases, owning a condo won’t break the bank. In fact, if you’re looking for some new condos in Montreal, the chance is you’ll b
Macでウェブ制作に携わる人全員に伝えたい、Windows, Linux, Mac OS Xのさまざまなブラウザでの表示確認ができる無料のMac OS Xアプリを紹介します。 Boot CampやParallelsなどは必要なく動作します。 Sauce -App Store Sauce for Mac -Website Sauceは、約100種類のブラウザとOSの組み合わせでブラウザの表示確認ができるOS X用のアプリケーションで、簡単に起動・操作ができます。 Windows用のIE6/7/8/9/10をはじめChrome, Safari, Firefox, Opera、iPhone4/5/6, iPad4/5/6, Android4なども揃っています。
17 CSS/HTML Effects with Cross-Browsing Alternatives サポートしないブラウザへの対応方法はJavaScriptを利用するなどいろいろありますが、その中の一つとして紹介します。 [ad#ad-2] 下記は各ポイントを意訳したものです。 幅の最小値・最大値 (IE included) RGBa (IE included) 不透明度 (IE included) 画像の回転・拡大縮小 (IE included) 背景をブラウザいっぱいに表示 (IE included) 画像無しのビュレット テキストのシャドウ (IE included) 複数のボーダー (IE included) ボックスシャドウ (IE included) 角丸 スクリーンリーダー用のコンテンツ ネガティブ値で指定したtext-indent Clearfix (IE inclu
Firefox web browser - Faster, more secure & customizable Webサイトへのログインに新しい流行を作るかもしれない興味深い技術がMozillaから発表された。Mozillaの見込みがうまくいけば、数年後にはこの方式でどのWebサイトにもログインできるようになる可能性がある。発表された技術は「BrowserID」と呼ばれている。 Webサイトにおけるログインというのは、利用するユーザにとっても、開発するエンジニアにとっても面倒なものだ。ユーザはサイトごとに異なるIDとパスワードを入力しなければならないし、開発側はログインシステムをプライバシーの保護にも考慮しながら開発する必要がある。 「BrowserID」はこの双方の問題を解決する。開発側は数行のコードをページに挟みこむだけでログイン処理が実装でき、ユーザはどのサイトでもまったく同じUI
Mozilla Foundationはユーザーに対して、「Firefox 3.5」で「ウェブをアップグレードしよう」と呼びかけている。そして、そのより良いブラウジングと似たようなテーマは、Googleの「Google Chrome」、Appleの「Safari」、そして「Opera」などでも見られる。 ウェブは、比較的静的なページの連続から、動的なウェブアプリケーションの本拠地へと発展していくと期待されている。それには、現在の電子メールから、未来のスプレッドシートまで、あらゆるものが含まれる。しかし、現実の世界がこのビジョンに追いつくにはしばらく時間がかかるかもしれない。 それは確かに、ブラウザにとっては明るく、輝かしい未来であり、前衛的なものは急激に発展している。ウェブサイトを活気あるものにしたり、手の込んだウェブアプリケーションを構築したりすることに熱心なウェブ開発者は、巨大で動作の遅
当BlogではHTML5やCSS3などの策定状況をお伝えしていますが、実装状況についてはあまり触れていませんでした。というわけで、今回は実装状況を調べるためのリソースを取り上げてみようと思います。 Firefox Firefoxについては、開発者のDavid Baronが、CSS WGのメーリングリストに“CSS implementation status reports (and a first one from Mozilla)”というメールを投稿しています。Firefox 3.5とその次のバージョンについて、実装している機能と実装されていない機能がまとめられています。 Davidは「実装状況や今後のプランなどを共有して、より相互運用性を高めよう」という考えのもとこの企画をはじめたようで、メールでは今後実装を考えているモジュールについても触れられています。 Firefoxは他にも、Mo
CSS Zen Gardenの創始者であるDave Sheaが、“Zoom”という記事で、ブラウザーのズーム機能の普及がこれからのWeb制作にどのような影響を及ぼすかを投げかけたことで、活発な議論が行われています。 画像やレイアウトを維持しながらページ全体を拡大するこのズーム機能は、Internet Explorerでは7から、Firefoxでは3から、そしてOperaにはかなり前のバージョンから搭載されています。従来からのテキストサイズ変更機能もIEやFirefoxには残っていますが、現在はズーム機能のほうをプッシュしているようです。Safari（WebKit）では今のところテキストのサイズ変更のみを搭載していますが、開発版ではズーム機能が実装され、デフォルトの挙動として採用されているとのことです。 つまり来年には、どのブラウザーもズーム機能を実装しているものと考えられます。ズーム機能の
2008年になり、主要なWebブラウザのバージョンアップが相次いで行われている。これらのバージョンアップでは、Webブラウザ自体の機能強化が行われているほか、レンダリングエンジンについても積極的に改良が行われ、新たな機能が取り込まれている。そこで本記事では、最新Webブラウザが搭載しているレンダリングエンジンについて、それぞれが備えている機能やWeb標準規格への対応状況について比較していく。 2008年8月末、Internet Explorer（IE）8のベータ2がリリースされた。IE8ではパフォーマンスの向上や、多数の新機能が追加されており、正式版リリースへの期待も高まっているのではないだろうか。しかし、大規模な改良が加えられているWebブラウザはIEだけではない。今年6月にはFirefoxの新版であるFirefox 3がリリースされているほか、同じく6月に公開されたOpera 9.5や
input要素には、maxlengthという属性が定義されています。先日社内でこの属性について質問をうけたので、すこし調べてみることにしました。 最大文字数を指定する属性 HTML4仕様書では、maxlength属性は次のように定義されています。 maxlength = number [CN] When the type attribute has the value "text" or "password", this attribute specifies the maximum number of characters the user may enter. This number may exceed the specified size, in which case the user agent should offer a scrolling mechanism. The de
米ワシントン大学は6月25日、視覚障害者が外出先でも自由にWebを利用できるようにするための無料ツール「WebAnywhere」を正式に立ち上げた。 米国内だけでも約1000万人といわれる視覚障害者は、PCを利用するのに画面上の文字を読み上げるソフトを必要とする。そのため専用ソフトをインストールした自分のPCは使えても、外出先などではWebサイトを利用できない。 ワシントン大学が開発したWebAnywhereはWebでホスティングされているため、PCにダウンロードする必要がない。外部サーバでテキストを処理し、音声ファイルをユーザーのWebブラウザへ送る仕組みになっている。 現時点では英語版しかないが、同大学は数週間前にソースコードを公開。中国の開発者が中国語版の開発に興味を示しているという。
ともにDXを推進する コンテナ化されたワークロードを管理 継続的な価値を生みだす「協創」への挑戦 大学、研究機関、製造業など いま目覚ましい躍進ぶりを見せるデルのHPC その背景と選ばれる理由にせまる ビジネスの推進には必須！ ZDNet×マイクロソフトが贈る特別企画 今、必要な戦略的セキュリティとガバナンス EDRトップランナー対談：後編 セキュリティ戦略を転換せざる得ない背景と EDRのような手法が必要な理由に迫る ビジネスのためのデータ基盤構築 DX時代の企業成長はデータ活用が鍵 新たな展開を後押しするSQL Server活用 ものづくり現場の情報セキュリティ インダストリー4.0は製造業の変革期 工場のデジタル化によるリスクへの対応 コンテナをエンプラITに！ コンテナ活用の基礎 本番実装が増える背景とメリット デジタル時代のITインフラ構築術 仮想化統合、クラウドを経て今「マルチ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Blogger
