Skip to content

Добавляет доку про CSS-функцию shape()#5966

Open
NailGilmanov wants to merge 5 commits intodoka-guide:mainfrom
NailGilmanov:shape
Open

Добавляет доку про CSS-функцию shape()#5966
NailGilmanov wants to merge 5 commits intodoka-guide:mainfrom
NailGilmanov:shape

Conversation

@NailGilmanov
Copy link

@NailGilmanov NailGilmanov commented Feb 22, 2026

Описание

Написал статью о shape() в css

Closes #5764

Превью: https://content-5966.dev.doka.guide/css/shape-function/

@github-actions github-actions bot added css Контент по CSS дока Справочный материал labels Feb 22, 2026
@NailGilmanov NailGilmanov mentioned this pull request Feb 22, 2026
1 task
@vitya-ne vitya-ne changed the title Функция shape() Добавляет доку про CSS-функцию shape() Feb 23, 2026
Copy link
Contributor

@vitya-ne vitya-ne left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Привет, спасибо за доку и демки.
Я добавил несколько коментов, посмотри, пожалуйста.

Кажется тебя ещё нет в списке авторов, если не против, добавь немного о себе.
Вот как это сделать:
https://github.com/doka-guide/content/blob/main/docs/people.md

@NailGilmanov
Copy link
Author

NailGilmanov commented Feb 24, 2026

@vitya-ne Спасибо за внимательное ревью! Все поправил

<body>
<div class="not-supported">
⚠️ Ваш браузер пока не поддерживает функцию <code>shape()</code>.
Попробуйте открыть в Chrome 137+ или другом современном браузере.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Попробуйте открыть в Chrome 137+ или другом современном браузере.

Тут мне стало немного обидно за Firefox 148, который теперь тоже поддерживает shape() ))

Я бы предложил немного смягчить фразу, добавив ссылку на can I use. Просто suggestion

@vitya-ne
Copy link
Contributor

Демки очень красивые, но некоторые немного не помещаются в режиме мобильного просмотра:

image

Было бы здорово добавить адаптивности чтобы порадовать читателей со смартфонов.

И есть проблема c svg-картинками: текст в них не адаптируется

image

@NailGilmanov
Copy link
Author

@vitya-ne Привет! Добавил адаптивность текста и демок

@NailGilmanov NailGilmanov requested a review from vitya-ne March 1, 2026 22:33
@github-actions
Copy link

github-actions bot commented Mar 1, 2026

Превью контента из 38e7cd4 опубликовано.

@vitya-ne
Copy link
Contributor

vitya-ne commented Mar 2, 2026

@vitya-ne Привет! Добавил адаптивность текста и демок

Привет,
адаптивность демок теперь гораздо лучше, спасибо.
Осталась проблема с текстом в shape-vs-path.svg и shape-commands.svg
Для теста посмотри на телефоне, вот превью ссылка: https://content-5966.dev.doka.guide/css/shape-function/

image

Хотелось бы, чтобы текст в этих svg был так же читаем.
Информация в shape-vs-path.svg дублируется в разделе 'Сравнение с path()' и немного (ничего не имею против) напоминает стиль Chat GPT. Может стоит оставить только таблицу ?

Было бы здорово, если бы shape-commands.svg позволял wrap для размещения по 2 элемента в строке и читаемый текст подписей для небольших экранов.

image

Если это сложно реализовать или ты не согласен, буду рад обсудить.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

css Контент по CSS дока Справочный материал

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Функция shape()

2 participants