今年の初めから弊社の公式サイトは「音声読み上げソフトに配慮した記述」が求められるようになった。 例えば「7/28(火)」はNG、「7月28日(火曜日)」が正しい。これはまあいい。 でも他の例では「※詳細はこちら」これはダメで、「注記:詳細はキャンペーン詳細サイト(外部サイトへ移動します)(別ウィンドウで表示します)をご覧ください。」と、こうなる。 あと「~」が使えなくなった。これ、「5~8ポイント」を「5から8ポイント」とするのが本来のアクセシビリティー対応なのだが、画一的に「~」を禁止されて「アマゾン ~最後の秘境~」とかの固有名詞まで「アマゾン 最後の秘境」に書き換えが発生している。もはや意味もないし商品名や番組名を改変しちゃって怒られるまである。 どうなんかね?音声ブラウザならまだしも、通常のブラウザでは明らかに日本語としての可読性が下がって苦情も来ている。でも社会的要請からアクセシ
Webブラウザーの広告ブロック拡張機能として人気の高い「AdBlock」が謎の新オーナーに買収されたそうだ(TNW Newsの記事)。 AdBlockの最新版ではAdblock Plusの「Acceptable Ads(許容可能な広告)」プログラムに参加しており、デフォルトで「控えめな広告」が表示されるようになっている。AdBlockを最新版に更新すると、この旨を通知する開発者のMichael Gundlach氏からのメッセージが一度だけ表示されるのだが、メッセージの最後に会社を売却したことが記載されている。 売却先や売却理由についてTNWが問い合わせたところ、買収者から名前を出さないよう指示されているとして、AdBlock側は回答を拒否。Gundlach氏と会社との関係がなくなったことだけ知らされたとのことだ。AdBlockのWebサイトでは控えめな広告の表示に関する記述が追加されており
kimono Turn websites into structured APIs from your browser in seconds No more scraping Build an API in seconds with kimono to power your apps, models and visualizations with live data without writing any code Intelligent extraction The kimono smart extractor recognizes patterns in web content allowing you get the data you want quickly and visually
ページにたった一行記述するだけで、CSS3のベンダープレフィックスを自動で付与してくれるスクリプトを紹介します。 Prefix free via: PrefixFree: Break Free From CSS Prefix Hell [ad#ad-2] Prefix freeの機能 ベンダープレフィックスとは、CSS3で採用予定のプロパティがブラウザに先行実装されており、それらを各ブラウザごとに機能させるためプロパティに加える接頭辞のことです。 「-moz-」「-webkit-」「-o-」「-ms-」などがあります。 例えば、CSS3グラデーションを通常のベンダープレフィックスを使用すると、下記のようなスタイルシートになります。 .download { background-image: -webkit-linear-gradient(transparent, rgba(0,0,0,.3
開発側です。 IE10 はさほど問題ないんです。IE10 でやっと標準に追い付いてきたという感じ。問題は、IE 使ってるようなユーザーはアップデートしないという事実です。 スクリプトなどの実行の早さは、IE8 位までは数倍のオーダーで遅く、マップ上にたくさんのオブジェクトを表示するようなものを作ると、IE の速度面対応だけで大変でした。 それよりも問題なのが、Web の標準に対応していないことです。 CSS3 や HTML5 への対応は、他のブラウザに比べて数年単位で遅れてました。Chrome か Firefox で開発しているとします。そのままテストすると Chrome Firefox Safari では問題ありません。IE だけ問題が、というのが普通でした。IE 対応だけで工程かかるのです。IE7 や 8 を視野に入れると、諦めざるを得ない技術もあります。たいていは擬似的に対応できるの
これは、とても歴史的な話で、僕たちの知っている現在の “Mozilla” よりも時はさかのぼる (とはいえ、現在の Mozilla もその精神を受け継ぐ末裔だ)。 質問をブレイクダウンしよう: 最初に: この文脈でいう “mozilla” はなにを指すのか? ヒント: それは Mozilla Corporation や Mozilla Foundation のことではなく、Gecko エンジンのことでもない。 90 年代初頭、Mosaic というブラウザがイリノイ大学・米国立スーパーコンピュータ応用研究所 (NCSA) のとあるグループによって開発される。Mosaic の使いやすさや特徴的な機能は当時の “world wide web” の一般化に役立った。Mosaic の共同開発者の一人は Netscape という会社を設立し、この会社は Netscape という商用ウェブブラウザを生み
サイトのURLを入力すれば、わざわざ全種類・全バージョンのブラウザ環境をそろえることなく、、無料でバージョン別にInternet Explorer・Google Chrome・Firefox・Safari・Operaでの表示がチェックできるネットサービスが「browserling」です。操作方法は以下から。 browserling - interactive cross-browser testing https://browserling.com/ ◆操作方法 上記サイトにアクセスすると、このような画面が表示されます。 使い方は簡単、まず上部に「表示させたいサイトのURL」を入力します。今回はGoogle Chromeのバージョン14.0でサイト表示を確認したいので「Google Chromeのアイコン」・「14.0」の順に選択してから、「run」をクリック。 そうすると、以下のようにG
Internet Explorer・Firefox・Google Chrome・Chrome Frame・Safariのブラウザに対応し、アクセスしたサイトのURLとアクセスに使用したブラウザ・Cookieの有効期限・ダウンロードしたファイルとその容量・サイトを利用するためにフォームから入力した情報などを確認できるのが「Web Historian」です。履歴の保存・整理・分析などもできます。インストール・操作方法などは以下から。 Mandiant http://www.mandiant.com/resources/download/web-historian ◆インストール 上記サイトの「Download Web Historian」をクリック。 ダウンロードしたZIPファイルをExplzhなどで解凍して、「Web Historian」フォルダーを開きます。 「WebHistorian.m
みなさん お久しぶりですヽ(´ー`)ノ夏休みの宿題終わりました? 毎日が夏休みの最終日みたいな生活してるあまちゃんです! さてさて 今日は WebKit サーバーというものを作ってみたので、紹介してみます。 WebKit って何? WebKit っていうのは Chrome や Safari の中に入ってるブラウザのエンジンのことです! 実はブラウザっていうのは、エンジン部分と見た目の部分(タブとかボタンとかね)に別れていて、意外と違うブラウザでもエンジン部分は同じものを使ってるってことも多いんですよ(*´ー`) ブラウザのサーバーってどういうこと? 要は、サーバーサイドでブラウザを起動して JavaScript を実行したり、 JavaScript が実行されないと読めないページから値を持ってくるのに使ったりしようという魂胆です。 今まではそういうのなかったの? 実は、今までは JavaS
はい、今さら聞けないウェブ開発者の基礎知識のお時間です。 ブラウザには3つの読み込みモードがあることはご存知ですか? 2つくらいはわかるけど、3つ目が出てこないって方は少なくないかもしれません。 リロード 一番オーソドックスなのがブラウザのリロードボタンを押したときの挙動ですね。普通ですね。 スーパーリロード ブラウザによっては、スーパーリロードという機能を備えています。IEの場合Ctrl+F5(Ctrl+更新ボタン)、Firefoxの場合Ctrl+F5(Shift+更新ボタン)、Chromeの場合Shift+更新ボタン(Ctrl+Shift+R)などでスーパーリロードを呼び出すことができます。スーパーですね。 ページ遷移(リフレッシュ) 3つ目はちょっと良い名前が思いつかないのですが、リロードではなく、通常の画面遷移での読み込みのことです。アドレスバーにフォーカスしてenterするといっ
Firefox は、Windows 8.1 以前でのサポートを終了しました。 Firefox を利用するには、Firefox ESR (拡張サポートリリース) をダウンロードしてください。
Windows 7やWindows VISTAでIE6/IE7/IE8/IE9を共存させる方法です。IE9はまだベータ段階ですが、周辺ツールも対応してきた頃なのでまとめてみました。 公式ブラウザの共存はできませんが、以下に示す方法で各バージョンの表示を確認することができます。最近はIETesterが主流になってきたようなので、そこを踏まえてます。 IETesterを利用+IETesterでIE9を確認できるようにカスタマイズする 「Microsoft Expression Web SuperPreview for Windows Internet Explorer」と「Internet Explorer Platform Preview(「Internet Explorer 9 Platform Preview」)」を併用する IE9のブラウザーモードとドキュメントモードを利用する 以下、
本を買わずに解決するWeb制作の小技 ホームページ作成でちょっとしたことを参考書を買わずに解決する方法をPHP CSS Webデザイン jQuery Flashを中心に便利な技をまとめていきます!現在、長野県長野市の制作会社でWeb作成中! いつもサイトを作るときにブラウザの表示領域の幅が気になっていて 前から知りたいと思っていたところとても良いサイトを発見 サイトにアクセスした際に最初に見れるファーストビューがどこまで 見えるのかの参考にもなります。 ビスタのガジェットは常に見える状態で閲覧するのか気になるところですね。 あと、お気に入りを表示していない状態なので表示したらもっと狭くなってしまうので いつもこのあたりは考えさせられますね。 主要なブラウザをモニターいっぱいに広げた時の表示領域一覧表 コリスさんいつもとても役に立つ情報ありがとうございます! Web Safe Area 64
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く