Оцените верстку "Раира"

[xzarxzes]

макет: http://htmlforum.ru/index.php?showtopic=13276

собственно верстка: http://raira.herokuapp.com/

Интересно как на ваш взгляд обстоят дела с семантикой, адаптивностью итд. Буду рад услышать конструктивную критику и советы.

[Demidovetz]

Зачем вы для header, footer, aside, main даёте id, если они по одному разу появляются в коде? Да и id это плохо в сравнении с class. 

[xzarxzes]

Зачем вы для header, footer, aside, main даёте id, если они по одному разу появляются в коде? Да и id это плохо в сравнении с class. 

для основных структурных элементов страницы, id подходят гораздо лучше чем class, откройте любой хороший сайт и посмотрите на его код, вот к примеру http://html5doctor.com/. Если на данной страницы такие элементы как aside, footer итд, встречаются один раз, это вовсе не значит что им не надо давать id, как мне кажется это хорошая практика и это придает больше семантики коду. 

Зачем вы для header, footer, aside, main даёте id, если они по одному разу появляются в коде? Да и id это плохо в сравнении с class. 

Edited January 30, 2014 by xzarxzes

[Demidovetz]

и чем же это id хуже class, аргументируйте ? это не одно и тоже, для каких то целей следует использовать id а для каких то классы, как мне кажется.

я много уже читал на этом форуме про id, и понял, что id предназначен для программиста, которому, например, не подходит id="main-header" для header`а, и изменит его на другой

Demidovetz, on 30 Jan 2014 - 8:53 PM, said: Зачем вы для header, footer, aside, main даёте id, если они по одному разу появляются в коде? Да и id это плохо в сравнении с class.  для основных структурных элементов страницы, id подходят гораздо лучше чем class, откройте любой хороший сайт и посмотрите на его код, вот к примеру http://html5doctor.com/. Если на данной страницы такие элементы как aside, footer итд, встречаются один раз, это вовсе не значит что им не надо давать id, как мне кажется это хорошая практика и это придает больше семантики коду. 

не слышал об этом, может вы и правы 

[Bassline]

и чем же это id хуже class, аргументируйте ?

http://htmlforum.ru/index.php?s=27e9710783beed3ddcf46babeee6850b&showtopic=47375

[xzarxzes]

 

и чем же это id хуже class, аргументируйте ?

http://htmlforum.ru/index.php?s=27e9710783beed3ddcf46babeee6850b&showtopic=47375

 

это вовсе не значат что id чем то хуже классов, как я упомянул ранее они предназначены для разных целей, лично я использую id для обозначения элементов которые встречаются единожды на странице, основной структуры. Вот пожалуйста, можете открыть сайт w3c http://www.w3.org/, там стили также привязываются к id,шникам.

Edited January 30, 2014 by xzarxzes

[advokatua]

В данной верстке, id это последнее к чему стоило бы цепляться.

Человек, даже микроразметку зачем-то прицепил, а вы к нему насчет id придираетесь. ))

 

Все что я нашел, к чему можно прикопаться, так это только такие цифры:

1. margin-left: 3.76648%;

Но, если не ошибаюсь они ничего не портят и плохо от них никому не станет.

Я вот спросил бы, зачем верстать такие мегаужаснопротивные макеты, когда есть тонна более приличных? )

Edited January 30, 2014 by advokatua

[xzarxzes]

 

В данной верстке, id это последнее к чему стоило бы цепляться.

Нормальных косяков не нашел, так хоть к куче id придерусь ))

 

Все что я нашел, к чему можно прикопаться, так это только такие цифры:

1. margin-left: 3.76648%;

Но, если не ошибаюсь они ничего не портят и плохо от них никому не станет.

Я вот спросил бы, зачем верстать такие мегаужаснопротивные макеты, когда есть тонна более приличных? )

 

Эти цифры для адаптивности, без них ничто бы не тянулось, вот статья тут вы можете увидеть похожие цифры http://alistapart.com/article/responsive-web-design/ . А по по поводу макета это первое что попалось мне на глаза на данном форуме, только и всего. Возможно в дальнейшем выложу что нибудь более радующее глаз, на оценку.

[advokatua]

Эти цифры для адаптивности, без них ничто бы не тянулось

Я не про адаптивность имел ввиду, а про количество цифр после запятой.

Edited February 2, 2014 by advokatua

[xzarxzes]

 

Эти цифры для адаптивности, без них ничто бы не тянулось

Я не про адаптивность имел ввиду, а про количество цифр после запятой.

 

Статья с Апарт прикольная. Только я не понял, почему они после запятой ставят 18 цифр, а не тысячу или миллион, а может и два )) Они походу когда число Пи используют, то скачивают таблицы на пару миллионов цифр и копипастят оттуда. Четко-точные ребята )

.figure {  float: left;  margin: 0 3.317535545023696682% 1.5em 0;   /* 21px / 633px */  width: 31.121642969984202211%;             /* 197px / 633px */}li#f-mycroft,li#f-winter {  margin-right: 0;} 

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

Edited January 30, 2014 by xzarxzes

[advokatua]

Все ясно, забыл про sass. В css кстати комменты забыл отключить sass-овские, из-за чего файл засорен прилично.

[xzarxzes]

Все ясно, забыл про sass. В css кстати комменты забыл отключить sass-овские, из-за чего файл засорен прилично.

Да я не забыл, я решил так оставить, если вдруг кто то css будет смотреть). Все равно это я для тренировки верстал, а так по уму я бы сжал максимально css, там шрифт много весит.