Использование препроцессоров не отменяет вопрос группировки и сортировки свойств. Опять-таки, нужно будет определить, где необходимо инклюдить те же миксины.
Помимо методологий разработки и препроцессоров было бы здорово во второй части рассмотреть Shadow DOM, в рамках которого можно реализовывать полную инкапсуляцию CSS-стилей.
Для корректной работы placeholder необходимо разделить селекторы для каждого браузера. В противном случае невалидный селектор группы приводит к невалидности всей группы. Также стоит обратить внимание, что псевдокласс в Firefox использовался до 18 версии включительно, а с 19 версии используется псевдоэлемент. Дополнительно можно добавить поддержку IE 10+. Итого:
Вообще не совсем понятно на кого рассчитана данная статья и инструментарий, который в ней представлен. Если на разработчиков, которые уже знакомы и работают с gruntjs, то, как мне кажется, у каждого из них имеется подобная сборка для облегчения рутинных задач. Если на людей, которые не знакомы с gruntjs, то не помешало хотя бы пару вводных статей по данному инструменту. Отличный пример: frontender.info/grunt-is-not-weird-and-hard/ перевод статьи Криса Койера 24ways.org/2013/grunt-is-not-weird-and-hard/
Возникло несколько вопросов:
1. Используется/планируется автоматическая сборка изображений в спрайты?
2. Для код-ревью смотрели ли в сторону Crucible?
3. В чем именно заключался отказ от БЭМ при переходе на Google Clousure, т.к. сейчас именование классов идет в духе БЭМ, либо имеется ввиду организация файловой системы проекта?
Спасибо за шаринг опытом. Было бы здорово, если бы поделились опытом, как прошел собственно переход на Google Closure.
Это не фреймворк, а анти-паттерн: doctype, id, не использование семантичных элементов header, footer. Хорошее решение для базового шаблона — html5-boilerplate.
Никакого надувательства нету. В моем случае в качестве приза была книга, которая уже стоит на полке. Хочу отметить, что т.к. в Минске данная книга не была найдена, то заказ делался из украинского интернет-магазина. По всем вопросам Алексей шел на встречу.
Frontend:
1. Передовому сайту просто нужен <!doctype html>, html5 уже пришел.
2. Дублирование в head.
3. Структура должна быть упорядочена, наблюдается же полный хаос. Сочетание id и twitter bootstrap подразумевает, что дальнейшем новый функционал будет дописываться через «заплатки» и «велосипеды». Для проекта необходима изначально правильная структура. Рекомендую обратить внимание на БЭМ.
4. Использование дополнительного не семантического элемента разметки либо просто недопустимо.
5. Использование noindex в совершенно неподходящих местах наподобие сайдбара «КОЛУМНИСТЫ» и польностью для футера. Для Яндекса двери к данным блокам закрыты.
6. Отсутствие microdata к «КОЛУМИСТЫ». За счет этого ресурс бы значительно бы выиграл в поисковой оптимизации.
7. Отсутствие значения атрибута alt для некоторых изображений.
8. IE 8 — баннер «РАССКАЖЕМ О ВАС» в шапке съехал.
UI:
1. Дизайн был бы хорош в 2005, но сейчас он вызывает лишь грусть. Сайт напоминает новостной агрегатор, поэтому нужен однозначно новый дизайн.
2. Все страницы перегружены информацией. Необходимо сделать более четкое выделение самого важного.
3. Логотип рубленный. Необходимо добавить сглаженности.
4. Необходимо добавить поисковую форму в шапку, т.к. в данном скоплении пунктов меню и новостей сложно найти что-то конкретное.
5. Мобильная версия не работает.
/* Webkit */ input:focus::-webkit-input-placeholder { color: transparent !important; } /* Mozilla Firefox 4 - 18 */ input:focus:-moz-placeholder { color: transparent !important; } /* Mozilla Firefox 19+ */ input:focus::-moz-placeholder { color: transparent !important; } /* IE 10+ */ input:focus:-ms-input-placeholder { color: transparent !important; }1. Используется/планируется автоматическая сборка изображений в спрайты?
2. Для код-ревью смотрели ли в сторону Crucible?
3. В чем именно заключался отказ от БЭМ при переходе на Google Clousure, т.к. сейчас именование классов идет в духе БЭМ, либо имеется ввиду организация файловой системы проекта?
Спасибо за шаринг опытом. Было бы здорово, если бы поделились опытом, как прошел собственно переход на Google Closure.
1. Передовому сайту просто нужен <!doctype html>, html5 уже пришел.
2. Дублирование в head.
3. Структура должна быть упорядочена, наблюдается же полный хаос. Сочетание id и twitter bootstrap подразумевает, что дальнейшем новый функционал будет дописываться через «заплатки» и «велосипеды». Для проекта необходима изначально правильная структура. Рекомендую обратить внимание на БЭМ.
4. Использование дополнительного не семантического элемента разметки либо просто недопустимо.
5. Использование noindex в совершенно неподходящих местах наподобие сайдбара «КОЛУМНИСТЫ» и польностью для футера. Для Яндекса двери к данным блокам закрыты.
6. Отсутствие microdata к «КОЛУМИСТЫ». За счет этого ресурс бы значительно бы выиграл в поисковой оптимизации.
7. Отсутствие значения атрибута alt для некоторых изображений.
8. IE 8 — баннер «РАССКАЖЕМ О ВАС» в шапке съехал.
UI:
1. Дизайн был бы хорош в 2005, но сейчас он вызывает лишь грусть. Сайт напоминает новостной агрегатор, поэтому нужен однозначно новый дизайн.
2. Все страницы перегружены информацией. Необходимо сделать более четкое выделение самого важного.
3. Логотип рубленный. Необходимо добавить сглаженности.
4. Необходимо добавить поисковую форму в шапку, т.к. в данном скоплении пунктов меню и новостей сложно найти что-то конкретное.
5. Мобильная версия не работает.