#mediaquery
LightNews LightNews
pub.dev.web.brid.gy
v0.1.0 of flutter_edge_guard
Understand and fix modern Android edge-to-edge UI problems. An edge-to-edge protection layer and diagnostics engine for Flutter. Changelog excerpt: - Initial stable release of `flutter_edge_guard`. - **Core Provider**: - `EdgeGuard`: Granular `MediaQuery`extraction and scoped inset propagation. - `EdgeGuardConfig`: Customizable runtime configuration flags. - **Smart Protection Widgets**: - `EdgeGuardBottomAction`: Prevents bottom buttons from clipping beneath navigation bars without double-padding. - `EdgeGuardAnimatedAction`: Smooth keyboard/IME awareness animations for bottom actions. - `EdgeGuardBottomSheet`: Edge-safe modal [...]
pub.dev
September 16, 2026 at 3:25 PM
khanglol.bsky.social
Ex: For a `@media` query I may want to only visually hide a piece of text to optimize readability on mobile. Having a global visuallyhidden class is not ideal as I said with utility classes and MediaQuery(), and having to repeat the declarations makes my file unnecessarily longer
August 13, 2026 at 1:41 PM
khanglol.bsky.social
And what if I want to remove or add a utility class based on a Media Query without using MediaQuery()? MediaQuery.current only evaluates correctly after hydration (especially hideous on Safari), so it'll make my component slower if I use it

Composability would fix these two problems
August 13, 2026 at 1:12 PM
pub.dev.web.brid.gy
v0.2.0 of dacs
Tailwind-like utility classes for Flutter. Apply text styles, padding, margins, colors, and borders via concise string expressions. Changelog excerpt: - **Variants**: dark/light mode (`dark:`, `light:`) and responsive breakpoints (`sm:`, `md:`, `lg:`, `xl:`, `2xl:`) - **Context-aware extensions**: `.dTextOf(context)`, `.dBoxOf(context)`, `.dPadsOf(context)`etc. resolve variants from `MediaQuery` - **`DacsStyle.resolve()`/ `resolveFor()`**: merge variants into a single style based on brightness and screen width - **`DacsStyle.clone()`/ `mergeFrom()`**: utility methods for style composition - **Position**: `inset-*`, `top-*`, `right-*`, `bottom-[...]
pub.dev
July 21, 2026 at 2:51 PM
startdebugging.bsky.social
Flutter 3.44 exposes the phone's real corner radius via MediaQuery.displayCornerRadiiOf. Clip UI to the hardware curve, not a guess.
https://startdebugging.net/2026/07/flutter-3-44-read-the-screen-corner-radius-from-mediaquery/?utm_source=bluesky&utm_medium=social&utm_campaign=auto
July 7, 2026 at 3:11 AM
samkeeper.bsky.social
sorry, how is a css mediaquery to see the width of someone's display going to work without being able to... query... the display?
May 9, 2026 at 7:40 AM
nicolaounicos.bsky.social
Jetpack Compose April ‘26 (1.11.0) 🚀

Better testing 🧪, improved trackpad support 🖱️, animation debugging 🎬, and new APIs (Styles, MediaQuery, Grid, FlexBox).

🔗 android-developers.googleblog.com/2026/04/jetp...

#AndroidDev #JetpackCompose #Kotlin #Android
What's new in the Jetpack Compose April '26 release
News and insights on the Android platform, developer tools, and events.
android-developers.googleblog.com
April 23, 2026 at 10:40 AM
riggaroo.dev
#JetpackCompose version 1.11 has landed!

So many new APIs to try out along with some important changes.

We've also detailed 4 (!) new large Experimental APls that we are actively looking for feedback on:

💅🏻 Styles!
🚥 Grid
💪🏻 FlexBox
🎞️ MediaQuery

android-developers.googleblog.com/2026/04/jetp...
April 23, 2026 at 9:15 AM
android.activitypub.awakari.com.ap.brid.gy
v0.4.0-dev.4 of liquid_glass_widgets A Flutter UI kit implementing the iOS 26 Liquid Glass design language. Features shader-based glassmorphism, physics-driven jelly animations, and dynamic lightin...

Origin | Interest | Match
v0.3.0-dev.2 of liquid_glass_widgets
A Flutter UI kit implementing the iOS 26 Liquid Glass design language. Features shader-based glassmorphism, physics-driven jelly animations, and dynamic lighting. Changelog excerpt: ### New Features - **Comprehensive Theme System** - `GlassTheme`and `GlassThemeData`for global styling control - Automatic light/dark mode support via `MediaQuery` - Theme-aware glow colors for interactive widgets - All 27 widgets inherit theme settings automatically ``` `// Wrap your app with GlassTheme GlassTheme( data: GlassThemeData( light: GlassThemeVariant( settings: LiquidGlassSettings(thickness: 30), quality: GlassQuality.standard, glowColors: GlassGlowColors(primary: Colors.[...]
pub.dev
March 10, 2026 at 3:06 AM
pub.dev.web.brid.gy
v2.1.0 of scanflow_datacapture_tyre
Scanflow is an AI scanner on smart devices for data capture and workflow automation. Changelog excerpt: - Stable release for Scanflow Data Capture Tyre Flutter plugin. - **UI:**Responsive layout using MediaQuery and optional `designSize`for different screen sizes. - **API:**Optional `TextCaptureController`to trigger capture programmatically; optional custom `captureButton`and `designSize`parameters. - **Docs:**README updated with Quick Start, installation, and parameter documentation. - Requires `scanflow_core_scan: ^2.1.0`.
pub.dev
March 9, 2026 at 12:17 PM
后端仔用Flutter踩坑实录：说好的一套代码呢
这两天在使用 Flutter 整个笔记工具，准备做 Web 和手机端。
我做为一名后端程序员，对前端和Dart一窍不通。

跟着教程和AI折腾，堆了快两万行。真到要调样式的时候，傻眼了。
想的是：改好手机端的布局，Web端应该自适应跟着好了。
实际上：手机端调舒服了，打开Web一看，排版全乱。回头修Web的样式，手机上的组件位置又不对了。两边互相拉扯，根本解不开。

我也按大家说的，用了MediaQuery区分屏幕...
Read more: https://versun.me/blog/backend-to-flutter-struggles
January 12, 2026 at 12:37 PM
pub.dev.web.brid.gy
v0.0.2 of mini_screen_util
A tiny ScreenUtil-like helper built on MediaQuery that provides .w/.h/.r/.sp without passing BuildContext. Changelog excerpt: - Use `MediaQuery.sizeOf(context)`and `MediaQuery.textScalerOf(context)`(no deprecated `textScaleFactor`). - `.sp`now applies `TextScaler`. - Web resize/orientation rebuild remains supported.
pub.dev
January 9, 2026 at 10:33 PM
nich.bsky.social
I just lost the better part of a day to sussing out why Safari started culling videos that worked fine earlier. There's enough going on with this page's optimization that it could have been a lot of things, but ultimately the external CSS "got too long" and lost the race condition to the 1-time eval
// Safari aggressively evaluates the video media query on page load // and if the CSSOM for the element's path is not yet ready, it will // never load the video. So: re-run the query for all videos with such. document.querySelectorAll('video source[media]').forEach(source => { const video = source.parentElement; const mediaQuery = source.media; if (window.matchMedia(mediaQuery).matches) { video.load(); } });
December 12, 2025 at 10:15 PM
inautilo.bsky.social
#Development #Approaches
Adaptive SVG favicons · Favicons using the ‘prefers-color-scheme’ media query ilo.im/168quh by Zoran Jambor

_____
#Favicon #SVG #CSS #MediaQuery #Colors #ColorScheme #LightMode #DarkMode #WebDev #Frontend
How To Create an Adaptive SVG Favicon Using the prefers-color-scheme Media Query
Find out how to create an adaptive favicon that automatically switches to a light/dark color scheme using SVG icon format and prefers-color-scheme media quer...
ilo.im
December 8, 2025 at 1:06 AM
elfsternberg.bsky.social
```@mediaQuery("(orientation: landscape)")```? Sure!

The only thing that sucks is that ```@mediaQuery("(grid: 1)")``` is mostly worthless because most devices where it would be true don't support CSS or JavaScript.
December 1, 2025 at 10:47 PM
elfsternberg.bsky.social
Do your Lit-Element web components care about media queries? Does it have to know if the user prefers-reduced-animation? Now you can with just a decorator:

```
@mediaQuery("(prefers-reduced-motion: reduce)")
public prefersReducedMotion = false;
```
#webcomponents

github.com/goauthentik/...
github.com
December 1, 2025 at 10:42 PM
inautilo.bsky.social
#Development #Misconceptions
CSS light-dark() vs. prefers-color-scheme · “light-dark() isn’t just a shorter ‘prefers-color-scheme’ query.” ilo.im/168oi0 by Stefan Judis

_____
#CssFunction #MediaQuery #LightMode #DarkMode #Browser #WebDev #Frontend #CSS
light-dark() isn't always the same as prefers-color-scheme
`light-dark()` and `prefers-color-scheme` treat the defined `color-scheme` values differently.
ilo.im
November 26, 2025 at 5:41 AM
trakyalife.bsky.social
Bursa’da Okul Çevresine ‘Gülümseyen Sokak’ Projesi MediaQuery

Bursa Büyükşehir Belediyesi ve Marmara Belediyeler Birliği iş birliğiyle yürütülen 'Sokaklar Dönüşüyor' projesi sayesinde Nilüfer ilçesindeki Nedim Öztan İlkokulu yanında 'Gülümseyen Sokak' hizmete açıldı. Okul çevresi trafikten…
Bursa’da Okul Çevresine ‘Gülümseyen Sokak’ Projesi MediaQuery
Bursa Büyükşehir Belediyesi ve Marmara Belediyeler Birliği iş birliğiyle yürütülen 'Sokaklar Dönüşüyor' projesi sayesinde Nilüfer ilçesindeki Nedim Öztan İlkokulu yanında 'Gülümseyen Sokak' hizmete açıldı. Okul çevresi trafikten arındırılarak çocuk dostu bir alan haline getirildi. Veliler, çocuklarını beklerken oyun ve sosyalleşme alanlarından faydalanabilecek. Bursa Büyükşehir Belediye Başkanı Mustafa Bozbey, projeyi inceleyerek çocuklarla görüştü ve velilerin memnuniyetini dile getirdi. #haberler
www.trakyalife.com
September 23, 2025 at 1:26 PM
pub.dev.web.brid.gy
v0.2.2 of grow_extensions
Fancy, yet basically useless extensions for dart language that we use across our multiple projects. Changelog excerpt: - add MediaQuery extensions
pub.dev
September 19, 2025 at 7:41 AM
mailslurpdev.bsky.social
Add print-specific styles to your Tailwind project with custom media queries—perfect for polished page prints.

#TailwindCSS #PrintStyles #MediaQuery #WebDev #FrontendTips #TailwindConfig

www.youtube.com/watch?v=FvVA...
September 4, 2025 at 9:36 PM
thenocodeguild.com
Learn how to hide Elementor background images on mobile devices using custom CSS while keeping them visible on others. Perfect for responsive design!

www.youtube.com/watch?v=GiUy...

#elementor #webdesign #elementortips #nocodetools #mediaquery
August 21, 2025 at 2:00 PM
codingdad.ruhr.social.ap.brid.gy
Der Zwerg hat die drei Fragezeichen Kids für sich entdeckt, kommt aber jetzt langsam in Probleme, welche Folgen er schon (vor-)gelesen hat und welche er schon gehört hat.
Daten gesammel, in html gegossen (mein bevorzugter Hammer), das erste mal eine Print Mediaquery geschrieben. Ausgedruckt […]
Original post on ruhr.social
ruhr.social
August 19, 2025 at 8:51 AM
g12n.de
It’s really hard to switch, because the standard is limited compared to the WebKit version. @nerdy.dev even suggested a mediaquery on @cssday.nl to only trigger the standard for Firefox.
August 7, 2025 at 5:46 PM
acorndevops.bsky.social
You know what? Let's end this one off on a closed loop.
Screenshot of a Bitbucket pull request page for AC-783 'refactor css on per page basis' in the Acorninteractive.ca repository. The pull request shows it's merging from 'AC-783-refactor-css-on-per-page-basis' branch to 'fixes/compilation' branch, created 17 seconds ago with 143 files changed and 10+ commits. The description section lists multiple styling fixes including: resolving theme import path errors, adding missing mediaQuery function, fixing HomePage initialization errors, consolidating styled-components theme, removing deprecated theme directory structure, updating navigation styling, and various other CSS and component updates. On the right side, there's a notification indicating '0 builds' and '0 checks' with a recommendation to set up merge checks for the target branch before allowing merges."
July 30, 2025 at 6:54 PM