Jump to content

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


Vlad
 Share

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 к репутации и медальку лауреата.

Link to comment
Share on other sites

  • 4 weeks later...

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

Edited by Zverushka
Link to comment
Share on other sites

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

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

Link to comment
Share on other sites

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

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

Edited by Zverushka
Link to comment
Share on other sites

  • 4 weeks later...
ширина и выоста как-то особо реагирует на ротейт от родителя или как?

Как я понял, реагирует только ширина. Но у ротейтнутого контейнера ширина ориентирована по вертикали и выглядит как высота :)

 

Остроумно, но "классическое" решение с паддингами как-то привычнее, кроссбраузернее и экономичнее (не требует обрезки лишнего фона)...

Link to comment
Share on other sites

но "классическое" решение с паддингами как-то привычнее, кроссбраузернее и экономичнее (не требует обрезки лишнего фона)...
 

А можно ссылочку на решение?

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

  • Обсуждения

    • Сам сделал этот эффект? Ну или вообще сам писал этот код? 
    • Доброго времени суток. Есть сайт, онлайн магазин на WP, есть код- кнопка (на скрине) <div class="woocommerce-product-details__short-description"> <h5 class="wd-entities-title green sg-popup-id-12581">Нашли дешевле? Снизим цену!</h5> <?php echo $short_description; // WPCS: XSS ok. ?> </div> нужно как-то ограничить данный код от 2 категорий товаров на сайте, ранее работал с opencard там было все просто, а тут информации найти не могу, либо просто не так ищу. Прошу помощи либо статьей, либо направить в нужное русло поисков, может я просто формулирую неправильно данный вопрос. Заранее благодарю.
    • Я не вижу указаных Вами проблем заданном сайте   PS: устное предупреждение за мультипостинг. Используйте одну тему для одного вопроса.
    • Мой сайт - https://vasyldubno.github.io/project1/#directions На нем установлен скрипт MixItUp 3 для фильтрации постов. На ноутбуке все отлично работает. Но на смартфоне не работает, и в консоле выдает ошибку - [MixItUp] WARNING: An operation was requested but the MixItUp instance was busy. The operation was rejected because the queue is full or queuing is disabled.
    • Выложите работающий пример в песочницу. А так же настоятельно рекомендую ознакомится с темой 👇  
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy