Web制作者は要チェック！現在のWeb制作に合わせて制作された新しいCSSリセット -Reseter.css
現在のWeb制作だと、既存のReset.cssやNormalize.cssには不足を感じると思います。それらの代替手段として制作された新しいCSSリセットを紹介します。 Reseter.cssは各ブラウザの最後から5つ前までのバージョンをサポートし、アクセシビリティにも配慮されており、CSSのテクニックや学びも満載です。 Reseter.css Reseter.css -GitHub Reseter.cssの特徴 Reseter.cssの使い方 Reseter.cssの中身 Reseter.cssの特徴 Reseter.cssは現在のWeb制作に合わせて制作された新しいCSSリセットで、ブラウザによって事前に作成されたすべてのスタイルをリセットします。クロスブラウザのエクスペリエンスを向上させるために、ブラウザのスタイルシートを正規化します。 Reseter.css バグやブラウザの不整合
CSSでスタイルをIEのみ・Firefoxのみ・Chromeのみ・Safariのみに適用する方法
各ブラウザのみにスタイルを適用する方法をご紹介いたします。 IEのみ表示が崩れるとか、Firefoxのみ違うサイズにしたい、といった場合に使えるCSSハックです。
HTML5でつまずきやすいasideとsectionの使い方
HTML5分かりにくいですよね。 初めまして。11月からME課で働いている久保田(@ta2_o2p)です。よろしくお願いします！ 自分の仕事としては、携帯サイト中心にコーディングを行っているのですが、BMKidsの縁起物と笑い袋の紹介ページのコーディングを行ったり、他にも色々とPCサイトのコーディングをしています。 さて、実はカヤックで働き始めてHTML5を本格的に触ったのですが、触れていくうちに「HTML5はややこしい所があるなー」と思い、この記事を書きました。 そういう訳で、HTML5でコーディングするに当たって間違いやすいポイントについて、書いていきたいと思います。 まずその前に 本題とは反れますが、HTML5でコーディングするにあたって、押さえておきたいポイントを2つ書きます。 文字コードの指定はmeta要素のcharset属性で 今までは以下のようにmeta要素の中に長々と属性を
注意！IE11で使えない最新JavaScritコード（ES6）
さてさて、前回の記事、完全な手順！VueJSで自動ページ送りする方法では、ES6を使ってページ送り機能を実装してみましたが、その際ふと疑問に思ったことがありました。 それは、 インターネットエクスプローラー11（IE 11）だと、どんなES６の記述ができるんだろう？？ というものです。 IEといえば、当のマイクロソフトでさえedgeへの移行をすすめている、もはやレガシーなブラウザですが、未だに一定数以上のシェアを持っていることから、どうしても古いJavaScriptの書き方をせざるを得ないのが現状です。（BableとかはIEへの対応という意味合いが大きいですね） そこで！今回は、実際にIE11でES6の主要な書き方を実行し、うまくいくかどうかをひとつずつ検証してみます。（そして、せっかくなのでedgeでも検証してみました。） ぜひ開発の参考にしてみてください。 「ひさびさにVirtualB
[フロントエンド] MacでIE11やEdgeのテストを行う方法（VirtualBox編） - YoheiM .NET
こんにちは、@yoheiMuneです。 Macを使っているフロントエンジニアの悩みの1つにWindows環境の検証をどうするかがありますが、今回はVirtualBoxを用いて、Mac上にWindows環境を構築する方法をブログに書きたいと思います。 目次 事前準備 VirtualBoxという仮装環境を作るツールを利用します。インストールしていない方は、以下からインストールしてください。 https://www.virtualbox.org/ インストール後に、以下のようにVirtualBoxを起動できればOKです。 VirtualBoxのディスクイメージを入手 Microsoftの公式ページ（以下）より、様々なバージョンのIEやEdgeが入ったVirtualBox用のデータを入手することができます。以下のページから欲しいものをプルダウンで選んでダウンロードします（4GBくらいあって重たいで
![[フロントエンド] MacでIE11やEdgeのテストを行う方法（VirtualBox編） - YoheiM .NET](https://cdn-ak-scissors.b.st-hatena.com/image/square/a6b6f7bc1e91699ce83d5f1daffb90946f583adf/height=288;version=1;width=512/https%3A%2F%2Fwww.yoheim.net%2Fimage%2F476.jpg)
IE11の開発者ツールでクッキーの表示方法 - モーグルとカバとパウダーの日記
IE11の開発者ツールでクッキーの表示方法がわからなくて結構悩んだのでメモ。 IE11の開発者ツールは、それまでのIEの開発者ツールとUIがだいぶ変わっており、それまでのバージョンでは結構簡単にクッキーの確認が出来たのが、出来なくなりました。というか出来なくなった？？と思ったくらい。 IE11の開発者ツールでも、下記手順でクッキーの確認ができます。 「F12」か、「ツール」→「開発者ツール」から開発者ツールを開く 「Ctrl+4」か、無線ルータっぽい「ネットワーク」アイコンから「ネットワーク」を開く 「F5」か、緑の再生ボタンっぽい「ネットワーク トラフィックのキャプチャを有効にする」を押す キャプチャを有効にしてある状況で再読み込みやページ遷移を行う ボタンの下にある「要約」「詳細」タブの、「詳細」タブを選択 その下にある「要求ヘッダー」「要求本文」…タブにある、「Cookie」タブを選
CSSだけで<select>をカスタマイズする - Qiita
Form系要素スタイルの初期化 ブラウザのForm系要素の初期スタイルをはがすときには、appearance: noneをあてつつ、backgroundやborderなどのリセットをする。 select { -moz-appearance: none; -webkit-appearance: none; appearance: none; border-radius: 0; border: 0; margin: 0; padding: 0; background: none transparent; vertical-align: middle; font-size: inherit; color: inherit; box-sizing: content-box; } しかし<select>だと、WebKit系のを除けば、-moz-apperanceとしているFirefoxでさえも、選択
Vagrant で Windows 7 + IE8 の環境を構築する: ある SE のつぶやき
はじめに Vagrant の Box には、Windows 7 + IE8 の環境があります。 2016年1月12日から Windows 7 の IE は強制的に IE11 にアップグレードされますが、WSUS で IE8 に留める企業もあると思います。そういう場合に、この環境が利用できるのではないでしょうか。 なお、この環境は Modern.IE から提供されるものなので、90日間という使用制限が付くことをあらかじめご了承ください。 と思って、Modern.IE にアクセスしたら、以下のアドレスにリダイレクトされました。Modern.IEなくなっちゃたのですかね？ https://dev.windows.com/en-us/microsoft-edge/ 一応、Windows の仮想環境は問題なくダウンロードできるようですが（以前より便利になっている）。 事前準備 事前に以下のツールをイ
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
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
SVGをimgで表示した場合にIEだけサイズが変になる現象を直す - Qiita