Под шумок парсеров начну серию постов по программированию и обучению мелких и не очень плюшек в этом деле.
И начну я пожалуй с CSS. Не так давно брали себе в команду нового верстальщика, и было составлено для него тестовое задание, которым я хочу с вами поделиться, и предлагаю решить самим
Для решения всех задач нужно использовать только ОДИН элемент в теле страницы. Все задачи исполняются только силами CSS
Задача 1. Нарисовать круг
Задача 2. Нарисовать треугольник
Задача 3. Разместить точно в центре экрана блок, которому будет плевать на другие блоки, прокрутку страницы, размер экрана и т.д.
Задача 4. Нарисовать квадрат с обводкой НЕ ИСПОЛЬЗУЯ СВОЙСТВО border
Задача 5. Стилизовать input[type="file"]. Что бы вместо стандартного получился симпатичный вариант, с фоновым цветом, текстом "Загрузить ваше гавно", и другими плюшками
Понятное дело, что решение всех этих тестов можно найти в интернете, так что это чисто для проверки ваших навыков
Ответы напишу завтра в комментариях, если до этого не будет найдено решение на все задачи
1. div {
width: 150px;
height: 150px;
border: 3px solid red;
border-radius: 50%;
}
2. div {
width: 0;
height: 0;
border: 150px solid transparent;
border-bottom: 150px solid red;
}
3. div {
position: fixed;
top: 50%;
left: 50%;
width: 300px;
height: 300px;
background-color: red;
transform: translate(-50%, -50%);
}
4. div {
position: fixed;
top: 50%;
left: 50%;
width: 300px;
height: 300px;
background-color: red;
transform: translate(-50%, -50%);
box-shadow: inset 0 0 0 15px black;
}
...
top:calc(50% - 150px);
left:calc(50% - 150px);
...
4.
width: 300px;
height: 300px;
outline: 1px solid black;
1. Сохранять картинку в справочнике и выводить на управляемой форме.
2. Сформировать в СКД таблицу по прайс-листу. Группировки номенклатура с иерархией. Цена по номенклатуре должна считаться как средняя, а по иерархии как сумма этого среднего.
3. Сделать глобальную горячую клавишу.
4. Выводить сообщение, которое будет в управляемых формах выводить при открытии каждого документа определенного типа перечислять уже открытые формы и номера документов.
5. Сделать обработку, которая сводит баланс б/у
https://habrahabr.ru/post/126207/
1. Как сделать бордеры у полей как в хроме (они явно меньше 1px шириной)
2. Как в хроме использовать шрифт в 10px если минимальный в настройках стоит больше, например 15px;
А вообще есть CSS-in-JS и больше тебе только верстальщики не нужны!
И начну я пожалуй с CSS......