Итоги конкурса
Подведены итоги мини-конкурса «Блоки». Приняло участие 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 | 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 баллов присуждается за то, что сдал работу четвёртым. |