CSSって難しい！ セレクタ「.a .b .c」と「.a :is (.b . c)」は同じに見えるけど実は違う、ブラウザはセレクタを右から左に読む

2023/01/31 75 users セレクタ 末尾 CSS ＩＳ 疑似クラス

CSSの:is()疑似クラスが各ブラウザにサポート（参考: Can I use）されるようになって、1年が過ぎました。使用率も97%を超え、通常の案件に使用している人も多いと思います。 :is()疑似クラスは複数のセレクタを1つにまとめられて便利ですが、セレクタの末尾に使用すると、予想よりも多くの一致が発生するかもしれません... 続きを読む

captureでカメラ起動（知名度が低いウェブ標準ひとりAdvent Calendar 2021 – 17日目） | Ginpen.com

2021/12/19 5 users capture codepen.io CodePen pen

知名度が低いウェブ標準ひとり Advent Calendar 2021 – 17 日目 今日は capture です。カメラを起動します。 HTML attribute: capture – HTML: HyperText Markup Language | MDN デモ：https://codepen.io/ginpei/pen/xxXxvbX HTML Media Capture | Can I use… Support tables for HTML5, CSS3, etc あ、なんか CodePen ... 続きを読む

Webフロントエンド開発で役立つサービスまとめ - Qiita

2021/01/31 393 users Webフロントエンド開発 文法 特定 全般 ツール

この記事では、Webフロントエンド開発において役に立つと思われるサービスやツールをまとめます。 全般 Can I use 指定した特定の機能が、どのブラウザのどのバージョンで利用可能かを確認するためサービスです。比較的新しいJavaScriptの文法やCSS3の機能を使ってモダンなWeb開発を行う場合に必須とも言えるくらい利用... 続きを読む

ChromeのアドレスバーからCan I useやWordPressを検索できるようにする方法 | Stocker.jp / diary

2018/09/17 27 users Stocker.jp diary Chrome Sass 方法

Web技術 ChromeのアドレスバーからCan I useやWordPressを検索できるようにする方法 Tuesday, September 18th, 2018 「スマートフォン時代のWebコーディングスクール」開催！PC・タブレット・スマートフォンに対応したHTML・CSS・Sass・JavaScriptを基礎から学べます！ 【日曜開催】「1日で分かるSassとBEM講座」ではWeb... 続きを読む

CSSブレンドモードで画像を彩ろう | Webクリエイターボックス

2015/05/19 186 users Webクリエイターボックス Photoshop CSS 手法

Photoshopをはじめとしたグラフィックツールに搭載されている「ブレンドモード（描画モード）」機能。複数の画像や色を様々な手法で重ね合わせ、独特の効果をうみだします。そんなブレンドモード、実はCSSでも実装できるんです！今回はそんなCSSブレンドモードにフォーカスしてみようと思います！ 対応ブラウザー Can I use…によると、IE以外のモダンブラウザーに対応しています。ただしSafari... 続きを読む

HTML5やCSS3のブラウザサポート状況を簡単に調べられる「Can I use…」のGoogleアナリティクス連携が便利 – Rriver

2014/07/05 234 users settings Rriver ユーザ ベータ版 ブラウザ

HTML5やCSS3のブラウザサポート状況が確認できるcaniuse.comのベータ版が2014年6月に公開され、デザインが刷新されました。 このベータ版のデザインの良さにも驚きましたが、なにより驚いたのはGoogleアナリティクスとの連携機能でした。ベータ版の「Settings」から設定を行うと、Googleアナリティクスのデータを読み込むことができ、自分のサイトに訪れるユーザが使うブラウザで、... 続きを読む