Skip to content

Update new ru-RU translations #201

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
Oct 1, 2024
Merged

Update new ru-RU translations #201

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
52 changes: 49 additions & 3 deletions translations/ru-RU/README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -27,7 +27,8 @@
1. [Проверьте, установлен ли шрифт локально](#проверьте,-установлен-ли-шрифт-локально)
1. [Добавьте `line-height` в `body`](#Добавьте-line-height-в-body)
1. [Установите `:focus` для элементов формы](#Установите-focus-для-элементов-формы)
1. [Выровнять все по вертикали](#Выровнять-все-по-вертикали)
1. [Выровнять всё по вертикали](#Выровнять-всё-по-вертикали)
1. [Используйте `aspect-ratio` вместо задания ширины, высоты](#Используйте-aspect-ratio-вместо-задания-ширины-высоты)
1. [Списки, разделенные запятыми](#Списки-разделенные-запятыми)
1. [Выбирайте элементы с использованием отрицательных значений в `nth-child`](#Выбирайте-элементы-с-использованием-отрицательных-значений-в-nth-child)
1. [Используйте SVG для значков](#Используйте-svg-для-значков)
Expand All @@ -36,6 +37,7 @@
1. [Ячейки таблицы равной ширины](#Ячейки-таблицы-равной-ширины)
1. [Используйте Flexbox вместо margin](#Используйте-flexbox-вместо-margin)
1. [Используйте селектор атрибутов для пустых ссылок](#Используйте-селектор-атрибутов-для-пустых-ссылок)
1. [Управляйте специфичностью лучше, с помощью `:is()`](#Управляйте-специфичностью-лучше-с-помощью-is)
1. [Стиль "по умолчанию" для ссылок](#тиль-по-умолчанию-для-ссылокs)
1. [Блок с собственным отношением сторон](#Блок-с-собственным-отношением-сторон)
1. [Задайте стили для поломанныx изображений](#Задайте-стили-для-поломанныx-изображений)
Expand Down Expand Up @@ -217,9 +219,9 @@ textarea:focus {
<sup>[вернуться к оглавлению](#table-of-contents)</sup>


### Выровнять все по вертикали
### Выровнять всё по вертикали

Нет, это не черная магия, вы действительно можете расположить элементы по центру по вертикали:
Нет, это не чёрная магия, вы действительно можете расположить элементы по центру по вертикали:

```css
html,
Expand Down Expand Up @@ -255,6 +257,24 @@ body {
<sup>[вернуться к оглавлению](#table-of-contents)</sup>


### Используйте `aspect-ratio` вместо задания ширины, высотыhttps://onelove-agency.ru/web/october2024

Свойство `aspect-ratio` позволяет легко изменять размеры элементов и поддерживать постоянное соотношение ширины и высоты. Это невероятно полезно в отзывчивом веб-дизайне для предотвращения смещения макета. Используйте `object-fit` вместе с ним, чтобы не нарушить верстку при изменении значений высоты/ширины изображений.

```css
img {
aspect-ratio: 16 / 9; /* ширина / высота */
object-fit: cover;
}
```

Подробнее о свойстве ` aspect-ratio` читайте в этой статье [web.dev post](https://web.dev/articles/aspect-ratio).

#### [Демо](https://codepen.io/AllThingsSmitty/pen/MWxwoNx/)

<sup>[вернуться к оглавлению](#table-of-contents)</sup>


### Списки, разделенные запятыми

Сделайте список похожим на настоящий, разделенный запятыми список:
Expand Down Expand Up @@ -421,6 +441,32 @@ a[href^="http"]:empty::before {
<sup>[вернуться к оглавлению](#table-of-contents)</sup>


### Управляйте специфичностью лучше, с помощью `:is()

Псевдокласс `:is()` используется для одновременного обращения к нескольким селекторам, что уменьшает избыточность и улучшает читаемость кода. Это невероятно полезно для написания больших селекторов в более компактной форме.

```css
:is(section, article, aside, nav) :is(h1, h2, h3, h4, h5, h6) {
color: green;
}
```

Приведённый выше набор правил эквивалентен следующим правилам селектора чисел...

```css
section h1, section h2, section h3, section h4, section h5, section h6,
article h1, article h2, article h3, article h4, article h5, article h6,
aside h1, aside h2, aside h3, aside h4, aside h5, aside h6,
nav h1, nav h2, nav h3, nav h4, nav h5, nav h6 {
color: green;
}
```

#### [Демо](https://codepen.io/AllThingsSmitty/pen/rNRVxdx)

<sup>[вернуться к оглавлению](#table-of-contents)</sup>


### Стиль "по умолчанию" для ссылок

Добавьте для ссылок стиль "по умолчанию":
Expand Down