サクサク読めて、
アプリ限定の機能も多数！
アプリで開く
VS Code内でブラウザ画面プレビューとDevTools表示、そのままコード編集もできるVS Code拡張「Microsoft Edge Tools for VS Code」正式版に マイクロソフトは、コードエディタのVisual Studio Code（以下VS Code）とWebブラウザのMicrosoft Edgeを組み合わせて、Webアプリケーションの開発を効率的に行えるVS Codeの拡張機能「Microsoft Edge Tools for VS Code」正式版のリリースを発表しました。 Are you a fan of the browser developer tools but not a fan ofswitching from editor to browser to use them? We heard you! Today we moved the "Mic
SVG形式のファビコンを設置しようつ・い・に！ファビコンもSVG形式が対応されるようになりました！SVGを使えばこれまで使われてきたPNGなどのビットマップ形式とは違い、拡大縮小しても画質が劣化しません。つまり、過去記事「クリエイティブなファビコンを設置しよう」で紹介したように多くのサイズを用意する必要はありません！やったね！少し工夫すればダークモードにも対応できますよ！さっそくみていきましょう！ クリエイティブなファビコンを設置しようSVG ファビコン設置方法1.SVG 形式のファビコン用画像を用意グラフィックツールでファビコンにしたい画像を用意します。サイズは特に気にしなくても OK。正方形であればどのサイズでもきれいに表示されます。今回は Illustrator を使って 32x32px のものを用意しました。SVG 形式で保存します。 2.HTML ファイルに記述あとはこれ
Facebook adds anAI assistant toits dating appFacebook Dating has added two newAI tools, because clearly a large language model is what the search for love and companionship has been missing all this time. The LCDSteam Deck is 20 percent off right nowSteam's seasonal sales are the peak moments to add new software to your library, but right now, Valve is offering a notable hardware discount.
サイトに行くとポンとでる｢通知送っていい？｣のやつ、Firefoxはとりあえず全ブロックへ2019.11.07 18:0029,106 Victoria Song - Gizmodo US ［原文］ （ 岡本玄介 ） 邪魔くさい通知よ、サラバ。 ｢通知送っていい？｣のポップアップは、控えめに言っても“死ぬほどウザすぎ”です。定期的にウェブサイトへアクセスしているからといって、ポップアップ通知で飽和されたがっているということではないのです。 Mozillaさんグッジョブということで、Mozillaはこの問題に対抗するため、Firefox 72ではそうしたポップアップ通知を自動的にブロックし、URLバーに小さなアイコンで表示するようにしました。 変更は2段階で行なわれます。MozillaはFirefox 70から、通知ポップアップの許可オプションをデフォルトで｢Not Now（いまはしない）｣
概要 原著者の許諾を得て翻訳・公開いたします。英語記事: Randall Degges - Please Stop Using Local Storage 原文公開日: 2018/01/26 著者: Randall Degges 日本語タイトルは内容に即したものにしました。 画像は元記事からの引用です。 初版公開: 2019/10/19 追記更新: 2024/04/05 -- リンク情報を記事末尾に移動しました本気で申し上げます。local storageを使わないでください。 local storageにセッション情報を保存する開発者がこれほど多い理由について、私にはさっぱり見当がつきません。しかしどんな理由であれ、その手法は地上から消えてなくなってもらう必要がありますが、明らかに手に負えなくなりつつあります。 私は毎日のように、重要なユーザー情報をlocal storageに保存す
MicrosoftがChromiumベースになったWebブラウザ「Microsoft Edge Previewbuilds formacOS」を公開しています。詳細は以下から。Microsoftは現地時間2019年05月20日、昨年12月に発表したとおり、Chromiumオープンソース・プロジェクトを採用したMac用Webブラウザ「Microsoft Edge」のPreview版を新たに公開したと発表しています(動画はWindows Preview)。 Last month, we announced the first previewbuilds of the next version ofMicrosoft Edge forWindows 10. Today, we are pleased to announce the availability of the Micros
最近、CSSのリセットを見直す動きが少しずつあるようです。 2018年おすすめのCSSリセット！「Reboot.css」の特徴と使い方を解説、CSSリセットの2019年用私流カスタマイズ方法など、当ブログでもCSSリセットの記事を公開しました。 今回紹介するのはMozilla Developerによる新しいプロジェクトで、後方互換性を備えつつ、現在のデスクトップやスマホの環境に合わせたCSSリセットです。CSS Remedy -GitHubCSS Remedyの特徴CSS RemedyのコードCSS Remedyの特徴CSS RemedyはMozilla Developerによる、CSSリセットの新しいプロジェクトです。CSSリセットの今までの流れ 何年もの間、リセット用やベース用のスタイルシートは、Web制作者がより早く作業を始めるのに役立ちました。 初期のリセットではすべて
Microsoftがウェブブラウザの「Microsoft Edge」で、独自開発のブラウザエンジンである「EdgeHTML」から、オープンソースの「Chromium」互換のプラットフォームに移行することを正式に発表しました。その理由について、Edgeの開発チームに所属していたという人物が、掲示板上で「Googleが意図的にEdgeを蹴落とそうとしていた」と指摘しており国内外で話題になっています。 “I very recently worked on the Edge team, and one of the reasons we decided to end EdgeHTML was becauseGoogle kept making changes toits sites…”https://t.co/BQKYNUlXAm— comex (@comex) 2018年12月17日 名前出
Microsoft、Windows 10ユーザーに他社製ブラウザを入れないよう警告 2018 9/17Windows 10ユーザーがChromeやFirefoxなどの他社製ブラウザをインストールしようとすると、すでにMicrosoft製のブラウザが入っていることを知らせるありがた迷惑な警告が話題となっています。 ポップアップに激怒するユーザーMicrosoftは10月に発表予定のWindows 10のアップデートのテストの最終段階にあるといわれていますが、テスターが奇妙な新ポップアップを目撃したとの情報です。MicrosoftがWindows 10で迷惑な広告やポップアップを表示するのは以前から知られています。それが最近はライバル社のブラウザとの競争をさらに加速させているためか、他社製のブラウザをインストールしようとすると、Microsoft Edgeを使用するよう薦めてくるありがた
とても個人的な話ですが、ここ最近で自分自身のプライバシー意識の高まりを感じて、ブラウザの設定を見直す機会がありました。見直したのはCookieの設定で、許可したドメインにしかCookieを記憶しないようにしました。設定変更によるある程度の不便は覚悟していました。とはいえ、ま〜せいぜい、初回アクセスの時のモーダルが何度も出るようになるとか、ログインできなくなるとか、そのくらいかなと思っていました。 しかし実際は、悪い意味で期待を裏切られることになりました。Cookieが無効なだけで、“全く”動かなくなってしまうウェブサイトやウェブアプリが、本当にたくさんあることに気づいたのです。 全く動かなくなってしまう原因は単純（後述）だったのですが、ちょっとした対処で簡単に直せることなのに、サイト全体が一切使い物にならなくなってて、もったいない！！ と思いました。フロントエンドの想定外 ウェブサイト
それで、「そんなにいいのかな？」と半信半疑でインストールして、使ってみた瞬間、惚れました。 プログラミングをする人にとって、SublimeTextは、「恋に落ちるエディター」とよく言われていますけど、WEB開発者にとってBliskは「恋に落ちるブラウザ」といっても過言はないのではないかと思います。 以下では、そう思うに至った理由について述べたいと思います。 この記事は、2016年7月9日に書いたものです。2016年11月1日にversion 1.0.125.166が出たことにより、機能の一部が有償プランに加入しないと利用できなくなりました。ですので、無料で利用する場合は、30分で機能制限がかかったりするようになったのでご了承ください。Blisk（ブリスク）とはBliskは、WEB制作者がサイトの動作確認をする上で、便利な機能がデフォルトで備わっているWEBブラウザです。 現在は、Wi
デスクトップ向けのブラウザシェアは現在、GoogleChromeが過半数を占め、さらにじわじわとその勢力を拡大中ですが、その後方の2位争いで、かつてしのぎを削ったライバルのInternet ExplorerにFirefoxが追いつき、そして追い越したことが明らかになりました。 Firefox edges outMicrosoft globally for first time in browser wars | StatCounter Global Stats http://gs.statcounter.com/press/firefox-browser-edges-out-microsoft-globally-for-first-time FirefoxtopsMicrosoft browser market share for first time | ArsTechnica
本日 9/1 から、「日本マイクロソフト IE Team」のTwitter アカウント（@ie_japan）が、「Microsoft Edge Japan」の アカウント名称を変更するようです。Windows 10 のリリースから約1ヶ月。長年の Internet Explorer ユーザーの私（jz5）が、Microsoft Edge をメインに使ってみて約1ヶ月。そろそろMicrosoft Edge について、一言言っとかねばなるまい。 ※ 下記は、個人のMicrosoft Edge の使用感であり、新しバージョンでは修正されていたり、内容が間違っていたりするかもしれません。また、個人が、日常的に使う機能による発見のため、さらなる劣化点があるかもしれませんし、良い点も見つかるかもしれません。Microsoft Edge 3大機能 Edge 公式ページ でアピールしている機能は
デザインの指示書やスタイルガイドを作成するのは、なかなか時間がかかりますよね。 使用している要素のサイズやマージンやカラーやフォントなどの情報を自動で取得したり、コメントを添えたり、指示書やスタイルガイドをプロジェクトのメンバーと共有できる「Zeplin」を紹介します。 1プロジェクトまで完全無料、2つ以上から有料ですが、機能制限などは一切ありません。 Zeplin Zeplinの特徴 Sketchでの下準備 Zeplin ソフトウェア版 for OS X Zeplin ブラウザ版 forOSX, Win,Linux Zeplinのインストール Zeplinの特徴 Zeplinは、Sketchで作成したデザインリソースから指示書やスタイルガイドなどを自動で生成するソフトウェア（無料）とオンラインサービス（無料と有料）です。 無料と有料の違いはプロジェクト数だけで、機能はまったく一緒。
Windows 10に搭載される新ブラウザ「Edge」に新たにパスワード・ブックマーク・タブなどを複数のデバイスで同期できる機能が追加されることが判明しました。Microsoft Edge https://www.microsoft.com/en-us/windows/browser-for-doingMicrosoft confirms Edge will sync passwords, bookmarks, tabs and more http://www.neowin.net/news/microsoft-confirms-edge-will-sync-passwords-bookmarks-tabs-and-more Neowinによると、以前はSpartanというコードネームで開発が進められていたブラウザのEdgeにパスワード・ブックマーク・タブなどを複数端末で同期させる機能
先日の記事「フォントサイズの指定方法（翻訳版）」で、CSSの比較的新しい単位「ビューポートの単位(Viewport Units)」について触れました。この単位「vw, vh, vmin, vmax」はブラウザのビューポートのサイズに基づくもので、これらの単位で指定した実際の大きさはビューポートの大きさによって変化するため、レスポンシブデザインにあった単位と言えるでしょう。 これらの単位を使うことは「フォントサイズの指定方法」でフォントサイズに使うことを反対しましたが、レイアウトでは非常に役立つ単位です。 Viewport vs. Percentage Units 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 ビューポートの単位(Viewport Units)とは 要素を幅いっぱいに指定 (% > vw) 要素を高さいっぱいに指定 (
![[CSS]ビューポート(vw, vh)とパーセント(%)、レスポンシブに適した単位の賢い使い分け方法](/image.pl?url=https%3a%2f%2fcdn-ak-scissors.b.st-hatena.com%2fimage%2fsquare%2f9632aee4416db718e0899706ace859f7fdcdf363%2fheight%3d288%3bversion%3d1%3bwidth%3d512%2fhttps%253A%252F%252Fcoliss.com%252Fwp-content%252Fuploads-201502%252F2015072201.png&f=jpg&w=240)
Microsoftの本気をみた！新しいWebブラウザ「Microsoft Edge」にかける思いとは？ 仲 裕介（HTML5 Experts.jp副編集長） みなさん、昨日公開の、de:code2015 キーノートレポート（前編／後編）はご覧いただけましたか？ ２日目の今日は、HTML5Experts.jpオススメセッションのレポートを速報でお届けします！ マイクロソフトのWebブラウザのいままでとこれからHTML5 Experts.jpのエキスパートであり、日本マイクロソフトのエバンジェリストである春日井さんのセッションです。 IE9は大きなターニングポイントだった マイクロソフトはブラウザをレガシーブラウザとモダンブラウザに分類しています。Windows8までは、以下のように、IE8以前はレガシーブラウザ、IE9からはモダンブラウザという括りになります。 IE9からモダンブラウザと言
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
