• Почему различаются шрифты photoshop и браузера(Montserrat)?

    dom1n1k
    @dom1n1k
    Шрифт Montserrat не так давно обновлялся, и они там поменяли шкалу жирности. В репозитории на эту тему даже небольшой срач был:
    https://github.com/JulietaUla/Montserrat/issues/63
    Очень возможно, что шрифт в системе и веб-версия разных версий и действительно отличаются.
    Ответ написан
    Комментировать
  • Обязательно ли сегодня оптимизировать картинки под retina?

    dom1n1k
    @dom1n1k
    Иконки - крайне желательно.

    С фотографиями вопрос спорный, поскольку уже давно неактуальна практика подгонять размер картинки пиксель-в-пиксель под её место на сайте. Когда-то в незапамятные так делали и тому был ряд причин:
    - популярность фиксированной и "полуфиксированной" верстки;
    - очень строгая экономия трафика;
    - некачественные алгоритмы масштабирования в браузерах.
    Сейчас должно тянуться (почти) всё и всегда, поэтому зачастую фотографии просто берутся несколько больше, чем нужно (в разумных пределах, конечно), чтобы запас по разрешению покрывал растяжение на большие экраны и ретину.

    Но вообще, если заморочиться и через srcset/picture сделать 2-3 версии картинок разного размера - это будет хорошо. Но гемору больше. И выбирать размеры нужно вдумчиво, а то иногда можно получить обратный эффект - траф будет не экономиться, а тратиться наоборот больше.
    Ответ написан
  • Зачем разделяют дизайн и верстку?

    dom1n1k
    @dom1n1k
    Изрядная доля истины тут есть. И для небольших проектов, пожалуй, так и лучше - когда дизайнер сам же и верстает.
    Почему? Потому что качество верстки намного лучше. Потому что, если я рисовал этот блок, то я точно знаю всю его внутреннюю логику: откуда у меня взялся этот размер, откуда тот, почему то выровнено в этим, как должны соотноситься кегли шрифтов, как ведут себя отступы, если контент будет другого размера или вообще отсустствовать и так далее.

    Верстальщики, которые всё это сами видят и понимают... их единицы. Шанс встретить такого в реальной жизни примерно равен шансу отобедать с британской королевой.
    99% верстальщиков этого не понимают. В лучшем случае он будет попиксельно снимать размеры с макета и хардкодить их в стилях магическими константами, не понимая логики. В большинстве же случаев он сделает на глазок, а плавающие на плюс-минус несколько (и хорошо если не несколько десятков) пикселей отступы его не смущают. Самое удивительное, что многие программисты на эти погрешности даже не забивают, а искренне не замечают!

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

    Для проектов больших ситуация иная - там просто физически не получится охватить и то, и то.
    Ответ написан
    Комментировать
  • Как в Node.js выстроить очередь запросов к API с паузами?

    dom1n1k
    @dom1n1k Автор вопроса
    В общем, убил полтора дня, но разобрался и сделал всё на PHP.
    Ответ написан
    Комментировать
  • В чем преимущество при использовании CSS-препроцессоров включения во вложенное имя стиля имени его родителя?

    dom1n1k
    @dom1n1k
    Почитайте про БЭМ. Причем желательно не просто краткое объяснение методологии, а с историческими выкладками, откуда и почему он взялся. Ещё очень полезно послушать старые лекции Виталия Харисова на эту тему.

    PS На мой вкус, приведенный пример с кучей импортов переусложнен. Вытаскивать в отдельный файл каждый элемент блока нет смысла. Зачем отдельный файл десятку строк кода? А если их там много, значит скорее всего блок надо разбивать на подблоки.
    Ответ написан
  • Какой максимальный размер верстки?

    dom1n1k
    @dom1n1k
    Мониторы на 3440 и более пикселей никто не использует в родном масштабе - всё будет очень мелко. Ставят 150% или даже 200%, смотря по вкусу, зрению и задачам. Те мониторы изначально на это рассчитаны. Исключения, конечно, возможны, но это ппц какая редкость. Думаю, максимальная ширина (в css-пикселях), которую можно встретить в жизни - 2560.

    Адаптировать под неё верстку чаще всего (хотя и не всегда!) не нужно - будет слишком широко, ставят ограничение на ширину контента порядка 1400-1800.

    Но иметь его в виду всё равно нужно, чтобы не поймать багов типа неожиданно оборвавшегося фона, который должен быть на весь экран. Был у меня такой случай лет 8 назад - тогда даже 1920 ещё мало у кого были, а уж большее было из области фантастики. Но у заказчика внезапно оказался именно такой - и мой фон на 2000px обрезался по бокам.
    Ответ написан
    Комментировать
  • Какие новые направления появились в верстке за 2 года?

    dom1n1k
    @dom1n1k
    1. Препроцессоры живее всех живых, за исключением малого процента хипстоты.
    2. Флекс из категории "можно, но очень осторожно" перешел в категорию "юзать по умолчанию".
    3. Ту самую роль "по чуть-чуть и осторожно" заняли гриды.
    Ответ написан
    Комментировать
  • Какой %-поддержки по caniuse считаете приемлемым?

    dom1n1k
    @dom1n1k
    Зависит от того, что делает свойство и насколько серьезно оно способно поломать сайт.
    Для свойств, на которых держится вся верстка (гриды, например) нужно как минимум 95%. Для декора (скруглённые уголки, тенюшки) даже 50% вполне ок.
    Ответ написан
    Комментировать
  • Книги по веб-дизайну, которые уже неактуальные?

    dom1n1k
    @dom1n1k
    Кирсанов безнадёжно устарел по технической части, но весьма хорош по части теории дизайна.
    Ответ написан
    Комментировать
  • Можно ли верстать сайт без модульной сетки?

    dom1n1k
    @dom1n1k
    Говносайт можно. Нормальный нельзя.
    Но тут есть очень важный нюанс: в понимании многих веб-разработчиков "сетка" - это какие-то равные колонки а-ля бутстрап или что-то наподобии. Но сетки могут быть очень разные, с самым разным количеством колонок, с различными ширинами колонок и так далее.
    Ответ написан
    2 комментария
  • Какой монитор выбрать по дюймам для работы в верстке и легкий дизайн сайтов?

    dom1n1k
    @dom1n1k
    1920 для комфортной работы уже мало, конечно. Советы про 27+ правильные. Но обычно всё в финансы упирается - тут уж каждый сам решает.
    Ответ написан
    5 комментариев
  • Как делать адаптивные галереи?

    dom1n1k
    @dom1n1k
    Там ключевой момент не во флексе, а в свойстве object-fit. Потому что идеально подобрать и упаковать разноформатные фото всё равно невозможно - по любому придётся их подрезать.
    Ответ написан
    Комментировать
  • HTML, CSS: Какими комментариями Вы отмечаете начало и конец блока?

    dom1n1k
    @dom1n1k
    Не считая отбивки пустыми строками, конец блока не обозначаю никогда, начало - почти никогда. В отличие от JS, где очень часто полезно написать что и как делает функция, в НTML смысл блока, как правило, и так ясен из его класса и/или идентификатора. Достаточно комментировать только какие-то тонкие моменты. В CSS аналогично - комментировать целый блок редко когда нужно, только отдельные правила (зачем оно, откуда взялось значение и тд).
    Ответ написан
    Комментировать
  • Как улучшить форму калькулятора?

    dom1n1k
    @dom1n1k
    По-моему, сама идея совать калькулятор (тем более такой довольно большой и развесиситый) в боковую панельку - ущербная. Это должна быть нормальная отдельная страница. И чтобы сворачивались-разворачивались только разделы, а не каждая строчка отдельно - я не хочу жать на эти плюсики 100500 раз на каждый чих.
    Ответ написан
    Комментировать
  • Какой вариант HTML разметки лучше?

    dom1n1k
    @dom1n1k
    Не вижу ни одного достоинства у 2-го варианта. В чем смысл так делать?
    По скорости - 1-ый, очевидно, быстрее (тупо меньше элементов), но разница пренебрежимо мала почти всегда, за исключением особо клинических случаев.
    Ответ написан
    6 комментариев
  • Corel Draw для Web актуален?

    dom1n1k
    @dom1n1k
    Что значит в веб-разработке?
    Если рисовать векторную графику (логотипы, иконки и пр) - почему бы и нет? Дело вкуса. У Корела плохая репутация в полиграфической среде из-за проблем с цветоделением (было такое несколько лет назад, как сейчас не знаю), но для веба это неактуально. Редактор как редактор.
    Если имеется в виду рисование именно макета - ни разу такого не видел за много лет в индустрии. Использовать его в этом качестве - это значит стать маргиналом, который как минимум создает всем проблемы вида "и как я должен с этим работать?"
    По факту в реальном мире 99% макетов рисуются в Фотошопе или Скетче в зависимости от религиозной принадлежности.
    Ответ написан
    2 комментария
  • Есть ли смысл подобное верстать?

    dom1n1k
    @dom1n1k
    Не стоит. Эффектов много. Повторить их в точности - можно, конечно, но долго и геморно. Код будет громоздкий. Убьется куча времени на отладку на разных устройствах. И всё равно какой-нибудь мобильный браузер покажет не так. Картинка тут вполне решает задачу.

    Разумеется, если заказчик уверен, что это нужно и готов оплачивать - делать. Но чисто с точки здравого смысла - не нужно.
    Ответ написан
    Комментировать
  • Как делают такие выдачи в поисковиках?

    dom1n1k
    @dom1n1k
    Насколько я знаю, показывать ли такой блок для сайта, решает исключительно сам поисковик.
    Никакой возможности принудительно включить сниппеты для своего сайта у веб-мастера нет.
    Ответ написан
    1 комментарий
  • Почему Android со временем начинает очень тормозить?

    dom1n1k
    @dom1n1k
    Плюсую, тоже наблюдаю такое.
    Телефон - Motorola (одна из последних моделей перед леновизацией) с почти чистым Андроидом 6. Пока был новый, всё можно сказать летало, несмотря на бюджетное в общем-то железо. Через ~2 года после покупки - тупит так, что трынец. Переключение между приложениями (например из браузера поделиться ссылкой в мессенджер или наоборот из мессенджера открыть браузер) занимает на глаз секунд 5. Это именно переключение, не учитывая время загрузки уже дальше.
    Ответ написан
    Комментировать