MediaBridge 1.4.0 is out
library.results(_:) streams a query's results: once now, then after every library change, so @Observable models, view controllers and tests stay current the way @MediaQuery does.
#iOSDev #SwiftUI
library.results(_:) streams a query's results: once now, then after every library change, so @Observable models, view controllers and tests stay current the way @MediaQuery does.
#iOSDev #SwiftUI
MediaBridge 1.4.0
library.results(_:) streams a query's results: once now, then after every library change, so @Observable models, view controllers and tests stay…
github.com
November 8, 2026 at 12:06 PM
magic holds no breakpoint itself, so the resolver reads the window size, typically via MediaQuery. The dialog comes with no safe-area padding either, so the panel draws its own surface.
November 6, 2026 at 6:25 AM
magic holds no breakpoint itself, so the resolver reads the window size, typically via MediaQuery. The dialog comes with no safe-area padding either, so the panel draws its own surface.
Trying out the new Grid, Flexbox composables with MediaQuery in Jetpack Compose 1.13 to make Apps even more adaptable. 🤸
#AndroidDev #MobileDev #AdaptiveApps
#AndroidDev #MobileDev #AdaptiveApps
October 30, 2026 at 9:01 PM
Trying out the new Grid, Flexbox composables with MediaQuery in Jetpack Compose 1.13 to make Apps even more adaptable. 🤸
#AndroidDev #MobileDev #AdaptiveApps
#AndroidDev #MobileDev #AdaptiveApps
It reads MediaQuery through wScreenIs, so a keyboard inset does not rebuild the caller. wIsTablet and isMobile are unchanged.
github.com/fluttersdk/w...
github.com/fluttersdk/w...
October 30, 2026 at 6:14 AM
It reads MediaQuery through wScreenIs, so a keyboard inset does not rebuild the caller. wIsTablet and isMobile are unchanged.
github.com/fluttersdk/w...
github.com/fluttersdk/w...
💡 𝑀𝑒𝑑𝑖𝑎𝐵𝑟𝑖𝑑𝑔𝑒 by Oleksii Kolomiiets (@oleksiikolomiiets.bsky.social)
MediaBridge wraps 𝑀𝑒𝑑𝑖𝑎𝑃𝑙𝑎𝑦𝑒𝑟 in modern Swift: typed library models, key-path queries, typed errors, and a @𝑀𝑒𝑑𝑖𝑎𝑄𝑢𝑒𝑟𝑦 property wrapper for SwiftUI.
#iOSDev #SwiftUI
github.com/kolomiiets-o...
MediaBridge wraps 𝑀𝑒𝑑𝑖𝑎𝑃𝑙𝑎𝑦𝑒𝑟 in modern Swift: typed library models, key-path queries, typed errors, and a @𝑀𝑒𝑑𝑖𝑎𝑄𝑢𝑒𝑟𝑦 property wrapper for SwiftUI.
#iOSDev #SwiftUI
github.com/kolomiiets-o...
MediaBridge
MediaBridge wraps `MediaPlayer` in modern Swift: typed library models, key-path queries, typed errors, and a `@MediaQuery` property wrapper for SwiftUI. The result is a much nicer way to fetch, sort, limit, and reload songs or albums without scattering raw MediaPlayer queries through our views. It also covers artwork, previews, playlists, playback, and now playing state, while supporting iOS 15 and visionOS. If an app touches the user’s music library, this looks like the kind of focused package that can remove a lot of platform glue.
github.com
October 23, 2026 at 7:40 AM
💡 𝑀𝑒𝑑𝑖𝑎𝐵𝑟𝑖𝑑𝑔𝑒 by Oleksii Kolomiiets (@oleksiikolomiiets.bsky.social)
MediaBridge wraps 𝑀𝑒𝑑𝑖𝑎𝑃𝑙𝑎𝑦𝑒𝑟 in modern Swift: typed library models, key-path queries, typed errors, and a @𝑀𝑒𝑑𝑖𝑎𝑄𝑢𝑒𝑟𝑦 property wrapper for SwiftUI.
#iOSDev #SwiftUI
github.com/kolomiiets-o...
MediaBridge wraps 𝑀𝑒𝑑𝑖𝑎𝑃𝑙𝑎𝑦𝑒𝑟 in modern Swift: typed library models, key-path queries, typed errors, and a @𝑀𝑒𝑑𝑖𝑎𝑄𝑢𝑒𝑟𝑦 property wrapper for SwiftUI.
#iOSDev #SwiftUI
github.com/kolomiiets-o...
MediaBridge 1.0.0 is out
@MediaQuery, a SwiftUI property wrapper that fetches a query for a view and refetches when the query or the library changes. $songs.isLoading, $songs.error, and await $songs.reload() expose its state.
#iOSDev #SwiftUI
@MediaQuery, a SwiftUI property wrapper that fetches a query for a view and refetches when the query or the library changes. $songs.isLoading, $songs.error, and await $songs.reload() expose its state.
#iOSDev #SwiftUI
MediaBridge 1.0.0
@MediaQuery, a SwiftUI property wrapper that fetches a query for a view and refetches when the query or the library changes. $songs.isLoading…
github.com
October 10, 2026 at 3:01 PM
Challenge: Your UI looks great on some devices but breaks on others.
Solution: Use LayoutBuilder to adapt layouts based on constraints.
💡 Combine LayoutBuilder with MediaQuery for device-specific tweaks. Building truly responsive Flutter apps has never been easier!
#flutter #dart #responsiveDesign
Solution: Use LayoutBuilder to adapt layouts based on constraints.
💡 Combine LayoutBuilder with MediaQuery for device-specific tweaks. Building truly responsive Flutter apps has never been easier!
#flutter #dart #responsiveDesign
December 11, 2024 at 12:00 PM
Challenge: Your UI looks great on some devices but breaks on others.
Solution: Use LayoutBuilder to adapt layouts based on constraints.
💡 Combine LayoutBuilder with MediaQuery for device-specific tweaks. Building truly responsive Flutter apps has never been easier!
#flutter #dart #responsiveDesign
Solution: Use LayoutBuilder to adapt layouts based on constraints.
💡 Combine LayoutBuilder with MediaQuery for device-specific tweaks. Building truly responsive Flutter apps has never been easier!
#flutter #dart #responsiveDesign
今どきのcss frameworkってmediaqueryに一発で不自然なく対応するものがほとんどだから、変に独自感出して無ければスマホ対応なんて一発だよ。
ただし、レイアウト周りからwidth, heightに依存しない作りにしないと行けないから、実装力は問われる。
ただし、レイアウト周りからwidth, heightに依存しない作りにしないと行けないから、実装力は問われる。
October 10, 2023 at 6:33 AM
今どきのcss frameworkってmediaqueryに一発で不自然なく対応するものがほとんどだから、変に独自感出して無ければスマホ対応なんて一発だよ。
ただし、レイアウト周りからwidth, heightに依存しない作りにしないと行けないから、実装力は問われる。
ただし、レイアウト周りからwidth, heightに依存しない作りにしないと行けないから、実装力は問われる。
Are you relying solely on MediaQuery for responsive design in Flutter? Learn why it might not be the best approach and discover better alternatives. #Flutter #ResponsiveDesign https://blog.stackademic.com/stop-using-mediaquery-in-flutter-its-killing-your-ui-do-this-instead-a64f76e3bdb8?source=rss--…
https://blog.stackademic.com/stop-using-mediaquery-in-flutter-its-killing-your-ui-do-this-instead-a64f76e3bdb8?source=rss----d1baaa8417a4---4
“If MediaQuery is your go-to tool for responsive design in Flutter, you might be doing it wrong. Let’s talk about why, and what to do…
blog.stackademic.com
July 18, 2025 at 2:31 PM
Are you relying solely on MediaQuery for responsive design in Flutter? Learn why it might not be the best approach and discover better alternatives. #Flutter #ResponsiveDesign https://blog.stackademic.com/stop-using-mediaquery-in-flutter-its-killing-your-ui-do-this-instead-a64f76e3bdb8?source=rss--…
#Flutter Tip of the Day
Use MediaQuery's static methods...you know you want to
https://code-on-the-rocks.web.app/tips/easy-mediaquery/
Use MediaQuery's static methods...you know you want to
https://code-on-the-rocks.web.app/tips/easy-mediaquery/
Easy MediaQuery | Code On The Rocks
The MediaQuery widget is an InheritedWidget (more specifically an InheritiedModel) that passes a MediaQueryData object to its subtree.
code-on-the-rocks.web.app
August 15, 2023 at 6:07 PM
#Flutter Tip of the Day
Use MediaQuery's static methods...you know you want to
https://code-on-the-rocks.web.app/tips/easy-mediaquery/
Use MediaQuery's static methods...you know you want to
https://code-on-the-rocks.web.app/tips/easy-mediaquery/
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
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
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
https://startdebugging.net/2026/07/flutter-3-44-read-the-screen-corner-radius-from-mediaquery/?utm_source=bluesky&utm_medium=social&utm_campaign=auto
Pense, cada dispositivo uma resolução, isso só no tablet. Vai usar mediaquery pra cada ou ja lançaram uma novidade no css pra isso? Responsividade front-end me ferra…
October 10, 2024 at 6:19 PM
Pense, cada dispositivo uma resolução, isso só no tablet. Vai usar mediaquery pra cada ou ja lançaram uma novidade no css pra isso? Responsividade front-end me ferra…
后端仔用Flutter踩坑实录：说好的一套代码呢
这两天在使用 Flutter 整个笔记工具，准备做 Web 和手机端。
我做为一名后端程序员，对前端和Dart一窍不通。
跟着教程和AI折腾，堆了快两万行。真到要调样式的时候，傻眼了。
想的是：改好手机端的布局，Web端应该自适应跟着好了。
实际上：手机端调舒服了，打开Web一看，排版全乱。回头修Web的样式，手机上的组件位置又不对了。两边互相拉扯，根本解不开。
我也按大家说的，用了MediaQuery区分屏幕...
Read more: https://versun.me/blog/backend-to-flutter-struggles
这两天在使用 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
后端仔用Flutter踩坑实录：说好的一套代码呢
这两天在使用 Flutter 整个笔记工具，准备做 Web 和手机端。
我做为一名后端程序员，对前端和Dart一窍不通。
跟着教程和AI折腾，堆了快两万行。真到要调样式的时候，傻眼了。
想的是：改好手机端的布局，Web端应该自适应跟着好了。
实际上：手机端调舒服了，打开Web一看，排版全乱。回头修Web的样式，手机上的组件位置又不对了。两边互相拉扯，根本解不开。
我也按大家说的，用了MediaQuery区分屏幕...
Read more: https://versun.me/blog/backend-to-flutter-struggles
这两天在使用 Flutter 整个笔记工具，准备做 Web 和手机端。
我做为一名后端程序员，对前端和Dart一窍不通。
跟着教程和AI折腾，堆了快两万行。真到要调样式的时候，傻眼了。
想的是：改好手机端的布局，Web端应该自适应跟着好了。
实际上：手机端调舒服了，打开Web一看，排版全乱。回头修Web的样式，手机上的组件位置又不对了。两边互相拉扯，根本解不开。
我也按大家说的，用了MediaQuery区分屏幕...
Read more: https://versun.me/blog/backend-to-flutter-struggles
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
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
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
Composability would fix these two problems
August 13, 2026 at 1:12 PM
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
Composability would fix these two problems
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 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
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 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…
Day 5. A reactive MediaQuery built in state, a reactive prefersReducedMotion for easier accessibility in JS and subscription helper for library authors.
December 6, 2024 at 7:25 PM
Day 5. A reactive MediaQuery built in state, a reactive prefersReducedMotion for easier accessibility in JS and subscription helper for library authors.
Question just occurred to me, when #Apple finally add support for the 'pointer' mediaquery, will the pencil be correctly identified as fine?
September 11, 2015 at 8:49 AM
Question just occurred to me, when #Apple finally add support for the 'pointer' mediaquery, will the pencil be correctly identified as fine?
dev.to/maroun_baydo... - use #CSS #MediaQuery in #JavaScript. Nice walk-through www.linkedin.com/in/marounbay....
Using media queries with JavaScript
Media queries are not limited to CSS. JavaScript can also react to them. This can be very useful when...
dev.to
May 27, 2025 at 9:48 PM
dev.to/maroun_baydo... - use #CSS #MediaQuery in #JavaScript. Nice walk-through www.linkedin.com/in/marounbay....
Another banger from Advent of @svelte.dev, whilst this was possible before having it built in to the framework and avoiding in-app bindings for these things is a big win.
This is just proving that small, incremental changes can make a huge difference to UX.
This is just proving that small, incremental changes can make a huge difference to UX.
December 11, 2024 at 5:27 PM
Another banger from Advent of @svelte.dev, whilst this was possible before having it built in to the framework and avoiding in-app bindings for these things is a big win.
This is just proving that small, incremental changes can make a huge difference to UX.
This is just proving that small, incremental changes can make a huge difference to UX.
svelte/reactivity • Docs • Svelte
svelte/reactivity • Svelte documentation
svelte.dev
December 5, 2024 at 3:53 PM
December 5, 2024 at 3:47 PM
