Тестовое задание от krekotun.ru
- Превью задания
- Скачать архив с заданием (3.5 МБ)
- Требования:
-
- Желательно, не использовать js при решении заданий.
Все задания можно реализовать только с помощью css. - Поддержка актуальных версий браузеров (Chrome, Firefox, Safari, Opera, IE 9-11).
За поддержку старых браузеров + в карму
- Желательно, не использовать js при решении заданий.
- Задания:
-
-
- Статья
-
- Статья фиксированного размера
- Цвет подчеркивания у ссылок отличается от цвета текста
- Ссылка может быть на 2 строках
- Подпись у картинки может быть длиннее, в таком случае она должна переходить на 2 строку
-
- Меню
-
- При наведении на меню оно становится прозрачным, кроме пункта, на который навели
-
- Список статьей
-
- Заголовок статьи нестандартным шрифтом PT Sans (Шрифт в архиве)
- Заголовок всегда в 1 строку, если не вмещается — текст обрезать
- Статья фиксированной ширины
- Блок со статьями резиновый по ширине. При сужении статья которая не вмешается, должна перейти на следующую строку и наоборот.
- Статьи всегда центрируются
-
- Форма поиска
-
- По умолчанию форма поиска скрыта
- При клике на лупу выезжает поле поиска
- Поле поиска исчезает только после повторного нажатия на лупу
Демонстрация работы
-
- Форма регистрации
-
- При клике на инпут он принимает focus состояние (Стили отрисованы)
- У textarea такое же фокус состояние как и у инпута. Textarea ресайзится только по высоте
- Радио кнопки (состояния: checked, unchecked, hover)
- Кнопка (состояния: normal, hover, active)
-
Источник: http://krekotun.ru/test/