[Перевод] Диапазоны медиа-запросов CSS

Медиа-запросы (media queries) - это основа отзывчивого дизайна. Мы используем их для определения того, как должен меняться дизайн на основе размеров области просмотра (viewport). Но синтаксис min-width и max-width может вызывать путаницу, и в некоторых случаях вызывает проблемы макета (layout), которые трудно выявить. Цель этой статьи - убедить вас использовать запросы диапазонов (range queries), начиная с сегодняшнего дня.

https://habr.com/ru/articles/1033266/

#css #styles #media_queries #range_queries #container_queries #стили #запросы_диапазонов #запросы_к_контейнеру #медиазапросы #breakpoints

Диапазоны медиа-запросов CSS

1. Введение Медиа-запросы (media queries) - это основа отзывчивого дизайна. Мы используем их для определения того, как должен меняться дизайн на основе размеров области просмотра (viewport). Но...

Хабр

BOOTOSHI (@KingBootoshi)

디버깅과 브레이크포인트 기능을 새로 알게 됐다는 내용으로, 프로그램을 실행 중간에 멈춰 변수 값을 확인하는 개발 방식이 소개됐다. 또한 마이크로소프트의 MCP 서버도 언급돼 개발자 도구 활용에 대한 관심을 보여준다.

https://x.com/KingBootoshi/status/2042128668374528245

#debugging #breakpoints #microsoft #mcp #developertools

BOOTOSHI 👑 (@KingBootoshi) on X

just learned about debugging & breakpoints! VERY COOL I DID NOT KNOW YOU CAN LITERALLY PAUSE THE PROGRAM MID LINE TO GET THE EXACT VALUE OF A VARIABLE IN THE RAM the days of adding console.log spam is over! did you know microsoft made an MCP server for this too? only plugs

X (formerly Twitter)

Du kennst das: Irgendwas funktioniert nicht, du hast keinen Plan warum, und der schnellste Griff geht zu `System.out.println()`. Einmal rauswerfen, nochmal laufen lassen, Ausgabe anschauen - fertig. Das fühlt sich an wie Debugging, ist es aber nicht. Es ist eher eine improvisierte Spurensuche mit T

https://magicmarcy.de/warum-system-out-println-kein-debugging-ist

#Debugging #Logging #Print #IntelliJ #Java #KonsoleStepInto #StepOver #Breakpoints #Watches #Programming

Warum System.out.println() kein Debugging ist | magicmarcy.de

Du kennst das: Irgendwas funktioniert nicht, du hast keinen Plan warum, und der schnellste Griff geht zu `System.out.println()`. Einmal rauswerfen, nochmal laufen lassen, Ausgabe anschauen - fertig. Das fühlt sich an wie Debugging, ist es aber nicht. Es ist eher eine improvisierte Spurensuche mit Taschenlampe, während du eigentlich ein komplettes Werkzeugset neben dir liegen hast.

magicmarcy.de
🚀 Get ready for a "deep dive" into QEMU's #TCG... because who doesn't love endlessly recursive #jargon loops? 🤯 You might want to brush up on your "Execution loop" and "Breakpoints handling" first, because this article assumes you're already knee-deep in obscure tech minutiae. Enjoy the ride, if you can stay awake! 😴
https://airbus-seclab.github.io/qemu_blog/tcg_p1.html #QEMU #ExecutionLoop #Breakpoints #TechDeepDive #HackerNews #ngated
A deep dive into QEMU: The Tiny Code Generator (TCG), part 1

A series of posts about QEMU internals:

QEMU internals

Just came to mind and noticed there was no meme about it. Now there is one.

#meme #programming #debug #debugging #debugger #breakpoints #lol

@blindprogrammers @main @mastoblind Does anyone know how to use #breakpoints with a #screenReader in #VSCode? Someone suggested using them might help me debug my #code but I'm not sure how to use them or if they're #accessible.
#JavaScript #programming #coding #blind #accessibility #VisualStudioCode
If you’re not listening to the James Dempsey and the #Breakpoints set, you’re missing a show. Shloka and Pavan are just shredding it.
Tickets will be released soon to witness @jamesdempsey and the Breakpoints presenting a live performance on Wednesday, June 12. Stay tuned for ticket availability. For additional details, visit: https://livenearwwdc.com/ #livemusic #concert #jamesdempsey #breakpoints
LIVE near WWDC

Join James Dempsey and the Breakpoints, the iTunes chart-topping, nerd band for a night of original programming-oriented music and humor to benefit Techtonica.

To modify the screen size at which the WordPress Gutenberg Navigation Block switches over from displaying a list of menu items to displaying a collapsed mobile menu – the following code (added as custom CSS to your theme) will do the trick for you.

This code changes the breakpoint from 600px to 1000px. This affects only the Navigation block 👍🏽).

Clean. Concise. Simple.

@media ( min-width: 1000px ) { .wp-block-navigation__responsive-container-open:not(.always-shown) { display: none !important; } .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: block !important; }}@media ( min-width: 600px ) { .wp-block-navigation__responsive-container-open:not(.always-shown) { display: flex; } .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: none; }}

Source: https://stackoverflow.com/questions/74956603/wordpress-navigation-block-how-to-change-mobile-breaking-point

Was this helpful?

Submit Cancel

Thanks for your feedback!

https://mindcreatesmeaning.com/wordpress-navigation-block-modify-mobile-breakpoint/

#breakpoints #css #gutenberg #wordpressNavigationBlock

Wordpress Navigation Block: how to change mobile breaking point?

Cheers. Anybody knows if I can change properly the mobile breaking point of the wordpress navigation block (wp-block-navigation) for example in theme.json or over functions.php? There is a css solu...

Stack Overflow
🛠️ Should breakpoints always break? Dive into the world of non-breaking breakpoints or 'tracepoints' as we explore in our latest blog post. Say goodbye to traditional debugging limits. #Debugging #Breakpoints https://debugagent.com/when-breakpoints-dont-break
When Breakpoints don't Break

I discussed tracepoints quite a bit in my blog and videos. They are wonderful, but I feel the nuance of non-breaking is a bit lost. The true power of this amazing tool is hidden due to our debugging habits and our preconceived notions about debugging...

Java, Debugging, DevOps & Open Source