Sign in to follow this  
Vlad

Мини-конкурс «Задание по CSS»

Recommended Posts

Необходимо составить задачу на практические знания CSS3 и привести её решение. Все присланные задачи публикуются в специальном разделе сайта htmlbook (http://htmlbook.ru/practical) с указанием автора и ссылки на его сайт. При написании задачи придерживайтесь следующих рекомендаций:

  • задача должна решаться без дополнительных скриптов, только с помощью HTML и CSS;
  • задача должна быть комплексной и задействовать разные приёмы и стилевые свойства;
  • следует привести своё решение задачи, желательно с комментариями и пояснениями.
  • задача не должна быть слишком сложной и требовать много времени на её решение. Таким образом, целые страницы или сложные формы для вёрстки не годятся.

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

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

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

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

Share this post


Link to post
Share on other sites

Влад, я сгруппировал предыдущие сообщения с отдельными задачами в теме в 2 поста, не соображу как удалить предыдущие сообщения, это возможно?

Share this post


Link to post
Share on other sites

Возник вопрос про задачу с волной от антенны- в мозилле волна криво распространяется, как бы упираясь в потолок и дальше расширяясь вниз и вправо - как можно избежать этого эффекта? (в хроме нормально) http://jsfiddle.net/mrnobody/BXs8n/

Edited by Zverushka

Share this post


Link to post
Share on other sites

Возник вопрос про задачу с волной от антенны- в мозилле волна криво распространяется, как бы упираясь в потолок и дальше расширяясь вниз и вправо - как можно избежать этого эффекта? (в хроме нормально) http://jsfiddle.net/mrnobody/BXs8n/

26.0. Все нормально

Share this post


Link to post
Share on other sites

У Vezha первое задание с del b ok кнопками стоит неверная ссылка на готовое решение (там вместо нужного кода - веселая таблица)

Edited by Zverushka

Share this post


Link to post
Share on other sites

Заинтересовала эта техника - но я так и не поняла, как же реализовано сохранение пропорций квадрата - ширина и выоста как-то особо реагирует на ротейт от родителя или как? Есть ли где-то подробное объяснение?

http://jsbin.com/oYaMEqOd/1/edit

Edited by Zverushka

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

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
Sign in to follow this  

  • Member Statistics

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

    No registered users viewing this page.