Тестовое задание от krekotun.ru

Тестовое задание от krekotun.ru

html-css

Требования:
  • Желательно, не использовать js при решении заданий.
    Все задания можно реализовать только с помощью css.
  • Поддержка актуальных версий браузеров (Chrome, Firefox, Safari, Opera, IE 9-11).
    За поддержку старых браузеров + в карму
Задания:
  1. Статья
    • Статья фиксированного размера
    • Цвет подчеркивания у ссылок отличается от цвета текста
    • Ссылка может быть на 2 строках
    • Подпись у картинки может быть длиннее, в таком случае она должна переходить на 2 строку
  2. Меню
    • При наведении на меню оно становится прозрачным, кроме пункта, на который навели
  3. Список статьей
    • Заголовок статьи нестандартным шрифтом PT Sans (Шрифт в архиве)
    • Заголовок всегда в 1 строку, если не вмещается — текст обрезать
    • Статья фиксированной ширины
    • Блок со статьями резиновый по ширине. При сужении статья которая не вмешается, должна перейти на следующую строку и наоборот.
    • Статьи всегда центрируются
  4. Форма поиска
    • По умолчанию форма поиска скрыта
    • При клике на лупу выезжает поле поиска
    • Поле поиска исчезает только после повторного нажатия на лупу

    Демонстрация работы

  5. Форма регистрации
    • При клике на инпут он принимает focus состояние (Стили отрисованы)
    • У textarea такое же фокус состояние как и у инпута. Textarea ресайзится только по высоте
    • Радио кнопки (состояния: checked, unchecked, hover)
    • Кнопка (состояния: normal, hover, active)

Источник: http://krekotun.ru/test/

Задачи по html/css

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *