Vlad

Мини-конкурс Хэллоуин

Recommended Posts

К Хэллоуину сделать изображение произвольного монстра с помощью свойств CSS3, при соблюдении ряда условий.

  • Минимальный размер картинки 400х400 пикселов.
  • В процессе работы нельзя использовать любые картинки (включая base64), SVG, VML, Canvas, скрипты, библиотеки и тому подобное. Фактически должен быть только HTML и CSS.
  • Работа должна корректно отображаться в современных браузерах Firefox, Chrome, IE10.
  • Свойства с вендорными префиксами для простоты не пишем (всё, что начинается на -moz, -webkit, -ms).
  • Анимацию не используем.
  • За основу разрешается брать любую готовую картинку и делать изображение по ней.
  • Разрешается выкладывать несколько работ.

Пример работы можно посмотреть здесь.

http://media.smashin...onsters-dragon/

Результат выставляем на сайт jsfiddle.net и публикуем его в специальной теме форума в виде ссылки на код. Своё сообщение и ссылку до завершения приёма работ можно сколько угодно менять.

Принять участие в конкурсе может любой желающий, зарегистрированный на форуме htmlbook.ru.

Приём работ завершается 24 октября в 10:00 UTC (13 часов Киева, Минска; 14 Москвы; 16 Екатеринбурга; 17 Омска; 18 Красноярска; 19 Иркутска; 20 Якутска).

Все работы будут выставлены на общее голосование, победителем становится участник, набравший максимальное количество голосов к 10:00 UTC 31 октября. Участники, занявшие первые три места получают книги по их выбору, плюс 30 к репутации и медальку победителя. Все участники, независимо от занятого места, получают плюс 10 к репутации и медальку лауреата.

Share this post


Link to post
Share on other sites
и медальку победителя

Это еще нужно, чтобы медальки были видны на форуме, а не только в профиле ;):)

Share this post


Link to post
Share on other sites

Это еще нужно, чтобы медальки были видны на форуме, а не только в профиле ;):)

Да, надо как-то починить, чтобы под профилем медальки отображались.

Share this post


Link to post
Share on other sites

Очень интересный конкурс, я, хотя и новичок в html+css, но все же попробую!

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

Share this post


Link to post
Share on other sites
Свойства с вендорными префиксами для простоты не пишем (всё, что начинается на -moz, -webkit, -ms).

в примере они присутствуют все равно делаем без них ?

Share this post


Link to post
Share on other sites

в примере они присутствуют все равно делаем без них ?

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

Share this post


Link to post
Share on other sites

а почему ввели пункт "Анимацию не используем"? с анимацией ведь интереснее бы получилось все)

Share this post


Link to post
Share on other sites

а можно выкладывать только одну работу? если вот у меня несколько идей, и не знаю какая лучше

Share this post


Link to post
Share on other sites

Можно выкладывать несколько работ. Внесу этот пункт в правила.

Share this post


Link to post
Share on other sites

а почему ввели пункт "Анимацию не используем"? с анимацией ведь интереснее бы получилось все)

С анимацией интереснее, согласен, но как @klierik заметил, по ней будет отдельный конкурс. Если монстры получатся забавные, можно с ними продолжить тему анимации, в любом случае у меня уже есть идея проведения конкурса по анимации.

Share this post


Link to post
Share on other sites

а зачем размещать работы в тегах hide? это ведь из-за этого пишет открыто только для vip?

Share this post


Link to post
Share on other sites
Набор примитивных форм сделанных на CSS. Думаю, многим поможет такая подсказка.

Спасибо. Чтобы еще была возможность легко делать выпуклые и вогнутые стороны, например у треугольников.

Share this post


Link to post
Share on other sites
:) Мне очень понравился конкурс, я очень доволен наградой и буду ждать с нетерпением новых мероприятий!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Member Statistics

    46,330
    Total Members
    3,128
    Most Online
    TimofejUS
    Newest Member
    TimofejUS
    Joined
  • Recently Browsing   0 members

    No registered users viewing this page.