Smashing Magazine - WE SMASH YOU WITH THE INFORMATION THAT WILL MAKE YOUR LIFE EASIER, REALLY. すべてのブラウザがWebの標準技術を適切に実装した場合、制作したWebページやWebサイトを複数のブラウザを使ってチェックする必要はなくなる。どれかひとつのブラウザで試験すれば、それ以外のブラウザでも同じように表示され、同じように動作するからだ。 たしかに、最新のブラウザとHTML5以降のWeb技術を使ったサイトではそうした傾向が強まっている。しかしながら、古いブラウザは依然として影響力のあるシェアを確保し続けているし、現実問題として、クロスブラウザテストを無視したサイト制作は現実的ではないという状況にある。この状況はまだ数年は続きそうだ。 そうした場合に利用できる有償および無償のクロスブラウザテストツ
サイトの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
このサイトをFirefox 7で閲覧すると安全性は中間の「2」、Google Chrome 14では「2.5」と評価される。MicrosoftのIE 9で閲覧すると……。 米Microsoftは10月11日、ユーザーが使っているWebブラウザの安全性をチェックするWebサイト「Your Browser Matters」を開設した。 同サイトでは、閲覧に使ったWebブラウザの安全性が0から4までの4段階で評価される。例えばFirefox 7で閲覧すると、安全性は中間の「2」、Google Chrome 14では「2.5」という評価。MicrosoftのIE 9で閲覧すると、最高評価の「4」が出る。 この評価は、Microsoftがまとめたセキュリティ動向報告書のデータを基準とし、フィッシング対策組織のAnti-Phishing League、なりすまし対策組織のIdentity Theft
こんにちは、minamiです。今いちばん欲しいものはランタンです。 3/22にFirefox4が正式公開となりました。ちょっとさわった感じだとchromeやsafariに負けず劣らず軽快ですね。 しかし、制作環境ではFirefox4と以前のバージョンを両方確認することも必要になるかと思います。 そこでFirefox4と以前のバージョンを共存してインストールする方法をおさらいしてみました。 試した環境はWindows XPです。 プロファイルを複数作る 方法としては、以前tanakaが紹介していたものとほぼ同じになります。Firefoxのプロファイルを複数つくって、各バージョンに対応させていきます。 windows XPの場合、firefoxのプロファイルは、 C:\Documents and Settings\ユーザー名\Application Data\Mozilla\Firefox\P
IE6, IE7, IE8などIEの異なるバージョンをテストするアプリケーション・環境のまとめとそれぞれの特徴を紹介します。 Internet Explorer 7のキャプチャ [ad#ad-2] 「Sandboxed IE Browsers from Spoon」から各アプリケーション・環境のまとめと特徴をピックアップし、いくつか追加しました。 IETester Virtual PC IE Super Preview IE Collection マルチPC環境 IETester IETester 対応するIEのバージョン IE5.5 IE6 IE7 IE8 IE9preview 主な特徴 異なるIEのバージョンをタブで同時に表示することが可能なアプリケーションです。 プリントプレビューのテスト、ポップアップによるインタラクション以外のテストは万事良好に動作します。FlashとCSSのフィ
DSブラウザシミュレーター DSブラウザでの動作をシュミレートできる「DSブラウザシミュレーター」。 サイトの利用者層によってはシェアが意外に高かったりするDSブラウザですが、ブラウザ上でその動作についてシュミレートできるツールを発見したのでご紹介。 いちいちDSを用意する必要がなくなって便利そうです。 ズーム機能なんかも使えます。 ちなみに3DSのブラウザ機能は3Dになるんですかね。 関連エントリ スマートフォン用のサイト作成に役立つテスティングツール7
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のブラウザーモードとドキュメントモードを利用する 以下、
いつも さぶみっと!JAPAN をご愛顧いただきありがとうございます。 この度、誠に勝手ながら2017年9月29日(金)を持ちまして、「さぶみっと!サイト制作マッチング」のサービスを終了させていただきます。 日頃よりご利用いただいております皆さまにはご迷惑をおかけすることとなり、誠に申し訳ございません。長らくのご愛顧、厚くお礼を申し上げます。 終了するサービス ・サイト名:さぶみっと!サイト制作マッチング ・URL:http://hp.submit.ne.jp/ ・サービス終了日:2017年9月29日(金)11:00 サービスご利用中の方へ ・案件情報のご登録は2017年8月28日(月)より停止しており、新規でご登録をいただくことはできません。 ・現在掲載中の案件に提案を行うことはできますが、サービス終了日を持ちましてサイトをご利用いただくことはできなくなります。 ・現在サイト内で商談中の
Webサイトの制作では、なるべくどのようなユーザー環境であっても同じように見えることが要求されます。PCサイトであればOSやブラウザー、モバイルサイトであればキャリアや端末が違っていても、制作者の意図どおりに表示され、JavaScriptやFlashなどのプログラムが正常に実行されるかをチェックするのが「ブラウザーテスト」です。 ブラウザーの種類とブラウザーテストの方法 Webページを表示するブラウザーは、Internet Explorer(IE)、Firefox(ff)、Opera、Google Chromeなど、Windowsだけでも数多く存在します。さらに、リリースされた歴史が古ければ古いほど、特有のバグがあったり、最新のHTMLやCSSの仕様に対応していなかったり、といったバージョンによる違いもあります。Web標準の仕様に則って制作したページであっても、ブラウザーが抱えるバグや表示
320 x 480 iPhone 3G/3GS 480 x 720 Meizu M8 480 x 800 Google Nexus one 640 x 960 iPhone 4 768 x 1024 iPad 480 x 320 iPhone 3G/3GS 720 x 480 Meizu M8 800 x 480 Google Nexus one 960 x 640 iPhone 4 1024 x 768 iPad 1024 x 600 Most Netbooks 1280 x 800 MacBook Air 08 1366 x 768 Some Laptops 1440 x 900 MacBook Pro 15 inches Maximum Resize to Maximum
Welcome To SupportDetails.com SupportDetails.com has everything you need to know to keep tech support people happy: which computer you are using (PC or Mac), which operating system (Windows or OS X), which web browser (eg, Firefox, Chrome, Safari, Edge), your IP address and more system information. Customize Your Report Simply send a properly formatted URL with recipient, sender, or both to have t
Webサービス使えるツール10選 Web制作時、個人的にかなり助かっ ているWebアプリやソフトウェアなど をご紹介。何度お勧めしても足りない 位、助けられています。低スキルな 自分にとっては無いと困る。そんな ツールをシェアしたいと思います。 Web制作時、個人的にかなり助かっ ているWebアプリやソフトウェアなど をご紹介。何度お勧めしても足りない 位、助けられています。低スキルな 自分にとっては無いと困る。そんな ツールをシェアしたいと思います。 もっと沢山あるんですが、特に利用しているものを。制作時には毎回利用しているかもしれません。基本的に無料のものを使っています。順不同。 960 grid system グリッドシステムです。ブックマークレットも含め、色々手軽なのが嬉しい。何よりグリッドレイアウトはお客さん受け良い傾向にある気がします。 960 grid system Fire
前回はサンプルを交えながら(X)HTMLとCSSの関係をおさらいしました。どれだけ画像を沢山利用したグラフィカルなサイトでも、画像を使わないシンプルなサイトでも基本はまったく同じであり、(X)HTMLは文書構造を、CSSでは文書の要素に対して見た目等の振る舞いを指定することにより、ブラウザで私たちが閲覧できる状態になります。 ところがリファレンス等を参考にしながら正しく(X)HTML/CSSを書くように頑張ってみたわりには、ブラウザ(閲覧環境)によっては表示が崩れてしまうなど、最初はなかなか思い通りに表示されないことが多いものです。 W3Cが技術を標準化するため(X)HTMLやCSSの仕様書を勧告していますが、現実に普及しているブラウザでは、仕様に完全準拠しているとは限りません。そのため、普及しているそれぞれのブラウザの特徴まで理解した上で(X)HTMLとCSSの設計をすることが必要です。
Web制作やBlogのカスタマイズでよく起こりがちなのが、「あるブラウザでは思った通りに表示されるが、別のブラウザで見ると表示が崩れている。もしくは思った通りに表示されない。」という現象。 私もBlogのカスタマイズで新しいテンプレートを土台にあらゆる場所を変更したのですが、様々な表示の違いにかなり悩まされました。自分が調べている範囲でもIE以外の利用者が相当増えてきていますから、IEだけでちゃんと表示されればいいと割り切るわけにもいきません。(そもそも自分はFirefoxを使ってますからね。) 今回はそのようなクロスブラウザ対応で困らないための基礎知識がテーマです。起きるトラブルで大体の原因の予想がつけば、解決する手段を見つけるのはそう難しくありません。もちろん個々のトラブルの原因はケースバイケースですから、条件に当てはまらない場合も多々ありますのでご注意を。 1. すべてのブラウザで表
OSがWindowsであろうと、ubuntuであろうと、共通のサービスを受けることができるのがウェブアプリケーションです。 ウェブデザイナーの中には、自宅ですでにubuntuを利用している人も多い。また、Mac、Windowsと、各自それぞれの使いやすい物を利用していると思います。 今回はこうしたウェブ開発を仕事としている人が利用しそうなツールをまとめてみたいと思います。 スケジュール管理 Googleカレンダー もはや説明不要のスケジュール管理システム。 ドラッグによる複数日数のスケジュール投稿は、なにかと連日作業になるウェブ製作にぴったり。 また、タスク管理も結合されたため、細かい作業などの記入も可能。なにより複数人での予定の共有もできるのが便利です。 メール Gmail もう使っている人も多数いるかもしれませんが、Googleが提供するGmailはかなり強烈なアプリケーションです。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く