ウェブサイト制作では、游ゴシックはおすすめしない理由
ウェブサイト制作では、游ゴシックはおすすめしない理由こんにちは、こんばんは！せきゆおう です。 游ゴシックは好きですか？僕も印刷物では使いますが、ウェブサイトでは「游ゴシックを使ってください」と指示されるまでは使いません。 また、そう指示された場合もデメリットは必ずお伝えするようにしています。 「游ゴシックってMacでもWindowsでも標準でインストールされているし、デバイスフォントとして使う際に最有力候補では？」という方も多いです。それでも僕は推奨しません。 その理由は4つあります。 ・游ゴシックはWindowsでかすれて見える ・スマホ端末に游ゴシックは搭載されていない ・実はMacOSで游ゴシックは標準では搭載されていない ・今後、システムフォントとして使えないブラウザが増える それら4つの理由を参考資料を交えつつ解説したいと思います。 その前に...游ゴシックの採用率は非常に高い
html { font-size: 62.5%; } は嫌いだ - デフォルトを変更するのは悪手です - Qiita
font-size: 62.5%;というテクニックがありますよね デフォルト値に手をかけるので、超絶嫌いなテクニックのひとつです なのにですね、あちこちで超見かけるんですよ。 検索かけても「便利！」という言葉がたくさん並んでいるんです。 超嫌いなんですが、いったいどこから湧いたテクニックなのかわからない。 そこで、時間を見つけて調べようと思って、タイトルを書くだけ書いたら1年溶けてました そろそろ廃れる頃合いだと思うのですが、現在Webサイト制作の勉強をしている初学者間では、いまだにメインストリームを歩んでいるっぽいので、流行りに乗り遅れたなあと思いつつ、つらつら調べてみました。 html { font-size: 62.5%; } の概要 フォントサイズをピクセルで指定した場合、ユーザーがブラウザ設定でフォントサイズを変更していてもフォントの大きさは変わりません。 はっきり言ってアクセシ
今、改めて考えるInternet Explorer 11対応のコスト | コラム | ミツエーリンクス
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 の
WebPが次世代画像フォーマット天下統一！ Safari 14でついにiPhoneもWebP対応・導入加速は間違いなし | アイデアマンズブログ
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年に
Windowsを心配するのを止めてfont-familyにsans-serifとだけ指定するようにしました
私は font-family には総称ファミリを設定するべきだと前から思っていました. グローバルな空間で明朝体ではなくゴシック体を使うように設定するには とだけ指定するのが望ましく, 何かをごちゃごちゃ指定するべきではないと思っていました. 何故ならばユーザは表示したいフォントをそれぞれOSやブラウザに指定しているはずで, それを上書きしてしまうのは行儀が悪いからです. 総称ファミリであるsans-serifが設定されていればユーザはブラウザの設定などで自分の好きなフォントを設定することが出来ます. 自分自身ちゃんとブラウザのフォントは設定しているのに, webサイトの指定でfallback用にインストールしてあるフォントなどが使われると不快な思いをします. しかしこれまで私はbootstrapのデフォルトフォント設定に以下のような指定をしていました. $font-family-sans
迫られる常時SSL/TLS、広がる「トラスト」支配 | 日経 xTECH（クロステック）
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」の“遅くならないモード”をテスト中
「Chrome」が将来、「Never-Slow Mode」（遅くならないモード）という新機能を搭載するかもしれない。重いウェブページを刈り込んで、高速な描画を維持するというものだ。 オープンソースプロジェクト「Chromium」で進行中の取り組みにおいて、このプロトタイプの機能が説明されている。Never-Slow Modeを有効にすると、「メインスレッドをクリーンに保つ意図で、インタラクションごとのバジェットを強制する」という。 Never-Slow Modeは、設計文書が公開されているわけではない。しかし、容量の大きなスクリプトを伴うウェブページを同機能でスピードアップさせる仕組みの概略を、機能のオーナーであるChrome開発者のAlex Russell氏が記している。 Russell氏は次のように説明している。「大きなスクリプトのブロック、特定のリソースタイプ（スクリプト、フォント、
Microsoft EdgeのChromium移行とか - fragmentary
週明けに出回った、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
Chromeの新機能がすごい便利！imgやiframeにlazyload属性を加えるだけでLazyLoad対応に
「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」の機能 重要度の低いコンテ
Internet Explorerが大幅増 - 6月ブラウザシェア
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
我々はどのようにして安全なHTTPS通信を提供すれば良いか - Qiita
HTTPS通信は複数のプロトコル、手法が組み合わされて実現されている。そのため、暗号化手法それぞれのリスク、ブラウザの対応等様々な用件があり、全てを理解するにはちょっと時間とリソースが足りない。結局のところ、我々はどのようにして安全なHTTPS通信を提供できるのか。色々調べていたところ、MozillaがMozilla Web siteに使用する、HTTPSの推奨設定を公開している。 Security/Server Side TLS - MozillaWiki このドキュメントはMozillaのサーバ運用チームが、Mozillaのサイトをより安全にするために公開しているもので、他のサイトにそのまま適用できるかは十分に注意する必要がある。例えばガラケー向けサイトとか。そのまま使えないとしても、HTTPS通信の設定をどうすれば良いか、理解の一助になるはずだ。 この記事は上記MozillaWiki
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へユーザーが流れている。
TFS 2015 build drop folder explorer link not opening - MSDN Blogs
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 ...
早稲田大学サイトのリニューアルにモヤっとした話
早稲田大学サイトのリニューアルにモヤっとした話 リニューアルした早稲田大学のサイトは古いブラウザを非推奨ではなく非対応としていますが、非対応にする必要性がわからなかったため、違和感を覚えました。 time2014/11/15 hatenabookmark- 早稲田大学のサイトが2014/11/5にリニューアルされたのですが、それについていろいろと議論が巻きおこっているようです。 まずは事実を整理 同大学曰く「国内大学のWebサイトの主流であった“文字中心”の情報伝達から、写真や動画、ピクトグラムなど、視覚に訴える要素を効果的に配した構成に一新」（プレスリリースから）した リニューアルしたのは主に一般・父母向けのサイト。受験生や在学生向けのサイトは別に存在し、そこへは外部リンクの形で飛ばす形としている。 推奨ブラウザを Windows(8,7,Vista)の場合、IE10以上、Mozilla
大手サイト、PCからのアクセスは軒並み2けたの減少率 楽天、Amazonなどスマホが逆転 ニールセン調査
ニールセンは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万
vNext Build fails with error message ‘Cannot find solution’ because it does not exist. - MSDN Blog
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の持つ互換性機能の全て - DOCTYPEスイッチ/X-UA-Compatible/互換表示 - ふろしき Blog
IEはかつて、独自の機能実装により安定かつ高度な機能を持ったプラットフォームを実現しました。特に、IE6のポテンシャルの高さは、Web技術発展へ大きく貢献しています。 しかし同時に、他のブラウザとは異なる独立した挙動をしたり、バージョンごとに機能面に開きがあるなど、相互運用性の面に大きな課題を作ってしまいました。多くの企業は、IEの特定のバージョンへ強く依存した既存資産と、IEのアップグレード方法に頭を悩ませているでしょう。 Microsoftはこの問題に対応するため、IEは過去のバージョン向けに開発されたWebコンテンツを動作させるための仕組みを持っています。これを「ドキュメントモード」といいます。 本記事では、IEの持つドキュメントモードを利用した互換性の考え方について解説します。IEのアップグレード時に、移行方法の指針、手段の発見に活用して頂ければ幸いです。 ★ 目次 DOCTYPE
9月の世界ブラウザ市場、IEの復活が鮮明に--米調査
「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
monoe's blog - Site Home - MSDN Blogs
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 ...
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTTP接続サイトは“安全でない”サイト扱いに ～「Google Chrome 68」が正式公開／“iframe”リダイレクトを悪用する広告をブロックする仕組みも。脆弱性修正は42件
