По промокоду «YouMeow» скидка 900 рублей на интенсив или программу профессии в Академии - tml.io/mbf87

«Сайты не должны выглядеть одинаково во всех браузерах» - главная мысль выпуска! Когда это до всех дойдёт?!

"Усложнять простое проще, чем упрощать сложное" -- це генiально!

"Пиксель-перфект - это попасть в сетку и в горизонтальные размеры блоков, то у вас есть шанс" Это шедеврально !!!!

Вадим, ты крутой!

Бомбезный формат. Автор спасибо!

Спасибо, Вадим! Всегда интересно и по делу!)

Мало что поняла, но главную мысль вроде ухватила.Спасибо. Ведущий Огонь! :)))

Расскажите пожалуйста об conditional comments вроде:

Жаль, что закрыли эту рубрику

Лайк и подписка за детали и полезность

Очень толково!

Расскажи про will-change в каких случаях его лучше использовать, и про оптимизацию как таковую.

Вадим, расскажите в каких относительных размерах задавать padding: в % или rem? а margin? Что лучше для резиновости? (вопрос стоит только в рамках % и rem)

смотрю на замедленном воспроизведении капец, обычно наоборот бывает)

Блестяще!

Вадим, а можешь рассказать про организацию html и css? Например, большинство верстальщиков обнуляют стили в своих css файлах, затем пишут правила для заголовков, дальше хедер, футер и т.д. Разбиваешь ли ты файлы стилей (думаю, да). Можешь рассказать об этом подробнее?

А что насчет разных разрешений экранов в мониторах одного размера? Не могу найти информацию про это. К примеру 100 пикселей же будут визуально меньше на fullhd в сравнении со ста пикселями на hd экране, если размеры мониторов одинаковые. Это в верстке как-то учитывается?

Могли бы вы ответить на один вопрос. Почему в Explorer список не анимирован а на остальных браузерах робота идет как надо ?

Добрый день!Расскажите о future detection в верстке.

Макеев, подскажи или объясни. В каком плане = bem - это не просто договоренности? Bem помогает создавать страницу адаптивной без media запросов, как это?

ВОПРОС. Почему Firefox так плохо поддерживает 3D анимации (WebGl и в частности ThreeJS) почему падает FPS и как с этим бороться?

Спасибо теска)))

С каждым разом паузы между репликами всё заметнее (

ВОПРОС. Стоит ли пытаться угодить всем? Например есть ли смысл адаптировать сайт под какие-нибудь неизвестные китайские телефоны со встроенными в них неизвестными китайскими браузерами? И где эта черта? Что обязательно на ваш взгляд, а что опционально?

Вадим, напомните пожалуйста где вы покупаете футболки =)

Как правильно добавлять изображения на сайт? С помощью img или с помощью свойства background для div'a, например?

О***нное видео! Спасибо вам!

Эх! Стоило бы про автопрефиксеры упомянуть.

Ты где пропал?

Вот на сайте академии, когда проходишь курсы, футер на мониторе 4к висит над нижней границей экрана. Нужно ли что-то делать с такими ситуациями, например, устанавливать min-height: 100vh (или calc(100vh - футер и хедер)) для контента или и так сойдет?

«Сайты не должны выглядеть одинаково во всех браузерах» - только, как мне помнится, пиксель-перфект в критериях в академии :)

Моё мнение таково: сайты не должны выглядеть одинаково в разных браузерах, но обязаны быть компактными лёгкими и удобными во всех браузерах. И жрать как можно меньше трафика. Вот например сейчас я в Opere сохранил вот эту самую страницу youtube, и она весит 2 с лишним мегабайта (не считая картиночек)!!! Если бы я до сих пор сидел на EDGE (2G), эта страница грузилась бы таааааааак долго.

Крутая программа, но уже прошёл месяц, а новых выпусков нет. Вы случайно не забросили идею про рассказывание сложных и важных вещей подробно, коротко и внятно?

Прекрасный путеводитель, чудесная история очень интересно и здорово. Вадим , у меня, у новичка один единственный вопрос - почему люди имеющие кучу опыта в верстке и разработке , уделяют инструментам по устранению проблем в браузерах, 1 слово за весь выпуск а именно "префиксы" , я больше ни чего из этого видео полезного не вынес . Первый раз пишу комментарий такого тона , от непонимания соотношений опыта и конечного результата в виде баллад о движках. Вы говорите о пожеланиях в коменты , вот мои : -Рассказывайте нам новичкам о инструментах для решения проблем, а не о том о чем вы холиварите на элитных автопартях ("сайты не должны выглядеть одинаково" и бла бла бла - какая к черту разница если это в конечном счете всё равно индивидуально ), я рассчитывал открыть видео и увидеть на что сейчас актуально обратить внимание, с чем познакомиться , что научиться использовать а тут чудесная байка. -Расскажите нам новичкам про стандарты Js , я учу js что мне нужно знать о стандартах какой учить, что актуально чем отличается и т.д . Буду очень благодарен.

дойдет что html... должен быть везде одинаково) а привычки....пофигу) А то жопа будет полная!!!!

ВОПРОС. Как правильно тестировать сайт на предмет кроссплатформенности? неужели нужно покупать все модели телефонов и планшетов?

А мне казалось что движок вебкит у всех браузеров. А сейчас обязательно прописывать префексы ? А как проверить сайт если нет устройства apple

Ребят, куда пропали шорты?

Так ты раскроешь секрет, где ты берешь эти майки ?

Футболка уже была!

лоооол, вы так похожи на Ходорковского)

Вадим, мы с другом начали спорить, о том какой из селекторов быстрее для браузера. Друг утверждает, что селекторы типа: ".nav-list .nav-item a", быстрее чем "nav__link", т.е селектор из трёх элементов против одиночного селектора, какой из них будет быстрее?

Я скинул, конечно же, это видео тестировщикам и некоторым заказчикам, но, думаю, им нет дела до всего этого - надо, чтобы было красиво везде. Ты сверстать это, что ли, не можешь? Пф...

Так я не понял - когда в требованиях к вакансии говорят что надо уметь "кроссбраузерную верстку", что конкретно я должен уметь?

ВОПРОС. как тестировать сайт на Сафари если нет макбука?

Вот откуда новые баги в хроме на айфонах.

Шортов больше не завезут?

Вадим, как победить Google PageSpeed Tools на 100/100

Всем привет! Вопрос на засыпку ) Мне пока, что никто толком не сказал ответа. Есть множество сайтов, где ссылки сделаны с эффектом transition. Я специально сделал пустую страницу, где всего лишь одна ссылка с эффектом transition, вот она: ambientfeel.com/test2/index.html , если обновлять страницу (CTRL+F5) либо открывать в новой вкладке, то можно увидеть мерцание - переход от синего цвета до заданного мною цвета в стилях, белого. Это наблюдается только в хроме. Я задавал вопрос владельцам сайтов, у которых есть в меню допустим транзишоны у ссылок, но никакого мерцания нет, и самое интересное, что они сами не могли понять, почему его нет у них на сайте, хотя сделано всё тоже самое, ссылка с эффектом transition. В интернете очень мало инфы про этот баг, но мне больше интересно, неужели люди делают сайты и непроизвольно, непонятным для себя образом решают эту проблему. У кого какие догадки? )

На слух плохо ложиться инфа....

У фанатов CSS3 есть боевой клич: "Веб-сайты не должны выглядеть абсолютно одинаково на всех браузерах". dowebsitesneedtobeexperiencedexactlythesameineverybrowser.com/

Если можно, то чу-чуть по медленее

Самый нормальный браузер Netscape до сих пор пользуюсь

BrowserStack - самый бесполезный инструмент для тестирования iOS. Сколько раз уже было - тестировщики проверяют сайт в BrowserStack под какой-нить ретина Ipad и рапортуют об обнаруженном баге. Часто это касается поворота устройства - содержимое не перестраивается на всю ширину. Или проблемы с брекпойнтами... Все это проблемы с масштабированием в BrowserStack. Физически разрешение машины, на котором идет процесс тестирования меньше разрешения эмулируемого устройства. Отсюда и все эти траблы. Стоит протестировать на реальном планшете - всех этих багов нет.

а как же Амиго и Тор?

Всё? Шорты мертвы?

Я заметил, что на каждом видосе по 2% дислайков

Сумбур. История вперемешку с чем-то... Что-то с чем-то. Нет визуализации - кто-то в кадре быстро говорит. О технологиях почти ноль. За что-то тут лайк?

опять этот тормоз все теорию говорит.ты практику говори

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

Тааак неинтересно преподнесено...