Устраиваюсь на работу, вот тестовое задание

[avdept]

сколько верстаю, всегда можно сделать пиксель в пиксель без абсолютов. Главное не нужно начинать проверять соответствие когда уже сделал весь макет

[gibigate]

avdept

сколько верстаю, всегда можно сделать пиксель в пиксель без абсолютов. Главное не нужно начинать проверять соответствие когда уже сделал весь макет

Каким образом не проверять соответствие после того как написал код? Вы что на глаз измеряете?

cssview

Если говорить откровенно, после того как я открыл сайт и посмотрел что блоки в хидере высят на абсолюте...

1. Первое что бросилось, это изобилие position:absolute. В большинство случаев можно обойтись, расположением блоков с помощью float.

2. На некоторых блоках неправильно вычислены их ширины. Просто забыли отнять padding.

3. Не обнулены, так званые "отступы", на картинках. Это может повлиять на отображение в ie, да и не только.

4. Неправильная структура (следование) заголовков. Пропущен h1.

5. Не указано семейство шрифтов.

Ну и много много разного. Это такой, беглый осмотр вёрстки.

1. Докажите мне пожалуйста что absolute, хуже справляется чем float, и я начну использовать именно float

2. Обьясню на 1 блоке. Есть блок свежих новостей с шириной 390 пикселей, каждая новость (li) имеет ширину 90 пикселей и маргин: 0 10 10 0; в один ряд должно поместится как минимум 4 новости. Что вы сделаете в этом случае, будете каждому 4 блоку обнулять маргин через js/php?

3. img{display:block;margin:0;padding:0} ЧИТАЙ СТИЛИ

4. h1-h6 решают уже непосредственно при натягивании на движок, некоторые сервера вообще скрывают h1 делая его только для поисковиков.

5. На 1 строке css файла указаны семейства шрифтов для всех элементов.

Модераторов прошу удалить тему, так как разочаровался в некомпетентности некоторых обитателей, я думал тут сидят хотя бы часть профессионалов, хотел чему нибудь научится полезному.

Edited June 27, 2012 by gibigate

[ceil100]

Хотелось бы узнать какие именно сервера скрывают H1

[Viper]

1. Докажите мне пожалуйста что absolute, хуже справляется чем float, и я начну использовать именно float

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

С сайтом на абсолютах намного сложнее работать/изменять, например, через 2 года захотят сделать ре-дизайн и вспомнят вас...

Абсолют без необходимости - это плохой тон, эгоизм и отражение ваших вавыков.

4. h1-h6 решают уже непосредственно при натягивании на движок, некоторые сервера вообще скрывают h1 делая его только для поисковиков.

, тоже интересно... можете привести пример?

П.С. Есть еще работодатели, которые не требуют HTML5/CSS3?

Общее впечатление по коду: вас абсолютно не волнует семантика, структура, логичность кода, его дальнейшая поддержка и вы приделяете мало внимания оптимизации/быстродействию... Уровень перспективного, но очень упертого junior'а)

Edited June 28, 2012 by Viper

[Svatov]

разочаровался в некомпетентности некоторых обитателей

Он хоть понял, что сказал?

[gibigate]

разочаровался в некомпетентности некоторых обитателей

Он хоть понял, что сказал?

ага лажанул, ну вы поняли, что я имел ввиду.

Логику форума я понял, чем больше плюсов у пользователя, тем больше у него пополизов

1. Докажите мне пожалуйста что absolute, хуже справляется чем float, и я начну использовать именно float

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

С сайтом на абсолютах намного сложнее работать/изменять, например, через 2 года захотят сделать ре-дизайн и вспомнят вас...

Абсолют без необходимости - это плохой тон, эгоизм и отражение ваших вавыков.

Да вы правы насчет мультиязычного сайта, честно говоря я не подумал об этом. Меня бесит когда абсолюты расписаны непосредственно в контенте, а шапка и футер думаю не категорично, но теперь начну верстать с флоатами.

4. h1-h6 решают уже непосредственно при натягивании на движок, некоторые сервера вообще скрывают h1 делая его только для поисковиков.

, тоже интересно... можете привести пример?

П.С. Есть еще работодатели, которые не требуют HTML5/CSS3?

Общее впечатление по коду: вас абсолютно не волнует семантика, структура, логичность кода, его дальнейшая поддержка и вы приделяете мало внимания оптимизации/быстродействию... Уровень перспективного, но очень упертого junior'а)

Пример привести не могу, об этом я читал на англоязычной книге (кстати поисковики банят за такое)

Хотелось бы посмотреть на вашу верстку

[Viper]

кстати поисковики банят за такое

За что именно? Никак не могу понять. За <h1>? Тогда Google должен и себя забанить...))

Хотелось бы посмотреть на вашу верстку

даже нечего показать, на что стоило бы равняться... Все продакшен проекты с полностью моей версткой уже устарели(~1.5+ года) - верстка слабенькая(мне не нравиться), как и сами сайты...(

[gibigate]

За скрытые элементы h1-h6, сотрудники яндекса точно знаю что смотрят топовые сайты, на поиск черного SEO

[iDrugov]

Совет - не просите советов. У каждого своя верстка кухни, а юзеров интересует конечный вариант. Создали - тестируйте на компьютере при разных разраешениях, в разных браузерах, на других компах/ноутах и сами придете к решению того, что вам нужно.

Нет никакой нужды привязываться к float. Я на досуге верстаю пустые тестовые страницы и давно пришел к выводу, что сделать абсолютно позиционированный элемент со значение "right: 0" не хуже и не сложнее, чем обратиться к float.

[moron]

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

Ну если вы гуру тогда можно от советов и отказаться...