IEのサポートが終了した現在、古いCSSリセットからもう卒業！ 最近のデバイス・ブラウザの仕様に適した新しいCSSリセット -EllyLoel/reset.css
*{margin:0;padding:0;line-height:calc(0.25rem + 1em + 0.25rem)}*,::before,::after{box-sizing:border-box}*:where(:not(fieldset,progress,meter)){border-width:0;border-style:solid;background-origin:border-box;background-repeat:no-repeat}html{block-size:100%;-webkit-text-size-adjust:none}@media (prefers-reduced-motion:no-preference){html:focus-within{scroll-behavior:smooth}}body{-webkit-font-smoothing
読めるかな？視力検査なみに小さいフォント ｜ Tips Note by TAM
レスポンシブ対応などの際、デザイン性を重視し、「ここだけは文字サイズを小さくしてエリア内に納めたい!」という要望があったとします。その場合、みなさんはどんな方法で対応しますか？ ブラウザ上でフォントを 10px以下のサイズとして表示させたい ブラウザが表示できるテキストの大きさ（font-size）には限界があります。最小サイズはブラウザの設定によっても異なりますが、例えば chrome では 10pxが一番小さいフォントサイズです。 transform:scaleを使ってみる！ CSS3 の機能で要素を拡大・縮小表示する際に使う scale。こちらを利用し、font-size:10px; に設定した文字を縮小させ、ブラウザが表示できる限界のサイズを超えていきたいと思います。 では早速。 CSSコード div{ font-size: 10px; } .font_01{ transform:
IEが大きく減少 - 11月ブラウザシェア
Net Applicationsから2016年11月のデスクトップブラウザシェアが発表された。11月はChromeとFirefoxがシェアを増やし、Microsoft Internet Explorer、Microsoft Edge、Safariがシェアを減らした。Chromeのシェアは55%を突破し、引き続き増加する傾向を見せている。 MicrosoftはデフォルトのブラウザをMicrosoft Internet ExplorerからMicrosoft Edgeへ変更し、ユーザーに移行を促しているが、想定通りに進んでいない様子が見える。Microsoft Internet Explorerのユーザーの減少幅がMicrosoft Edgeのユーザー増加に結びついておらず、代わりにChromeやFirefoxへユーザーが流れている。
Android OSと「ブラウザ」、Chrome、アプリ内ブラウザーの関係をまとめる
なぜデフォルトで複数のブラウザーが表示されるのだろうか？ 「ブラウザ」というひどく抽象的なこのアプリの正体は何か？ Chromeとは何が違うのか？ 本TIPSではこうした疑問に応えたい。 ●2種類のブラウザーの正体 まずは上記の2種類のブラウザーの概要を説明しよう。 ■「Chrome」はGoogle Chromeブラウザー 「Chrome」とは、言わずと知れたGoogle提供のWebブラウザーのAndroid OS版である。Chromiumプロジェクトをベースとしていて、最新のWeb技術が素早く実装されるのが特長とされる。Android OS 4.0以降で利用可能で、Google Playストアから無償でインストールできる。端末へのプレインストールも多い。 ■「ブラウザ」の実体は端末によって異なる これに対して「ブラウザ」とは、端末ベンダーが自社のAndroid端末の標準ブラウザーとして用
SublimeTextでブラウザを開くショートカット、ブラウザプレビューパッケージが便利！Macで設定 - ネット偽善者でもいいじゃない
ブラウザをショートカットキーで開きたい Sublime Text3を使ってて HTMLとかCSSとかを確認するのに、ショートカットでブラウザ確認出来ないかなぁ あわよくば、複数のブラウザを一遍に確認出来ないかなぁと思ってたのでググってみた view in browserというパッケージをダウンロードすれば良いみたい 出来た…Sublimetext3でブラウザプレビュー View in Browser を参照にしました Macを使ってる Windowsでの記事だったのと、超初心者な僕はちょっとだけ躓いたので 最後の設定までを書いてみました (パッケージをダウンロードするだけでなく、自分でユーザー設定をしないといけなかったです) パッケージのインストール これは上記のサイトと同じ方法で出来ました (ただMacなのでちょっとだけコマンドが違う) -------------------- Shif
IEに互換表示をさせないX-UA-Compatibleの指定 - loconoco
IEはバージョンごとに表示方法（レンダリング）がガッツリ変わると言う、とてもやっかいなブラウザです。 また、各バージョンごとに下位バージョンの表示方法を再現できたり、互換表示なる表示方法があったりと、ありがた迷惑この上ない機能が搭載されています。 このサイトのトップページをIE10で表示すると・・・ アドレスバーに紙が破けたようなアイコンが表示されます。そしてこのアイコンをクリックすると互換表示に切り替わり、再レンダリングがはじまります。 box-shadow、background-sizeなどのCSSが効かなくなってしまいました。 また同じアイコンをクリックすれば互換表示が通常表示に戻ります。もし通常表示に戻さなかったか場合、IEは設定を覚えてしまい、再度同じURLにアクセスすると、また互換表示になってしまいます。IEを終了して再起動しても戻りません。 新バージョンのIEを使用しているユ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
