Итоги конкурса



Влад Мержевич

Подведены итоги мини-конкурса «Блоки». Приняло участие 23 человека, из них все три задачи успело выполнить 17. Все решения доступны для просмотра, что позволяет обогатить свой арсенал интересными приёмами вёрстки. Конкурсные задачи можно посмотреть в этой теме.

Поздравляю всех победителей!

Место Участник Решение Баллы Комментарий
1 rash 1
2
3
170 150 баллов за выполнение всех задач.
+20 баллов за лаконичность и оригинальность.
2 alexriz 1
2
3
165 20 баллов присуждается за то, что сдал работы первым с феноменальным результатом в 1:13.
150 баллов за выполнение всех задач.
-5 баллов за некоторые небрежности в коде HTML5 (xmlns и др).
3 leoni4 1
2
3
150 150 баллов за выполнение всех задач.
4 exessqd1 1
2
3
140 100 баллов за первые две задачи, 30 баллов за третью (нет градиента в IE).
+10 баллов за лаконичность.
5 mishka 1
2
3
135 15 баллов присуждается за то, что сдал работу вторым, отстав от лидера всего лишь на 8 минут.
100 баллов за первые две задачи, 30 баллов за третью задачу (не работает градиент в IE).
-10 баллов за мелкие ошибки во второй задаче (нет прямого правого верхнего уголка, код можно было упростить, а то много вложенных <div>).
5 SelenIT 1
2
3
135 100 баллов за вторую и третью задачу, 30 баллов за первую задачу (нет фона).
+10 баллов за оригинальность и лаконичность.
-5 баллов за мелкую ошибку при отображении тени (задача 2).
6 ilhan 1
2
3
130 150 баллов за выполнение всех задач.
-10 баллов за проблему с тенью в Хроме (задача 2).
-10 баллов за отсутствие градиента в рамке (задача 3).
6 psywalker 1
2
3
130 100 баллов за первую и третью задачи, 30 баллов за вторую (неправильная тень слева в заголовке, нет рамки вокруг блока).
6 sigma77 1
2
3
130 100 баллов за первые две задачи, 30 баллов за третью (нет градиента в Opera).
7 Tenor 1
2
3
120 100 баллов за первые две задачи, 30 баллов за третью (нет прозрачности в IE и градиента в Opera).
-10 баллов за усложнённый код в первой задаче (не использовались псевдоэлементы, применяются идентификаторы). Поскольку это блок, то на странице их может быть несколько, использование id для уголков здесь неоправданно.
7 Yubari 1
2
3
120 100 баллов за первые две задачи, 30 баллов за третью (нет градиента в Opera).
-10 баллов за ошибку с тенью в заголовке (задача 2).
7 ExtreMMator 1
2
3
120 100 баллов за первые две задачи, 30 баллов за третью (нет фона в Opera).
-10 баллов за ошибку с позиционированием тени в заголовке (задача 2).
7 VladP 1
2
3
120 100 баллов за первые две задачи, 30 баллов за третью (нет градиентов).
-10 баллов за усложнённый код в первой задаче (не использовались псевдоэлементы, применяются идентификаторы). Поскольку это блок, то на странице их может быть несколько, использование id для уголков здесь неоправданно.
7 Shotgun 1
2
3
120 100 баллов за первые две задачи, 30 баллов за третью (нет стрелки в заголовке).
-10 баллов за усложнённый код в первой задаче (не использовались псевдоэлементы, применяются идентификаторы). Поскольку это блок, то на странице их может быть несколько, использование id для уголков здесь неоправданно.
7 ctpz 1
2
3
120 100 баллов за первые две задачи, 30 баллов за третью (нет градиента в Chrome и в IE).
-10 баллов за усложнённый код в первой задаче (слишком много дополнительных тегов, применяются идентификаторы). Поскольку это блок, то на странице их может быть несколько, использование id для уголков здесь неоправданно.
8 andyarus 1
2
3
100 50 баллов за первую, 30 баллов за вторую (неправильно позиционирована тень, нет горизонтальной линии сверху), 20 баллов за третью (нет стрелки, нет градиента)
9 Int 1
2
90

100 баллов за выполнение двух задач.
-10 баллов за усложнённый код в первой задаче (слишком много дополнительных тегов).

10 wkon 1
2
3
80 50 баллов за первую задачу, 30 за вторую (ширина заголовка слишком большая, нет рамки вокруг блока). Третья задача не засчитана.
10 CalvinKlein 1
2
80 50 баллов за первую задачу, 30 за вторую (ширина заголовка слишком большая, ошибка со стыковкой тени слева).
11 stars 1
2
70 50 баллов за первую задачу, 30 баллов за вторую (нет тени в IE, Opera, Chrome).
-10 баллов за усложнённый код в первой задаче (не использовались псевдоэлементы, применяются идентификаторы, много дополнительных тегов). Поскольку это блок, то на странице их может быть несколько, использование id для уголков здесь неоправданно.
12 zSpx 1 50 50 баллов за первую задачу.
13 Golgi 2
3
40

10 баллов присуждается за то, что сдал работу третьим. Работы содержат множество мелких огрехов (в IE уголки не скруглены, сдвинут слегка заголовок). С учётом недостатков за вторую задачу присуждается 30 баллов.

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

14 taiki 1 5 Решение сделано на таблицах, что противоречит правилам конкурса, 5 баллов присуждается за то, что сдал работу четвёртым.

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.