From a45fd3a9c9373702dd324354353299a6fbe29cbb Mon Sep 17 00:00:00 2001 From: Misha Yakubchuk Date: Mon, 11 Dec 2023 16:28:51 +0400 Subject: [PATCH 1/2] add new questions to CSS --- frontend/junior-1/css.md | 2 ++ frontend/junior-2/css.md | 10 ++++++++++ 2 files changed, 12 insertions(+) diff --git a/frontend/junior-1/css.md b/frontend/junior-1/css.md index a6160f18..9c5adbe9 100644 --- a/frontend/junior-1/css.md +++ b/frontend/junior-1/css.md @@ -66,6 +66,7 @@ * Градиенты * Что делает функция `linear-gradient`? Как ей пользоваться? * Что делает функция `radial-gradient`? Как ей пользоваться? + * Что делает функция `conic-gradient`? Как ей пользоваться? * Анимации * Что такое `@keyframes`? Зачем нужно? Как им пользоваться? * Что делают и какие значения могут принимать свойства: @@ -88,6 +89,7 @@ * Что делает свойство `transform`? Какие значения ему можно задавать? * Можно ли задать несколько трансформаций для элемента? * Изменяется ли положение координатной плоскости при трансформациях? + * Какие ещё есть свойства трансформации в CSS? * Единицы измерения * Как рассчитываются width и height заданные в процентах? * Как рассчитываются padding и margin заданные в процентах? diff --git a/frontend/junior-2/css.md b/frontend/junior-2/css.md index 1eb860e0..730e3550 100644 --- a/frontend/junior-2/css.md +++ b/frontend/junior-2/css.md @@ -3,9 +3,19 @@ ## Общие вопросы * Что такое web-safe шрифты? +* Что такое вариативные шрифты? +* Что такое CSS переменные? Как ими пользоваться? +* Какие есть способы обрезать текст в CSS? + * Что делать, если длинное слово не помещается в контейнер? + * Как обрезать однострочный текст? + * Как обрезать многострочный текст? +* Что делает правило `@supports`? +* Что делают свойства `scroll-behavior`, `overscroll-behavior`? +* Что делает свойство `touch-action`? * Что такое autoprefixer и зачем он нужен? * Что такое спрайты и зачем они нужны? Какие проблемы адаптивности с ними связаны? * Что делают медиа свойства `hover`, `pointer`, `any-hover`, `any-pointer`? +* Что делают медиа свойства `prefers-reduced-motion`, `prefers-color-scheme`? * Что делают селекторы `:has(), :where(), :is()`? * Что означают следующие единицы измерения `lvh, svh, dvh, lvw, svw, dvw`? * Как пользоваться `Media Queries: Range Syntax`? From 2372c70cea1cdb15396d2ff7d77ee94b0c38f068 Mon Sep 17 00:00:00 2001 From: Misha Yakubchuk Date: Thu, 8 Feb 2024 14:05:56 +0400 Subject: [PATCH 2/2] =?UTF-8?q?=D0=B4=D0=BE=D0=B1=D0=B0=D0=B2=D0=B8=D0=BB?= =?UTF-8?q?=20=D1=80=D0=B5=D1=81=D1=83=D1=80=D1=81=20=D0=B2=20css=20jun2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- frontend/junior-2/css.md | 1 + 1 file changed, 1 insertion(+) diff --git a/frontend/junior-2/css.md b/frontend/junior-2/css.md index 730e3550..ae7a22eb 100644 --- a/frontend/junior-2/css.md +++ b/frontend/junior-2/css.md @@ -26,6 +26,7 @@ #### Ресурсы +* [CSS: о выводе коротких и длинных текстов](https://habr.com/ru/companies/ruvds/articles/535016/) * [Выявление устройств с сенсорными экранами на чистом CSS](https://habr.com/ru/company/ruvds/blog/556156/) ## Гриды