Autoprefixer CSS online
What is it Autoprefixer online — web repl for original Autoprefixer. It parses your CSS and adds vendor prefixes to CSS rules using values from Can I Use. It is recommended by Google and used by Twitter and Taobao. How does it work The Autoprefixer uses data on the popularity of browsers and support for vendor prefixes by browsers. Based on this information, it arranges and deletes the prefixes. I
OSの種別を問わず、無償でできる！modern.IE「4つ+1つ」のWebページ検証方法 | HTML5Experts.jp
OSの種別を問わず、無償でできる！modern.IE「4つ+1つ」のWebページ検証方法 物江 修（日本マイクロソフト株式会社 Webエバン...） 2013年11月、Windows 8.1と同時にInternet Explorer 11がリリースされました。 新しくメジャーなWebブラウザーがリリースされると、それまでのWebサイトや、あるいはこれからリリースするWebサイトについても検証を行う必要が出てきます。しかしながら、Internet Explorerはその性質上、異なるバージョンを単一のWindows上にインストールすることはできません。 modern.IEでは、この問題に対処するためWindowsとMac、Linuxで動作する検証用の仮想マシン、イメージの提供、Webサイトの解析と各メジャー Webブラウザーでの画面ショットの取得、リモートデスクトップサービスなど、Webペー
Macでも無料でIE確認するためのModern.IEが想像以上に快適だった
これまで、MacBook Air 上で制作したWebページを IE 確認する時は、「VirtualBox」や「Parallels Desktop」という仮想PCアプリケーション上で Windows 8 などを起動し、そこで IE を起動して表示確認しています。 私は、 Windows XP – IE8 Windows 7 – IE9 Windows 8 – IE10 のように、なるべく一般的なOSとブラウザーのバージョンで合わせて個別の仮想PCをインストールしていますので、実機で確認するのと比べてもほとんど遜色のない精度でIEでの表示確認をすることができています。 その際、「Windows 8 – IE10」環境は、パフォーマンスが良いと聞いて購入した「Parallels Desktop 7」という仮想PCアプリケーションを使用していました。 しかし、OS X を Mavericks（10
Mac+VirtualBox+modern.IEでIE6~10環境を無料で構築する - しゃの
3月中に出すって言ってたmodern.IE日本語版が先日公開されていて、 ホーム | Internet Explorer の検証がより簡単に | modern.IE ※どうでもいい話だけど、modern.IEはレスポンシブデザインだったりする 複数メディアで取り上げられてた。 マイクロソフト、ブラウザーの互換性検証サイト「modern.IE」日本語版を公開 -INTERNET Watch ニュース - 日本MS、Webサイト検証ツール「modern.ie」の日本語版を公開：ITpro マイクロソフト、Webページ検証サイト「modern.IE」の日本語版を公開 | 開発・SE | マイナビニュース 提供サービスは2つ。 ・有料：検証webサービス(2014年1月10日3ヶ月まで無料キャンペーン中 ※要Facebookアカウント) ・無料：検証用仮想環境の配布 検証用仮想環境は幅広く対応して
Macでmodern.IEとVMWareを使ってInternet Explorerのテスト環境を構築してみる | DevelopersIO
Internet Explorerのテストって手間ですよね。 そもそも古いInternet Explorer（6-8）には対応したくないものですが、そうも言っていられないのが普通で嫌々対応することになると思います。IE8以上にあるF12開発者ツールやIE Testerなんてありますが、今回は少し前から話題になっていたInternet Explorerの実行環境を仮想マシンとして作れるmodern.IEを使ってみることにしました。 今回はMacOSのVMWareを前提として紹介します。 VMWare Fusionとは VMware Fusion 5 は、Mac 上で Windows プログラムを実行するための、ホーム ユーザーに最適な、迅速、容易、かつ信頼性に優れたソリューションです。 VMware Fusion VMWare Fusionの良いところ 私自身もつい最近使い始めたもので詳しく
「見られない」の前に...マイクロソフト発のサイト検証ツール「modern.IE」が開発者を救う？ | ライフハッカー・ジャパン
考えた末に、IEの生みの親であるマイクロソフトは、ひとつのサービスを提供することに決めました。それがウェブサイトチェックツール「modern.IE」。先駆けて英語版をリリースしていましたが、本日4月4日より、日本語版の提供も開始されました。 とはいえ、このツールは決してデベロッパーだけのものではないと思います。開発者とやり取りする企業のウェブ担当者、あるいは一人ひとりのユーザーにも使い道があるようです。どのようなことができるのか、早速使ってみましょう。 modern.IEが「なんとかしてよ」を解決しやすくしてくれる メインの機能は2つ。まずは、最新版IEとの互換性や、多様化するブラウザ環境に適応できるかをチェックする「Webページをスキャンする」機能。もうひとつは、WindowsやMac、あるいはスマートフォンなどでの動作を「仮想環境で検証する」機能です。 「Webページをスキャンする」機
無料でMacでIEの表示テストをする方法
modern.IEでは仮想PCを使用したIEの表示テストツールが提供されてます。これを使用するとWindows以外のOSでも複数バージョンのIEのテストが行えます。 追記：modern.IEの日本語版ページが開設されました。 ホーム | Internet Explorer の検証がより簡単に | modern.IE はじめに modern.IEのVirtual toolsページではIEのテストツールが提供されてます。 「Local virtualization」では各OS、各仮想化ソフトウェア用のWindows&IEファイルが用意されてます。OSはWindows、Mac、Linux、仮想化ソフトウェアはVirtualBox、VMWare Fusion、Parallels、Virtual PCなどに対応しています。 ここではMacでVirtualBoxを使用してIEを起動させる方法を紹介しま
マイクロソフト、Webサイト検証ツール「modern.ie」の日本語版を3月に公開
米マイクロソフトが2013年1月31日に発表したWeb開発者向けのツールセット「modern.ie」について、日本語版を3月に公開することがわかった。日本マイクロソフトでInternet Explorerのマーケティングを担当するWindows本部 シニアプロダクトマネージャーの溝口宗太郎氏（写真1）が明らかにしたもの。 modern.ieは現時点では英語版のみが提供されている（写真2）。溝口氏によれば「現在日本語化を進めており、3月中には発表できる見込み」とのことだ。 溝口氏はmodern.ieの説明にあたって、Webサイト開発の現状を分析。「レガシーIEの存在」「対応プラットフォームの増加」「環境構築の困難さ」といった点がWeb開発者の負担になっていると指摘する。 マイクロソフトではInternet Explorerの「6・7・8」を「レガシーIE」と呼称し、現在のWindows 7に
これは快適！Mac OS X上でWinのIE6/7/8/9/10など、さまざまなブラウザの確認ができるアプリ -Sauce
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なども揃っています。
カラーツール「0to255」で色を決めてメニューを作ってみる
このブログで何回か紹介している0to255というオンラインツールですが、かなり便利だと思うので使い方を説明してみます。 色に関する知識が乏しい私ですが、0to255を使うとまとまった感じの配色になるので重宝しています。今回は0to255を使ってメニューを作る際の色選びをしてみます。 0to255の使い方 まず、0to255の使い方についてですが、下の画像のように「PICK A COLOR」をクリックしてカラーコードを入力します。 今回は「#ff7400」を指定してみます。 すると、指定した色より明るい色と暗い色がグラデーションになってたくさん表示されます。近い色がたくさん表示されますので、これらをうまく使うとまとまった感じのメニューが作れます。 メニューの配色を決める ということで、以下のような配色でメニューを作ってみます。 メニュー背景のグラデーションと境界線の1pxラインに使う色を選ん
自分のサイトの表示を5種のブラウザでチェックできるネットサービス「browserling」
サイトの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
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://blog.e-riverstyle.com/2013/04/moderniewin8-ie10virtualbox.html
IE11の目玉機能は、WebGL、新しい開発ツール、そしてSPDY
CSS3 structural pseudo-class selector tester