Skip to content

Add the tutorial about states#1

Open
Ramazanmak wants to merge 5 commits intomasterfrom
feat/states
Open

Add the tutorial about states#1
Ramazanmak wants to merge 5 commits intomasterfrom
feat/states

Conversation

@Ramazanmak
Copy link
Collaborator

No description provided.

@Ramazanmak Ramazanmak requested a review from mr150 December 8, 2025 02:12
@Ramazanmak Ramazanmak self-assigned this Dec 8, 2025
Copy link
Collaborator

Choose a reason for hiding this comment

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

На первом шаге слишком много стилей. Должен быть минимум - смотри предыдущую демку

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

Я намеренно оставил столько стилей в начале. Подумал, что в первом уроке какие-то основы простого синтаксиса усвоили, а в этом уроке нужно сосредоточиться именно на states. А если минимум стилей оставить, то придётся объяснять, как делать простую вёрстку => сдвинется акцент урока.

Copy link
Collaborator

Choose a reason for hiding this comment

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

Как раз наоборот: надо, чтобы немного повторили базу. Совсем голое делать не нужно, но можно так, чтобы элементы со states надо было сначала чуть стилизовать. Надо так рассчитать, что шагов на 10 набралось материала

Copy link
Collaborator

Choose a reason for hiding this comment

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

Зачем -ShortTsd200ms? Используй дефолтный

Copy link
Collaborator

Choose a reason for hiding this comment

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

Цвет лучше в переменной

Copy link
Collaborator

@mr150 mr150 Dec 13, 2025

Choose a reason for hiding this comment

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

Вернее, раз он тут чисто одноразовый для подложки, можно использовать дефолтный цвет из браузера. Там же их много, типа grey и тд. Просто hex в утилитах указывать - особый случай, который в образцовой демке не стоит без надобности юзать

Copy link
Collaborator

Choose a reason for hiding this comment

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

Flg0.9 - это что-то странное. Нельзя проще?

Copy link
Collaborator

Choose a reason for hiding this comment

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

Fns5.5u - зачем дробное? У нас же не pixel perfect верстка

Copy link
Collaborator

Choose a reason for hiding this comment

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

Lnh100p зачем это?

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

Это для того, чтобы слово "Save" было в кнопке по центру, а не чуть ниже центра. Там просто по умолчанию высота строки чуть больше, чем размер шрифта, поэтому сам находится в середине по вертикали, а вот текст прижат к низу этого блока, поэтому в итоге текст чуть ниже середины.

Copy link
Collaborator

Choose a reason for hiding this comment

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

Убрал Lnh100p в девтулзах обоих браузеров - ничего не поменялось

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

Вот с Lnh100p:

image image

А вот без него:

image image

Мне кажется, что разница есть - без него надпись ниже)

Copy link
Collaborator

Choose a reason for hiding this comment

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

Если input внутри label, то связывать через for не надо

Copy link
Collaborator

Choose a reason for hiding this comment

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

Если placeholder пустой, то и указывать его не надо

Copy link
Collaborator

@mr150 mr150 Dec 12, 2025

Choose a reason for hiding this comment

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

Ol-n раньше времени. Надо убирать только при назначении states

Copy link
Collaborator

Choose a reason for hiding this comment

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

На названия тегов завязываться не надо. В крайнем случае, допустимо на input для css only интерактивности

Copy link
Collaborator

Choose a reason for hiding this comment

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

Ps-r - можно использовать дефолтное значение утилиты, оно такое же

Copy link
Collaborator

Choose a reason for hiding this comment

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

Bd1;s;$accent600 - вижу, что меняется только цвет. Есть же Bdc

Copy link
Collaborator

@mr150 mr150 Dec 13, 2025

Choose a reason for hiding this comment

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

hover - не самое подходящее название для цвета

Copy link
Collaborator

Choose a reason for hiding this comment

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

Чтобы каждый раз не писать у svg Fi-cc, надо вставить в самом спрайте у иконок fill="currentColor"

Copy link
Collaborator

@mr150 mr150 Dec 13, 2025

Choose a reason for hiding this comment

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

И зачем P0.5u, если padding у родителя есть?

Copy link
Collaborator

Choose a reason for hiding this comment

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

Bgc#000*0.5 - прозрачность лучше через 50p указывать

Copy link
Collaborator

@mr150 mr150 left a comment

Choose a reason for hiding this comment

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

!

@Ramazanmak Ramazanmak requested a review from mr150 December 15, 2025 15:14
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants

Comments