たった一行のCSSで複数カードの水平グリッドを簡単に揃えられる！ CSSのサブグリッド（subgrid）の基礎知識と使い方

2023/10/12 138 users subgrid Safari CSS Firefox 一行

CSSのサブグリッド（subgrid）がChrome 117でサポートされ、Safari, Firefoxではすでにサポートされていたので、これで主要ブラウザのすべてで利用できるようになりました。 先日の記事でもお伝えしたように、subgridを使用するとカード内の見出しやテキストの水平グリッドを簡単に揃えることができます CSSのサブグリッ... 続きを読む

これは覚えておきたい！ CSSの三角関数で斜めのレイアウトを実装するテクニック

2023/04/17 163 users CSS 三角関数 レイアウト ヘッダ テクニック

ヘッダやコンテンツの区切りを斜めにしたいとき、どのように実装していますか？ CSSの三角関数が主要ブラウザのすべてにサポートされたことで、今まではかなり複雑なCSSやJavaScriptが必要だった斜めのレイアウトがシンプルなCSSで実装できます。 コンテンツ自体を斜めにすることも、水平のままにしておくことも可能です... 続きを読む

2023年4月においてクリックジャッキング未対策のサイトはどの条件で被害を受けるか

2023/04/03 192 users 被害 localStorage 条件 クリックジャッキング

サマリ CookieやlocalStorage等でセッション管理しているウェブサイトがクリックジャッキング対策していない場合、どの条件で被害を受けるかを説明する。SameSite属性のないCookieでセッション管理しているウェブサイトは、主要ブラウザのデフォルト設定ではクリックジャッキングの影響を受けない。一方、loaclStorageに... 続きを読む

2023年はCSSで三角関数「sin(), cos(), tan()」が主要ブラウザのすべてで使用できるようになるぞ！

2023/01/10 164 users cos tan Sin CSS 三角関数

2023年はついに、CSSで三角関数が主要ブラウザのすべてで使用できるようになります！ CSSで使用できる三角関数は、sin(), cos(), tan(), asin(), acos(), atan(), atan2()です。すでに2022年にリリースされたSafari, Firefoxではサポートされており、3月リリースのChrome 111でもサポートされる予定です。 CSSの三角関数... 続きを読む

CSSの実装はこれでかなり進化する！ Web制作者が知っておきたい、:has()疑似クラスの便利な使い方のまとめ

2022/09/08 185 users Has セレクタ CSS 偶数 奇数

CSSの:has()疑似クラスが主要ブラウザでサポートされ、喜んでいる人も多いと思います。今まではJavaScriptを使用しなければできなかったことが、:has()疑似クラスを使用するとさまざまなセレクタを条件式のように記述できます。 たとえば、子に画像がある場合とない場合、子の数が奇数の場合と偶数の場合、セレクタを追... 続きを読む

CSSの新機能カスケードレイヤーが主要ブラウザにサポートされます、最初に理解しておきたい基礎知識を解説

2022/02/15 227 users CSS カスケードレイヤー@layer 最初 デベロッパー

CSSの新機能「カスケードレイヤー」がいよいよ主要ブラウザすべてにサポートされます。カスケードレイヤー@layerを使用すると、CSSの詳細度とスタイルの順番をカスケード内で明示的にレイヤー化（階層化）でき、これまでのCSSの実装方法が大きく変わるものです。 Chromeのデベロッパーによるカスケードレイヤーの基礎知... 続きを読む

WebAssemblyが目指していること。ナノプロセスモデルの実現、システムインターフェイス、実行時リンクの実装など － Publickey

2020/11/15 121 users Publickey WebAssembly 実装 実現 勧告

WebAssemblyが目指していること。ナノプロセスモデルの実現、システムインターフェイス、実行時リンクの実装など Webブラウザ上でネイティブコードのように高速に実行できるバイナリフォーマット「WebAssembly」は、すでにChromeやFirefox、Edge、Safariなどの主要ブラウザでサポートされ、2019年12月にはW3Cの勧告にも... 続きを読む

WebAssemblyをあらゆるプラットフォームでセキュアに実行できるようにする「Bytecode Alliance」発足。インテル、Mozilla、Red Hatなど － Publickey

2019/11/18 141 users Publickey WebAssembly インテル 発足

WebAssemblyをあらゆるプラットフォームでセキュアに実行できるようにする「Bytecode Alliance」発足。インテル、Mozilla、Red Hatなど WebAssemblyは、Webブラウザ上でネイティブコードのように高速に実行できるバイナリフォーマットして策定された標準仕様で、すでにChromeやFirefox、Edge、Safariなどの主要ブラウザ... 続きを読む

W3C、パスワードを不要にする「Web Authentication」（WebAuthn）を勧告として発表。Chrome、Firefox、Androidなど主要ブラウザですでに実装済み － Publickey

2019/03/05 372 users Publickey WebAuthn FIDOアライアンス

W3C、パスワードを不要にする「Web Authentication」（WebAuthn）を勧告として発表。Chrome、Firefox、Androidなど主要ブラウザですでに実装済み W3Cは3月4日、FIDOアライアンスのFIDO2仕様の中心的な構成要素であるWeb認証技術の「Web Authentication」（WebAuthn）が勧告になったことを発表しました。 W3Cが策定する仕... 続きを読む

「TLS 1.3」正式リリース、Firefoxなど主要ブラウザが対応 - ITmedia NEWS

2018/08/14 68 users Firefox Mozilla 正式リリース ドラフト版

FirefoxやGoogle ChromeなどのWebブラウザは、既にTLS 1.3のドラフト版に対応しており、Mozillaは10月にリリースされる「Firefox 63」で、今回公開された正式版に対応予定。 米Mozilla Foundationは8月13日、インターネット通信暗号化規格の最新バージョンとなる「TLS 1.3」が正式リリースされたことを受け、Webブラウザ... 続きを読む

「TLS 1.3」正式リリース、Firefoxなど主要ブラウザが対応 - ITmedia エンタープライズ

2018/08/14 68 users Firefox Mozilla 正式リリース ドラフト版

FirefoxやGoogle ChromeなどのWebブラウザは、既にTLS 1.3のドラフト版に対応しており、Mozillaは10月にリリースされる「Firefox 63」で、今回公開された正式版に対応予定。 米Mozilla Foundationは8月13日、インターネット通信暗号化規格の最新バージョンとなる「TLS 1.3」が正式リリースされたことを受け、Webブラウザ... 続きを読む

Service Worker スクリプトのインストールと更新処理

2018/02/15 132 users スクリプト Service Worker 実装 web 仕様

Service Worker スクリプトのインストールと更新処理 Feb 15, 2018 | #web #serviceworker Service Worker の実装が主要ブラウザで揃い始めて盛り上がってきましたね。その流れに便乗して久しぶりに Service Worker の仕様や実装に関する記事を書いてみました。今回は Service Worker スクリプトのインストールと更新処理につ... 続きを読む

Service Worker スクリプトのインストールと更新処理

2018/02/15 132 users スクリプト Service Worker 実装 web 仕様

Service Worker スクリプトのインストールと更新処理 Feb 15, 2018 | #web #serviceworker Service Worker の実装が主要ブラウザで揃い始めて盛り上がってきましたね。その流れに便乗して久しぶりに Service Worker の仕様や実装に関する記事を書いてみました。今回は Service Worker スクリプトのインストールと更新処理につ... 続きを読む

mrubyをブラウザで実行するまで (WebAssembly) - Qiita

2017/11/18 108 users Qiita rust mruby WebAssembly 言語

はじめに Rubyがブラウザで動作する 先日、主要ブラウザで WebAssembly を利用できる環境が整ったと話題になりました。 このことから、今後はWebアプリ（特にフロントエンド）でJavaScript系以外にも他の言語の採用が選択肢にはいるようになります。(検索すると、Rustがよく引き合いに出されています。) (参考リンク) WebAssembly対応、主要ブラウザChrome/Fire... 続きを読む

主要ブラウザで実行可能なバイナリ形式「WebAssembly」の開発がスタート。Chrome、WebKit、Firefox、Microsoft Edge、LLVMらがサポートを相次いで表明 － Publickey

2015/06/18 111 users GitHub Publickey WebKit ポータブル

主要ブラウザで実行可能なバイナリ形式「WebAssembly」の開発がスタート。Chrome、WebKit、Firefox、Microsoft Edge、LLVMらがサポートを相次いで表明 GitHubで公開されている「WebAssembly High-Level Goals」によると、WebAssemblyが目指しているのは、どのWebブラウザでも実行可能なポータブルで、かつロード時間が小さくて... 続きを読む

TLSに脆弱性「Logjam」発覚、主要ブラウザやメールサーバに影響 - ITmedia エンタープライズ

2015/05/20 167 users Logjam メールサーバ Freak TLS TLS実装

通信の内容を暗号化するHTTPS接続に使われているTLSプロトコルに、また重大な脆弱性が見つかった。3月に発覚したSSL/TLS実装の脆弱性「FREAK」に似ているが、今回の脆弱性はTLS自体に存在し、主要なWebブラウザや電子メールサーバなどに広範な影響が及ぶという。 今回発覚した脆弱性は「Logjam」と命名され、解説サイトが公開された。それによると、TLSでセキュアな接続を確立するための暗号... 続きを読む

TLSに脆弱性「Logjam」発覚、主要ブラウザやメールサーバに影響 - ITmedia エンタープライズ

2015/05/20 168 users Logjam メールサーバ Freak TLS TLS実装

通信の内容を暗号化するHTTPS接続に使われているTLSプロトコルに、また重大な脆弱性が見つかった。3月に発覚したSSL/TLS実装の脆弱性「FREAK」に似ているが、今回の脆弱性はTLS自体に存在し、主要なWebブラウザや電子メールサーバなどに広範な影響が及ぶという。 今回発覚した脆弱性は「Logjam」と命名され、解説サイトが公開された。それによると、TLSでセキュアな接続を確立するための暗号... 続きを読む

GoogleやAmazonは広告を消す拡張機能「AdBlock Plus」にお金を払って広告を表示させていることが明らかに - GIGAZINE

2015/02/03 81 users Chrome ウェブページ内 ブラウザ拡張機能 ユーザー 企業

By Shawan Zain FirefoxやChrome、Internet Explorerなど主要ブラウザから使用可能なブラウザ拡張機能が「AdBlock Plus」です。これはウェブページ内の広告を非表示にしてしまうというもので、ユーザーにとってはページがスッキリして非常にありがたく、インターネット上で広告を配信している企業にとってはせっかくの広告が表示されなくなってしまうので何とも頭の痛い... 続きを読む

広告を消してくれるブラウザ拡張機能「Adblock Plus」の秘密 - GIGAZINE

2013/06/30 245 users ブラウジング GIGAZINE 背後 パートナー 広告バナー

6月21日にページ中に表示される広告を非表示にする「Adblock Plus」のInternet Explorer対応版がリリースされ、主要ブラウザであればどれでも「Adblock Plus」が使えるようになりました。 ブラウジングの際に広告バナーをブロックしてくれるということで重宝している人も多いと思いますが、その裏で、Adblock Plus製作者の背後には“戦略的パートナー”の存在があり、製... 続きを読む

主要ブラウザのスピード対決・2013年冬！（Chrome 24、Firefox 18、IE 10、Opera 12.12） : ライフハッカー［日本版］

2013/01/22 66 users ソフトウェア ライフハッカー 最新テック ブラウザ IE 1

Firefox , Google , Google Chrome , Internet Explorer , Microsoft , Mozilla , ソフトウェア , ブラウザ , 仕事がはかどる , 最新テック 主要ブラウザのスピード対決・2013年冬！（Chrome 24、Firefox 18、IE 10、Opera 12.12） 2013.01.22 19:00 Windows 8ではI... 続きを読む

Mac主要ブラウザのスピード対決！（Chrome 22、Firefox 15、Safari 6、Opera 12.02） : ライフハッカー［日本版］

2012/10/09 72 users Safari Opera ライフハッカー Firefox タブ

OS X Mountain Lionには最新版の『Safari 6』が搭載されています。さて、気になるスピードはどうなのでしょう？　この記事では、Macの主要ブラウザ（Chrome、Firefox、Safari、Opera）のスピード対決を行います。比較するのは、起動時間やタブの読み込み時間など。 今回のテストではChromeの「プレレンダリング機能」やFirefoxの「タブのオンデマンド読み込み... 続きを読む

IE7/8/9, 全てのモダンブラウザ、iPhone, iPad, Androidのクロスブラウザチェックができるソフトウェア -BrowseEmAll | コリス

2012/06/10 723 users iPhone コリス クロスブラウザ クロスブラウザチェック

デスクトップ・スマートフォン・タブレットの主要なブラウザの古いバージョンから最新版までに対応した、クロスブラウザのチェックに使えるWindows用のソフトウェアを紹介します。 BrowseEmAllのサポートブラウザ BrowseEmAllの主な特徴 BrowseEmAllの使い方 BrowseEmAllのダウンロード BrowseEmAllのサポートブラウザ デスクトップ 主要ブラウザの最新版に... 続きを読む

CSS3のブラウザ別対応がアイコンで超分かりやすいサイト:phpspot開発日誌

2011/11/26 60 users phpspot開発日誌 アイコン ブラウザ バージョン 参考

CSS3 - Information and samples - robertnyman.com CSS3のブラウザ別対応がアイコンで超分かりやすいサイト。 CSS3の機能でどのブラウザがどのバージョンから対応しているのかという部分がとても分かりやすい表が掲載されています。 IE,FF,Chrome,Safari,Operaの主要ブラウザの対応がわかります CSS3を使うときの参考にできますね 関... 続きを読む

Firefox 7のリリースを記念し、主要ブラウザのスピードテスト（2011年秋）を実施 : ライフハッカー［日本版］

2011/10/03 96 users ライフハッカー リリース スピードテスト Tweet 実施

Firefox , Google , Google Chrome , Internet Explorer , Microsoft , Mozilla , Windows , ソフトウェア , ブラウザ Firefox 7のリリースを記念し、主要ブラウザのスピードテスト（2011年秋）を実施 2011.10.03 13:00 コメント数：[ 0 ] Tweet ライフハッカーでも第一報をお伝えしたと... 続きを読む

[CSS]IEを含めた主要ブラウザと各スマートフォンに対応した@font-faceの指定方法 | コリス

2011/02/06 170 users コリス iOS font-face font-family

IE6, 7, 8, 9をはじめとする主要ブラウザ、iOS, Androidのスマートフォンに対応させるための@font-faceの指定方法を紹介します。各ブラウザ・スマートフォンに対応させる@font-faceの指定方法各主要ブラウザ、スマートフォンに対応させる@font-faceの記述は、下記のようになります。@font-face {font-family: 'MyFontFamily';sr... 続きを読む