На такого рода эмуляцию не стоит пологаться на 100%. Разнится с нативным браузером устройства, результат может быть разный.

В большинстве случаев одинаково, здесь проблема в скриптах

Так дев тулс не показывает в режиме адаптива .fancybox-mobile

Я инспектирую, зайдя с мобильного устройства, и вижу, что там присутствует класс .fancybox-mobile.

В большинстве случаев одинаково, здесь проблема в скриптах

Согласен, в большинстве, но не во всех.

Я инспектирую, зайдя с мобильного устройства, и вижу, что там присутствует класс .fancybox-mobile.

Какой браузер используете? У меня в хроме инспектора нет. ff?

Я об этом и писал, что как отладить. Спасибо за подсказку.

Я руками в инспекторе заменил класс на .fancybox-desktop и вижу желаемый вами результат! Капайте в эту сторону...

Речь о мобильном устройстве.

Какой браузер используете? У меня в хроме инспектора нет. ff?

iPhone X Safari

Окей

Кстати, мелкий оффтоп, кто-то уже прикупил макбуки 2018? Речь идет об 15 дюймовых моделях Думаю купить на этой неделе, но хотел спросить о проблемах, которые были на старте продаж. Наблюдаются еще?

Окей

Просто избавьтесь от лишнего селектора .fancybox-desktop для меню и все у вас будет работать.

Так и сделал

Просто избавьтесь от лишнего селектора .fancybox-desktop для меню и все у вас будет работать.

Это мусорные плагины добрасывают тонну классов, видимо

Так и сделал

Получилось? Не забудьте проверить вес правила.

не баг

Нет, не баг ;)

Да, получилось

Кстати, мелкий оффтоп, кто-то уже прикупил макбуки 2018? Речь идет об 15 дюймовых моделях Думаю купить на этой неделе, но хотел спросить о проблемах, которые были на старте продаж. Наблюдаются еще?

Проблема в том, что это макбук. Купи в эльдорадо «2 ядра, 2 гига», и наслаждайся жизнью.

:D

Проблема в том, что это макбук. Купи в эльдорадо «2 ядра, 2 гига», и наслаждайся жизнью.

Не, это уже повод к холивару, но нет)

:D

Не благодарите.

Не благодарите.

А вот нет, реально огромное спасибо.

А вот нет, реально огромное спасибо.

Обращайтесь. Из контекста вашего диалога, увидел, что вы используете величины вьюпорта (100vw). Это небезопасно!

Нет, вообще не пользуюсь vw

брать 15, так уж с 32 тогда, иначе в чем смысл, так то и 13 норм

Ну только один макет был такой, но сами просили

Надо на родителя, в которого width = 100vw

Увидел это тут.

Обращайтесь. Из контекста вашего диалога, увидел, что вы используете величины вьюпорта (100vw). Это небезопасно!

Там имелось ввиду родителя с полной шириной экрана, поэтому и равно вместо двоеточия поставил. А чем vw не безопасен?

Обращайтесь. Из контекста вашего диалога, увидел, что вы используете величины вьюпорта (100vw). Это небезопасно!

А в чем опасность?

По мне так если его использовать, то по всему макету, ибо контент едет, даже если %

То есть если vw/vh то это сразу и на шрифт, и на блоки, и на отступы, и на всё.

Проблема в том, что VW не учитывает размер скролл бара.

То есть, если вы установите width в значение 100vw для элемента, содержимое которого имеет вертикальную прокрутку, то на выходе получите 100% + размер скролл бара = горизонтальный скролл.

Саму величину использовать можно, но необходимо учитывать все подводные камни.

Проблема в том, что VW не учитывает размер скролл бара.

Кхм, не замечал. Всегда все ок было, мб в каких-то условиях такой баг вылазил

Кхм, не замечал. Всегда все ок было, мб в каких-то условиях такой баг вылазил

https://codepen.io/anon/pen/LJLypL

Кхм, не замечал. Всегда все ок было, мб в каких-то условиях такой баг вылазил

Попробуйте поджать окно браузера и вернуть обратно, и вы увидете то поведение, о котором я говорю.

Да, действительно печально

Очень неочевидная проблема, которая в последствии может принести много головной боли!

В общем, всем безопасных решений ;)

У кого есть пример пагинации слайдера?

Типо, при нажатии первой кнопки, открывается перавая

тому подобное

Если у кого-то есть примерно такое, то буду весьма признателен

jq?

да

без разницы вообще, я всё понимаю

Да я хотел просто решение написать от кол-ва слайдов в точки текст

точки то есть

?

Всем доброго времени суток!Очень нужен человек который бы смог проконсультировать по нескольким простым вопросам по поводу внешних ключей и индексируемых полей (MySQL).

https://codepen.io/gabrieleromanato/pen/fcyiF

всем привет! а скиньте ссылку на то как на ангуляре 2 приводят мобильные номера к виду: (___) ___ - -

пайп трансформер наверно или типа того

Добрый вечер))

У меня такая проблема при верстке

Сейчас скину скрин: Вот, то есть, мне нужно чтобы лого сайта было сверху (иными словами, поверх изображения)

Помогите пожалуйста, в чем может быть проблема?

https://codepen.io/ibrahim2/pen/mGwMbr

вот ссылка с кодом

Для лого position: absolute

Дальше гугли про позиционирование

ERROR: S client not available

Помогите пожалуйста, в чем может быть проблема?

Для начала, лучше отказаться от использования IMG для изображения, которое используется как фон. Это нужно сделать с помощью background и тогда у вас вообще не возникнет никаких проблем ;)

Для начала, лучше отказаться от использования IMG для изображения, которое используется как фон. Это нужно сделать с помощью background и тогда у вас вообще не возникнет никаких проблем ;)

Ну, я использовал подобный метод, то есть, когда прописывал background для header , но потом, когда хотел сделать адаптив, то само изображение не сужжалось))

Ну, я использовал подобный метод, то есть, когда прописывал background для header , но потом, когда хотел сделать адаптив, то само изображение не сужжалось))

И это был правильный путь! Вам нужно использовать background-size: cover + background-position: 50%, и тогда оно будет масштабироваться под размеры родительского элемента.

Ну, я использовал подобный метод, то есть, когда прописывал background для header , но потом, когда хотел сделать адаптив, то само изображение не сужжалось))

Только сомневаюсь, что нужно делать фон для HEADER. Скорее это должен быть его родитель.

Только сомневаюсь, что нужно делать фон для HEADER. Скорее это должен быть его родитель.

То есть?

Мне нужно создать ещё один класс внутри header?

То есть?

Смею предположить, что помимо HEADER'а у вас будет еще CONTENT и FOOTER. Фон же должен быть и у них, правильно!?

Мне нужно создать ещё один класс внутри header?

Нет, внутри HEADER ничего создавать не нужно. Нужно наоборот вне HEADER'а это сделать!

Мне нужно создать ещё один класс внутри header?

У вас должно получиться что-то типа этого https://codepen.io/anon/pen/PdjKJO

Ребят всем привет подскажите пожалуйста к сталкивался с установлением платежной системы на сайт интернет магазина ? Я хочу установить платежную систему с зарубежных кредитных карт. Если кто делал такое напишите пшлли33

ребят кто знает, как вывести ссылки и их значении доп поля на пример <a href="ссылка на значение доп поля">до поле значение 1</a> и так с несколькими значениями? в DLE?

значения через запятую)

Такой странный вопрос: как быстро верстать лендинги. Можеть какие-нибудь удобные библиотеки типа bootstrap но более современней

skeleton

Смею предположить, что помимо HEADER'а у вас будет еще CONTENT и FOOTER. Фон же должен быть и у них, правильно!?

Ну, в header у меня есть изображение. А так, да конечно будет content, но в нем не будет фонового изображение))

Нет, внутри HEADER ничего создавать не нужно. Нужно наоборот вне HEADER'а это сделать!

То есть?

Ну, в header у меня есть изображение. А так, да конечно будет content, но в нем не будет фонового изображение))

Нужно понимать конечное задание, я сейчас на кофейной гуще гадаю xD. Если фон должен быть только у HEADER'а, тогда да, делаем background именно HEADER'у!

Ну, в header у меня есть изображение. А так, да конечно будет content, но в нем не будет фонового изображение))

Вам нужно разобраться с отличием декораций от содержимого. Все, что есть декорация, то есть - дизайн, желательно оформлять с помощью background, если обратного не требует задача, и наоборот, для содержимого, например, изображение новости, нужно использовать IMG, потому что это контент!

Ок, допустим, я сделаю лого с отдельным классом, то как потом мне его адаптировать под другие устройства, например для мобильных устройств? Допустим, лого у меня в <div class="logo"> И внутри уже прописываем путь </div> То потом, мне нужно прописать селектор в файле для адаптивной вёрстки следующий код: .logo img {}

Правильно?

Да, верно. И с помощью media заголовков вы сможете манипулировать логотипом при определенных ширинах.

Так же, старайтесь строить свои селекторы таким образом, чтобы вы не обращались к элементам с помощью селекторов тегов. .logo img стоит дороже, чем .logo__image! У вас же нет никаких проблем добавить класс самому изображению.

Да, верно. И с помощью media заголовков вы сможете манипулировать логотипом при определенных ширинах.

То есть, это не отразится на читабельность и качество кода?

Всем привет,кто может скинуть полный сет того что нужно знать современному frontend разработчику?

Так же, старайтесь строить свои селекторы таким образом, чтобы вы не обращались к элементам с помощью селекторов тегов. .logo img стоит дороже, чем .logo__image! У вас же нет никаких проблем добавить класс самому изображению.

То есть, прописать селектору вместо img просто image?

Привет я начинающий фронтенд разработчик, ищю друзей с кеми буду учиться и обсуждать HTML, CSS, JavaScript (JQuery), Bootstrap 4,

Предлагайте цены! Заплачу за установлнение платежной системы у меня на сайтеэ

Всем привет! Возможно на JS сделать определяющию степень качества фотографии исходя из разрешения картинки? Может есть готовые библиотеки?

Привет я начинающий фронтенд разработчик, ищю друзей с кеми буду учиться и обсуждать HTML, CSS, JavaScript (JQuery), Bootstrap 4,

А зачем?

Ты сейчас находишься в конференции, в которой можно спокойно обсуждать эту тему

Всем привет! Возможно на JS сделать определяющию степень качества фотографии исходя из разрешения картинки? Может есть готовые библиотеки?

ммм, зач?

Всем привет! Возможно на JS сделать определяющию степень качества фотографии исходя из разрешения картинки? Может есть готовые библиотеки?

нельзя по идее, разрешения бывают разные, может картинка качественная, может нет