Архивировано

Эта тема находится в архиве и закрыта для публикации сообщений.

stelmah.taganrog

Оцените верстку

Рекомендованные сообщения

Сделал для себя учебную верстку по бесплатному макету. Вопросы на которые, возможно, мне смогут дать ответы более опытные верстальщики:
- Постарался соблюсти принцип БЭМ для именования классов. Верно ли я применяю?
- К сожалению, не удалось сделать, чтобы макет абсолютно соответсвовал PixelPerfect, особенно это заметно в тексте. Тестировал в Chrome 55.0.2883.87 (Windows 10). Подскажите на примере какого-нибудь блока в чем я делаю ошибки
- Так же хотелось бы прочесть любую конструктивную критику

Небольшое отступление, добавлю обязательно еще мобильный вариант и слайдеры, это в процессе. Хотелось бы узнать ошибки на том этапе, что выполнен.

Исходники https://github.com/oleg-tgn/html-template-beautiful-things
Демо https://oleg-tgn.github.io/html-template-beautiful-things/

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
9 часов назад, stelmah.taganrog сказал:

- Постарался соблюсти принцип БЭМ для именования классов. Верно ли я применяю?

Я бы себе не забивал бы голову такими правилам. Из каскадных таблиц сделать язык программирования не получиться, посему и такая структурированность излишне. Но это лично моё мнение.

А в целом не плохо для учебного проекта.

Правда можно добавить различные focus/hover плюшки.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
12 часа назад, stelmah.taganrog сказал:

- Постарался соблюсти принцип БЭМ для именования классов. Верно ли я применяю?

Бегло просмотрел, вроде бы разметка выдержана в бэм нотации.

2 часа назад, BrusSENS сказал:

Я бы себе не забивал бы голову такими правилам.

На своих проектах эмпирическим путем проверена польза бэм. Если методология завезена в проект ради принципа , то согласен - излишне.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
2 часа назад, by chris сказал:

Если методология завезена в проект ради принципа , то согласен - излишне.

Я собственно это и имел ввиду)

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

  • Похожие публикации

    • Автор: cutuz
      Здравствуйте, столкнулся с проблемой начального масштабирования на мобильных устройствах. Сайт без адаптации (по задумке заказчика), имеет ограниченную ширину width: 1024px !important; 
      На экранах любого размера сайт при загрузке должен открываться полностью весь, но на устройствах с шириной дисплея меньше 1200px при открывании сайта масштабируется. И приходиться отдалять. Помогите исправить данную проблему. 
      <html> <head> <title>Epic Birds</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta name="viewport" content="width=device-width, initial-scale=1"/> <link rel="stylesheet" href="css/main.css"/> </head> .limit{ width: 1024px !important; margin-left: auto; margin-right: auto; }  

    • Автор: maxfloyd
      Здравствуйте. padding подгоняется не четко, при изменении масштаба видно изъяны (подсветка кнопки не на всю высоту или на оборот больше чем нужно)

      Код: https://jsfiddle.net/aemjkhp9/
Не пропустите! Сэкономьте до 90% на лучших курсах 2018 года.