ウェブサイト制作では、游ゴシックはおすすめしない理由こんにちは、こんばんは！せきゆおう です。 游ゴシックは好きですか？僕も印刷物では使いますが、ウェブサイトでは「游ゴシックを使ってください」と指示されるまでは使いません。 また、そう指示された場合もデメリットは必ずお伝えするようにしています。 「游ゴシックってMacでもWindowsでも標準でインストールされているし、デバイスフォントとして使う際に最有力候補では？」という方も多いです。それでも僕は推奨しません。 その理由は4つあります。 ・游ゴシックはWindowsでかすれて見える ・スマホ端末に游ゴシックは搭載されていない ・実はMacOSで游ゴシックは標準では搭載されていない ・今後、システムフォントとして使えないブラウザが増える それら4つの理由を参考資料を交えつつ解説したいと思います。 その前に...游ゴシックの採用率は非常に高い

font-size: 62.5%;というテクニックがありますよね デフォルト値に手をかけるので、超絶嫌いなテクニックのひとつです なのにですね、あちこちで超見かけるんですよ。 検索かけても「便利！」という言葉がたくさん並んでいるんです。 超嫌いなんですが、いったいどこから湧いたテクニックなのかわからない。 そこで、時間を見つけて調べようと思って、タイトルを書くだけ書いたら1年溶けてました そろそろ廃れる頃合いだと思うのですが、現在Webサイト制作の勉強をしている初学者間では、いまだにメインストリームを歩んでいるっぽいので、流行りに乗り遅れたなあと思いつつ、つらつら調べてみました。 html { font-size: 62.5%; } の概要 フォントサイズをピクセルで指定した場合、ユーザーがブラウザ設定でフォントサイズを変更していてもフォントの大きさは変わりません。 はっきり言ってアクセシ

2020年4月17日 今、改めて考えるInternet Explorer 11対応のコスト アクセシビリティ部 チーフ・アクセシビリティエンジニア 黒澤 剛志 「もうたくさんだ（Enough is enough）」。2019年2月、MicrosoftのChris Jackson氏は 企業にInternet Explorerの利用をやめるよう呼びかけるBlog記事 を発表して話題になりました。当時からMicrosoftはセキュリティ関連の修正を除いてInternet Explorerの改善（新機能の追加や処理速度の向上など）を行っていません。それは、現在もサポートが継続しているInternet Explorer 11（IE 11）でも同様です。かわりにMicrosoftはEdgeの改善に力を注いでおり、先日（2020年4月9日）も 新しい Microsoft Edge に移行すべき 10 の

TOP > WebPが次世代画像フォーマット天下統一！ Safari 14でついにiPhoneもWebP対応・導入加速は間違いなし WebPが次世代画像フォーマット天下統一！ Safari 14でついにiPhoneもWebP対応・導入加速は間違いなし WebP Safari 14 で次世代画像フォーマットWebPへの対応が発表されました！ Safari 14 Beta Release Notes | Apple Developer Documentation かれこれ20年近く延々と続いた次世代画像フォーマット戦争に、WebPがついに終止符を打ちそうです。 WebPは、私の感覚としては現在のWeb画像のデータサイズを半分以下に削減できます。しかも主要なJpeg、PNG、GIF(アニメーション)をすべてカバー。Web画像のスタンダードは、一気にWebPに流れていくでしょう。 実は2016年に

私は font-family には総称ファミリを設定するべきだと前から思っていました. グローバルな空間で明朝体ではなくゴシック体を使うように設定するには とだけ指定するのが望ましく, 何かをごちゃごちゃ指定するべきではないと思っていました. 何故ならばユーザは表示したいフォントをそれぞれOSやブラウザに指定しているはずで, それを上書きしてしまうのは行儀が悪いからです. 総称ファミリであるsans-serifが設定されていればユーザはブラウザの設定などで自分の好きなフォントを設定することが出来ます. 自分自身ちゃんとブラウザのフォントは設定しているのに, webサイトの指定でfallback用にインストールしてあるフォントなどが使われると不快な思いをします. しかしこれまで私はbootstrapのデフォルトフォント設定に以下のような指定をしていました. $font-family-sans

Webサイトの運営者が気づかないうちに、アクセスが急減したりユーザーの離反が広がったりするサイトが2018年10月に続出するかもしれない。 米グーグル（Google）は2018年10月16日にWebブラウザーの最新版「Chrome 70」をリリースした。「常時SSL/TLS」という暗号化技術を全面導入していないWebサイトにアクセスして文字を入力しようとすると「保護されていません」という警告が赤色の文字で表示する。7月にリリースされた「Chrome 68」から同様の警告が出ているが「70」でさらに強調されるようになった。 Chromeのシェアは4～6割といわれ、数あるWebブラウザーの中で最大だ。常時SSL/TLSはユーザーがWebブラウザーでWebサーバーにアクセスする際に、データを暗号化して安全性を高める技術である。WebブラウザーとWebサーバーとの間でHTTP（Hypertext

「Chrome」が将来、「Never-Slow Mode」（遅くならないモード）という新機能を搭載するかもしれない。重いウェブページを刈り込んで、高速な描画を維持するというものだ。 オープンソースプロジェクト「Chromium」で進行中の取り組みにおいて、このプロトタイプの機能が説明されている。Never-Slow Modeを有効にすると、「メインスレッドをクリーンに保つ意図で、インタラクションごとのバジェットを強制する」という。 Never-Slow Modeは、設計文書が公開されているわけではない。しかし、容量の大きなスクリプトを伴うウェブページを同機能でスピードアップさせる仕組みの概略を、機能のオーナーであるChrome開発者のAlex Russell氏が記している。 Russell氏は次のように説明している。「大きなスクリプトのブロック、特定のリソースタイプ（スクリプト、フォント、

週明けに出回った、Microsoft EdgeがChromiumベースになるという話について、Microsoftからアナウンスがあった。 Microsoft Edge: Making the web better through more open source collaboration - Windows Experience Blog For the past few years, Microsoft has meaningfully increased participation in the open source software (OSS) community, becoming one of the world’s largest supporters of OSS projects. Today we’re announcing that we intend to ado

「Blink LazyLoad」と呼ばれるChromeの新機能は、表示領域外の画像やiframe要素のロードを遅延させることで、Webページのパフォーマンスを大幅に向上させます。 LazyLoadは今まではJavaScriptを使用していましたが、ブラウザのネイティブな機能として、imgやiframe要素にlazyload属性を加えるだけで簡単に利用できます。 「Blink LazyLoad」の機能と使い方、注意点を紹介します。 A Native Lazy Load for the Web 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 「Blink LazyLoad」の機能 セキュアなLazyLoadのポリシー 後方互換性 LazyLoadの有効化 参考資料 終わりに 「Blink LazyLoad」の機能 重要度の低いコンテ

Net Applicationsから2018年6月のデスクトップブラウザのシェアが発表された。2018年6月はInternet Explorerが大きくシェアを増やし、Chrome、Edge、Safariはシェアを減らした。Internet Explorer をバージョン別で見ると、Internet Explorer 11もInternet Explorer 8もシェアを増やしている。2018年6月はWindows XPはシェアを減らしており、ベースとなるオペレーティングシステムが減少したにもかかわらず、Internet Explorer 8が増加したというのは珍しい傾向と言える。 長期にわたって増加傾向を示しているChromeだが、2018年6月は減少した。MicrosoftはInternet ExplorerからMicrosoft Edgeへの移行を進めているが、Net Applica

Modern Ciphersuite: ECDHE-RSA-AES128-GCM-SHA256:ECDHE-ECDSA-AES128-GCM-SHA256:ECDHE-RSA-AES256-GCM-SHA384:ECDHE-ECDSA-AES256-GCM-SHA384:DHE-RSA-AES128-GCM-SHA256:DHE-DSS-AES128-GCM-SHA256:kEDH+AESGCM:ECDHE-RSA-AES128-SHA256:ECDHE-ECDSA-AES128-SHA256:ECDHE-RSA-AES128-SHA:ECDHE-ECDSA-AES128-SHA:ECDHE-RSA-AES256-SHA384:ECDHE-ECDSA-AES256-SHA384:ECDHE-RSA-AES256-SHA:ECDHE-ECDSA-AES256-SHA:DHE-RSA-AES1

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へユーザーが流れている。

In Visual Studio 2022 17.10 Preview 2, we’ve introduced some UX updates and usability improvements to the Connection Manager. With these updates we provide a more seamless experience when connecting to remote systems and/or debugging failed connections. Please install the latest Preview to try it out. Read on to learn what the Connection ...

ニールセンは12月16日、2014年の国内インターネットサービス利用者数ランキングを発表した。各サービスのPCからの利用が前年から10％以上落ち込む一方、スマートフォンからの利用が最大6割増に。楽天やAmazonなどはスマートフォンユーザーがPCユーザーを超えている。 PCからの利用者の多いサービスのトップ5は「Yahoo！」「Google」「FC2」「YouTube」「Microsoft」。トップ10のすべてが前年比で2けたの減少率となっており、比較的PC利用の多い「楽天」（15％減）「Amazon」（14％減）などのECサイトや動画サイト「YouTube」（18％減）も大きく減少を見せている。 一方、スマートフォンからのネット利用者数は10月時点で約4400万人にのぼり、前年同期から約900万人増加。1位「Google」と2位「Yahoo！」はスマートフォンからそれぞれ月間約3400万

In Visual Studio 2022 17.10 Preview 2, we’ve introduced some UX updates and usability improvements to the Connection Manager. With these updates we provide a more seamless experience when connecting to remote systems and/or debugging failed connections. Please install the latest Preview to try it out. Read on to learn what the Connection ...

IEはかつて、独自の機能実装により安定かつ高度な機能を持ったプラットフォームを実現しました。特に、IE6のポテンシャルの高さは、Web技術発展へ大きく貢献しています。 しかし同時に、他のブラウザとは異なる独立した挙動をしたり、バージョンごとに機能面に開きがあるなど、相互運用性の面に大きな課題を作ってしまいました。多くの企業は、IEの特定のバージョンへ強く依存した既存資産と、IEのアップグレード方法に頭を悩ませているでしょう。 Microsoftはこの問題に対応するため、IEは過去のバージョン向けに開発されたWebコンテンツを動作させるための仕組みを持っています。これを「ドキュメントモード」といいます。 本記事では、IEの持つドキュメントモードを利用した互換性の考え方について解説します。IEのアップグレード時に、移行方法の指針、手段の発見に活用して頂ければ幸いです。 ★ 目次 DOCTYPE

「Internet Explorer」（IE）の復活のときがやってきた。IEは何年にもわたって低迷していたが、Microsoftが取り組んできた刷新が功を奏して、市場での勢いを取り戻してきている。 Net Applicationsが数カ月前に発表した調査結果は、個人ユーザーによる日々の利用という測定基準で、IEが一定のシェアを奪っていることを示していた。今回、StatCounterが発表した最新のデータでも、IEの復活が裏付けられた。StatCounterはNet Applicationsと違って、ページビューを重視する測定方法を採用している。 Net ApplicationsがまとめたPCブラウザのデータでは、IEが徐々に市場シェアを取り戻している。 提供：Net Applications; chart by Stephen Shankland/CNET Net Applications

In Visual Studio 2022 17.10 Preview 2, we’ve introduced some UX updates and usability improvements to the Connection Manager. With these updates we provide a more seamless experience when connecting to remote systems and/or debugging failed connections. Please install the latest Preview to try it out. Read on to learn what the Connection ...