Инструменты для верстки

@fajjet · Регистрация: 16.01.2014

Студворк — интернет-сервис помощи студентам

При адаптивной верстке хотелось бы обновление страницы в режиме реального времени. Именно при ресайзинге страницы. Мол я постепенно делаю меньше ширину браузера, не отпуская mouse1, и моментально показывается результат. Просто знаете такую вещь. Можно медиа запросами прописать правила для 400px, а косячок будет таиться на 401px. Чтобы не пропустить такие участки, нужно сжимать браузер и видеть результат в режиме реального времени. Я же не могу по пикселю проверять от 2000px до 1(((( Такое решение существует. Я сам видел у одного верстальщика))) Забыл спросить у него) Теперь вряд ли его увижу когда-нибудь(( И еще. Может есть расширение для хрома, которое показывает ширину и высоту контента браузера. Фаербаг не предлагать. Именно, чтобы всегда отображалось.

@Master_Yi · 26.07.2015, 02:57

Чувак, по пикселю не надо, все оптимизируется если менять число в 2 раза. В итоге 2000/2 = 1000/2 = 500/2 = 250/2 = 125/2 = 62/2 = 31/2 ... В общем так ты найдешь промежуток очень быстро, с таким же успехом ты поделишь и сам промежуток....

Добавлено через 1 минуту
Я за 20 секунд разброс в 232 пикселя нашел... Не знаю почему он был таким большим(да, это еще большой разброс, а ты про 2000 говоришь) но это было просто

Добавлено через 55 секунд
А так же не мучай медиазапросы сильно, иначе сайт лопнет от их количества. Если я не прав - обматерите меня и скажите правильный ответ с доказательством.

@fajjet · 26.07.2015, 03:00 **[ТС]**

Ты явно не понял о чем я писал. Мне не надо искать определенный промежуток. Мне надо видеть картину в общем на каждом пикселе. Такое расширение для браузера существует. Чтобы при ресайзе браузера моментально происходил рефреш, при этом не отжимая mouse1. То есть за 10 сек можно проверить весь сайт и увидеть есть ли косяки в определенном блоке.

@Master_Yi · 26.07.2015, 03:03

Так медиазапросы работают динамически. Просто посжимай страницу руками и если есть косяки - ты увидишь. Ну это если у тебя сайт новостей там и все блоки с картинками и текстом одинаковые и зависят от одних и тех же классов. Впрочем это я бы так делал, старыми деревенскими способами, ибо я слишком ленив что бы искать что-то подобное. Короче говорят пошел я, не буду мешать интеллектуальным дискуссиям своим неприличным жаргоном и методами каменного века.

@fajjet · 26.07.2015, 03:16 **[ТС]**

DD. Я сжимал страницу руками всегда. И часто пропускал косяки из-за этого. Медиа запросов больше не станет от того, что я буду видеть состояния сайта на любой ширине. Просто решения будут исходя из полной картины. с 2000px до 1200px через каждый 200-300px делается медиа запрос. от 1200 - 700px через каждый 150px. От 700px и до 320 через каждые 50-100px. Ты опять не понял о чем я пишу. Смотри. Зажимаешь mouse1 на ширине экрана и начинаешь уменьшать ее, не отпуская зажатую кнопку мышки. Вот в таком режиме должен обновляться браузер. В режиме реального времени. Без отпускания кнопки мыши.

Добавлено через 7 минут
а все))) Я короче сам понял. У меня быстродействие на винде было обрезанное))))0)00)) Из-за этого. Развел тут балаган)) Все, тема закрыта))

@Master_Yi · 26.07.2015, 03:16

А я пошел проверять что за ересь уже...
Пфф..

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image 8Observer8 10.02.2026 Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .	Установка Qt-версии Lazarus IDE в Debian Trixie Xfce volvo 10.02.2026 В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .
SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer 8Observer8 08.02.2026 Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .	SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств 8Observer8 07.02.2026 Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .	SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .

@fajjet 3 / 3 / 2 Регистрация: 16.01.2014 Сообщений: 125

	Инструменты для верстки 26.07.2015, 01:44. Показов 1240. Ответов 5 Метки нет (Все метки) При адаптивной верстке хотелось бы обновление страницы в режиме реального времени. Именно при ресайзинге страницы. Мол я постепенно делаю меньше ширину браузера, не отпуская mouse1, и моментально показывается результат. Просто знаете такую вещь. Можно медиа запросами прописать правила для 400px, а косячок будет таиться на 401px. Чтобы не пропустить такие участки, нужно сжимать браузер и видеть результат в режиме реального времени. Я же не могу по пикселю проверять от 2000px до 1(((( Такое решение существует. Я сам видел у одного верстальщика))) Забыл спросить у него) Теперь вряд ли его увижу когда-нибудь(( И еще. Может есть расширение для хрома, которое показывает ширину и высоту контента браузера. Фаербаг не предлагать. Именно, чтобы всегда отображалось. 0

@Master_Yi 13 / 10 / 3 Регистрация: 22.12.2013 Сообщений: 378
	26.07.2015, 02:57
	Чувак, по пикселю не надо, все оптимизируется если менять число в 2 раза. В итоге 2000/2 = 1000/2 = 500/2 = 250/2 = 125/2 = 62/2 = 31/2 ... В общем так ты найдешь промежуток очень быстро, с таким же успехом ты поделишь и сам промежуток.... Добавлено через 1 минуту Я за 20 секунд разброс в 232 пикселя нашел... Не знаю почему он был таким большим(да, это еще большой разброс, а ты про 2000 говоришь) но это было просто Добавлено через 55 секунд А так же не мучай медиазапросы сильно, иначе сайт лопнет от их количества. Если я не прав - обматерите меня и скажите правильный ответ с доказательством. 0

@fajjet 3 / 3 / 2 Регистрация: 16.01.2014 Сообщений: 125
	26.07.2015, 03:00 [ТС]
	Ты явно не понял о чем я писал. Мне не надо искать определенный промежуток. Мне надо видеть картину в общем на каждом пикселе. Такое расширение для браузера существует. Чтобы при ресайзе браузера моментально происходил рефреш, при этом не отжимая mouse1. То есть за 10 сек можно проверить весь сайт и увидеть есть ли косяки в определенном блоке. 0

@Master_Yi 13 / 10 / 3 Регистрация: 22.12.2013 Сообщений: 378
	26.07.2015, 03:03
	Так медиазапросы работают динамически. Просто посжимай страницу руками и если есть косяки - ты увидишь. Ну это если у тебя сайт новостей там и все блоки с картинками и текстом одинаковые и зависят от одних и тех же классов. Впрочем это я бы так делал, старыми деревенскими способами, ибо я слишком ленив что бы искать что-то подобное. Короче говорят пошел я, не буду мешать интеллектуальным дискуссиям своим неприличным жаргоном и методами каменного века. 0

@fajjet 3 / 3 / 2 Регистрация: 16.01.2014 Сообщений: 125
	26.07.2015, 03:16 [ТС]
	DD. Я сжимал страницу руками всегда. И часто пропускал косяки из-за этого. Медиа запросов больше не станет от того, что я буду видеть состояния сайта на любой ширине. Просто решения будут исходя из полной картины. с 2000px до 1200px через каждый 200-300px делается медиа запрос. от 1200 - 700px через каждый 150px. От 700px и до 320 через каждые 50-100px. Ты опять не понял о чем я пишу. Смотри. Зажимаешь mouse1 на ширине экрана и начинаешь уменьшать ее, не отпуская зажатую кнопку мышки. Вот в таком режиме должен обновляться браузер. В режиме реального времени. Без отпускания кнопки мыши. Добавлено через 7 минут а все))) Я короче сам понял. У меня быстродействие на винде было обрезанное))))0)00)) Из-за этого. Развел тут балаган)) Все, тема закрыта)) 0

@Master_Yi 13 / 10 / 3 Регистрация: 22.12.2013 Сообщений: 378
	26.07.2015, 03:16
	А я пошел проверять что за ересь уже... Пфф.. 0