From e631a3c4b717ea7f80940c08dab52c34fc03b125 Mon Sep 17 00:00:00 2001 From: Misha Yakubchuk Date: Wed, 18 Oct 2023 14:57:54 +0400 Subject: [PATCH 1/3] Add new questions to CSS --- frontend/junior-1/css.md | 1 + frontend/junior-2/css.md | 4 ++++ frontend/junior-3/css.md | 5 +++++ 3 files changed, 10 insertions(+) diff --git a/frontend/junior-1/css.md b/frontend/junior-1/css.md index c8613e32..a6160f18 100644 --- a/frontend/junior-1/css.md +++ b/frontend/junior-1/css.md @@ -94,6 +94,7 @@ * Как рассчитывается line-height заданный в процентах? * Как пользоваться `vh`, `vw`, `vmin`, `vmax`? * Что делает свойство `object-fit`? +* Что делает свойство `aspect-ratio`? * Как стилизовать чекбокс? * Как прижать футер к низу страницы (назвать хотя бы два способа)? * Как отцентровать элемент по горизонтали (назвать хотя бы три способа)? diff --git a/frontend/junior-2/css.md b/frontend/junior-2/css.md index 1acd1517..df6b942e 100644 --- a/frontend/junior-2/css.md +++ b/frontend/junior-2/css.md @@ -6,6 +6,10 @@ * Что такое autoprefixer и зачем он нужен? * Что такое спрайты и зачем они нужны? Какие проблемы адаптивности с ними связаны? * Что делают медиа свойства `hover`, `pointer`, `any-hover`, `any-pointer`? +* Что делают селекторы `:has(), :where(), :is()`? +* Что означают следующие единицы измерения `lvh, svh, dvh, lvw, svw, lvw`? +* Что делают свойства `filter` и `backdrop-filter`? +* Как пользоваться `Media Queries: Range Syntax`? #### Ресурсы diff --git a/frontend/junior-3/css.md b/frontend/junior-3/css.md index fc579661..85b0e8c3 100644 --- a/frontend/junior-3/css.md +++ b/frontend/junior-3/css.md @@ -18,6 +18,7 @@ ## Общие вопросы * Как работает `calc()`? Какие параметры принимает? Какие операции допустимы? В каких единицах измерения можно задавать значения параметров? +* Как работают функции `min(), max(), clamp()`? * Как реализовать треугольник на чистом CSS? * Как работает `@import`? Почему не стоит использовать `@import` для загрузки стилей в документ? @@ -27,8 +28,12 @@ @import url('a.css'); ``` +* Что такое `container-queries`? Как пользоваться? Чем отличаются от `media-queries`? + * Рассказать про единицы измерения `cqw, cqh, cqi, cqb, cqmax, cqmin`. #### Ресурсы * [Треугольники через CSS](http://htmlbook.ru/blog/treugolniki-cherez-css) * [Не используйте @import](https://habr.com/ru/post/57012/) +* [CSS container queries](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_container_queries) +* [Basic concepts of logical properties and values](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_logical_properties_and_values/Basic_concepts_of_logical_properties_and_values) From 9bf07763604d096feca976e2cc68a3230b75a2a5 Mon Sep 17 00:00:00 2001 From: Misha Yakubchuk Date: Tue, 7 Nov 2023 09:38:45 +0400 Subject: [PATCH 2/3] fix naming in jun-2/css --- frontend/junior-2/css.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/frontend/junior-2/css.md b/frontend/junior-2/css.md index df6b942e..48a72025 100644 --- a/frontend/junior-2/css.md +++ b/frontend/junior-2/css.md @@ -7,7 +7,7 @@ * Что такое спрайты и зачем они нужны? Какие проблемы адаптивности с ними связаны? * Что делают медиа свойства `hover`, `pointer`, `any-hover`, `any-pointer`? * Что делают селекторы `:has(), :where(), :is()`? -* Что означают следующие единицы измерения `lvh, svh, dvh, lvw, svw, lvw`? +* Что означают следующие единицы измерения `lvh, svh, dvh, lvw, svw, dvw`? * Что делают свойства `filter` и `backdrop-filter`? * Как пользоваться `Media Queries: Range Syntax`? From 36080219eb02a3ce0f6a5329b639c612cb398f22 Mon Sep 17 00:00:00 2001 From: Misha Yakubchuk Date: Fri, 10 Nov 2023 10:07:33 +0400 Subject: [PATCH 3/3] Add mix-blend-mode question to CSS jun2 --- frontend/junior-2/css.md | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/frontend/junior-2/css.md b/frontend/junior-2/css.md index 48a72025..1eb860e0 100644 --- a/frontend/junior-2/css.md +++ b/frontend/junior-2/css.md @@ -8,8 +8,11 @@ * Что делают медиа свойства `hover`, `pointer`, `any-hover`, `any-pointer`? * Что делают селекторы `:has(), :where(), :is()`? * Что означают следующие единицы измерения `lvh, svh, dvh, lvw, svw, dvw`? -* Что делают свойства `filter` и `backdrop-filter`? * Как пользоваться `Media Queries: Range Syntax`? +* Что делают следующие свойства: + * `filter` + * `backdrop-filter` + * `mix-blend-mode` #### Ресурсы