レスポンシブ対応のレイアウトやUIコンポーネントの実装が簡単！ min(), max(), clamp() の便利な使い方を詳しく解説

2022/10/13 118 users CLAMP ＭＡＸ min UIコンポーネント CSS

CSSの比較関数が主要ブラウザすべてにサポートされてから早2年が経ちました。これらの比較関数は、今まではJavaScriptを使用しないとできなかったこと、メディアクエリで複雑に実装していたことをシンプルなCSSで実装できます。 最近のWebサイトで使用されている、CSSの比較関数 min(), max(), clamp() の便利な使い方を... 続きを読む

朗報！ CSSの新しい単位（lvh, svh, dvh)がChromeに実装、100vhがビューポートの高さいっぱいにならない問題を解決

2022/10/04 215 users iOS ビューポート LVH dvh svh

Safari, FirefoxでサポートされていたCSSの新しいビューポート単位「lvh」「svh」「dvh」などが、ついにChrome 108で実装されます！ CSSの新機能で、Chromeが一番最後というのは珍しいですね。 最も活躍するのがiOSのSafariだからでしょうか。とはいえ、主要ブラウザすべてにサポートされるようになるのは、嬉しいニュー... 続きを読む

カスケードレイヤー「@layer」でCSSの実装がどう変わるのか、仕組みと基礎知識、さまざまな使用例を徹底解説

2022/03/03 115 users カスケードレイヤー@layer Layer Safari

CSSの新機能「カスケードレイヤー」がいよいよ主要ブラウザすべてにサポートされます。Firefox 97（先月リリース）とChrome 99（3/1リリース）でサポートされ、そしてSafariでは次期バージョンでサポートされる予定です。 カスケードレイヤー@layerを使用すると、CSSの詳細度とスタイルの順番をカスケード内で明示的にレ... 続きを読む

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

2022/02/15 227 users CSS カスケードレイヤー@layer 主要ブラウザ 最初

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

CSS aspect-ratioプロパティの基礎知識、便利な使い方、実装に必要なプログレッシブエンハンスメント | コリス

2021/06/23 12 users プログレッシブエンハンスメント コリス CSS Safari

ついにSafariでもaspect-ratioプロパティがサポートされると先日のWWDC21で発表がありました（参考: webkit.org）。これで主要ブラウザすべてにサポートされることになり、aspect-ratioプロパティの基礎知識、便利な使い方、そして実装に必要なプログレッシブエンハンスメントについて紹介します。 CSSのaspect-ratioプ... 続きを読む

Microsoft Edge、レスポンシブイメージ対応の「srcset」に対応。夏以降は主要ブラウザすべてでsrcsetサポート － Publickey

2015/06/11 45 users Publickey srcset Opera Firefox

マイクロソフトはWindows 10に搭載予定の新ブラウザ「Microsoft Edge」で、imgタグの中で表示デバイスの解像度によって表示すべきイメージを複数指定できる「srcset」に対応することを明らかにしました。 srcsetはすでにChromeでは約1年前のChrome 34から、Firefoxは先月リリースされたFirefox 38から、Operaも先々月リリースのOpera 29か... 続きを読む

「iCloud」ブックマーク同期、Windows版「Firefox」「Chrome」をサポート - CNET Japan

2013/09/20 16 users iPhone iCloud Firefox Chrome

「iCloud」を利用しているユーザーは、「Windows」上の主要ブラウザすべてでブックマークを同期できるようになった。 米国時間9月18日にリリースされた「iCloud Control Panel 3.0 for Windows」を使用すれば、「Internet Explorer（IE）」「Firefox」「Google Chrome」のブックマークを「iPhone」「iPad」「iPod t... 続きを読む

主要ブラウザすべてに影響する「クリックジャッキング」攻撃とは

2009/03/03 612 users クリックジャッキング JPCERT 攻撃 透過 iframe

JPCERTコーディネーションセンター（JPCERT/CC）は3日、ユーザーのWebブラウザ上のクリック操作を乗っ取る「クリックジャッキング」と呼ばれる攻撃について、攻撃の概要と対策法を示す技術メモを公開した。 　クリックジャッキングとは、透過指定されたiframeなどの要素に標的サイトのコンテンツを読み込み、これを攻撃者サイトの要素よりも上に配置することで、Webブラウザの画面上には攻撃者サイト... 続きを読む