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

Сделал для себя учебную верстку по бесплатному макету. Вопросы на которые, возможно, мне смогут дать ответы более опытные верстальщики:
- Постарался соблюсти принцип БЭМ для именования классов. Верно ли я применяю?
- К сожалению, не удалось сделать, чтобы макет абсолютно соответсвовал 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/

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


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

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

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

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

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

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


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

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

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

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

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

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

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


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

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

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

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


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

Создайте аккаунт или войдите в него для комментирования

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

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас


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

    • Автор: abdulow
      Меня зовут Абдулов, я Front-End разработчик. 
      Цену и сроки обсудим после просмотра макета. 
      Вот одна из моих версток - tokmaganbet.github.io/blacksea
      Могу сверстать/сделать : 
      Landing page 
      Натянуть на WP 
      Сайт-визитки 
      Корпоративные сайты 
      Адаптивные и отзывчивые сайты 
      Навыки: 
      HTML 5 
      CSS3 
      Javascript(jQuery) 
      Умею пользоваться : 
      Pixel Perfect 
      Gulp 
      Sass(Scss) 
      Bootstrap 
      GitHub 
      Email : tokmaganbeta@gmail.com
      Skype : abdulow-web
    • Автор: iBars
      На сайте есть главное меню (где полоса поиска по сайту) и оно должно прилипать к экрану при прокрутке страницы. В HTML-файле на компьютере это работает, но на хостинге перестает, хотя это просто вёрстка.
      HTML:
      ... <body> <div class="box box-top sticky"> <div class="container"> <div class="menu_main"> ... </div> </div> </div> </body> ...  
      CSS:
      .sticky { position: sticky; top: 0; z-index: 11000; }