A New Container Query Polyfill That Just Works | CSS-Tricks
There is now a polyfill for Container Queries that behaves as perfectly as a polyfill should: You conditionally load it when you detect the browser doesn’t support Container Queries.You write CSS as you normally would, including current-spec-compliant Container Queries syntax code.It just works. It’s pretty great to have a container query polyfill that is this easy to use and from Chrome itself, t
jQuery非依存のVanilla JavaScriptモーダルウィンドウライブラリ Micromodal.js | Hypertext Candy
この記事では、JavaScript モーダルウィンドウライブラリ、Micromodal.js を紹介します。 Micromodal.js は以下の特徴を持っています。 軽量である（1.9 KB！） WAI-ARIA ガイドライン に則ったアクセシビリティ対応 ライブラリに依存しない Pure JavaScript で書かれている スタイルが自由（デフォルトの装飾が適用されていない） CSS が付属されていないのがサイトのテイストに合わせやすくて逆に嬉しいです。jQuery 製のライブラリは結構個性的な装飾ついちゃってること多い気がするので。Pure JavaScript なので Vue や React とも相性が良さそうです。 というわけで、ここから使いかたを紹介していきます。 Micromodal.js の使いかた インストール まずはインストール方法です。npm リポジトリおよび CD
Polyfill.io
What is Polyfill.io? It's a service which accepts a request for a set of browser features and returns only the polyfills that are needed by the requesting browser. Why do I need it? There are lots of differing browsers and browser versions in use throughout the world, each one has a slightly different set of features to the rest. This can make developing for browsers a difficult task. The latest v
scrollに応じて要素を固定/解除するCSS「position: sticky」とpolyfill「sticky-state」の紹介（脱jQuery）
当ブログでは、画面をスクロールすると途中でサイドバーを固定/解除する機能を実装しています。もともとこの機能をJavaScript（jQuery）で独自に実装していました。今回のこのサイドバー固定/解除機能をCSSの「position: sticky」で実装し直すことにしました。いわゆる脱jQueryです。スクロールが絡むJavaScriptの処理は、イベントが頻発するためにブラウザに負荷をかけやすいです。今回CSSの「position: sticky」で実装し直したことで、ブラウザに優しいページになったんじゃないかなと思っています。今回はこの「position: sticky」でのサイドバー固定機能の実装方法と、polyfill「sticky-state」の使い方を紹介したいと思います。 はじめに当ブログでは、ページをスクロールすると途中で「サイドバー」が画面に固定されるようになっています
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - gavinmcfarland/flex-gap-polyfill: A PostCSS plugin to emulate flex gap using margins
GitHub - csstools/postcss-logical: Use logical properties and flow-relative values in CSS
GitHub - wilddeer/stickyfill: Polyfill for CSS `position: sticky`
Stickybits is a lightweight alternative to position: sticky polyfills
GitHub - filamentgroup/fixed-sticky: DEPRECATED: A position: sticky polyfill that works with filamentgroup/fixed-fixed for a safer position:fixed fallback.