#CSS
🖼️ Animation of the appearance of an element without complex structures
Example on CodePen: https://codepen.io/alinaki/pen/XWXORzM
Example on CodePen: https://codepen.io/alinaki/pen/XWXORzM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥4🤔3
#junior #css #grid
🔤 🔤 🔤 🔤 на лягушках
🔤 🔤 🔤 🔤 на морковках
Все уже давненько внедряют игровые механики в свои продукты и решения, в том числе EdTech направление. И я полностью поддерживаю эту тенденцию.
Освоить Flex и Grid, в игровой форме, позволяют продукты компании Codepip. Отличная возможность потренировать базу за 52 уровня.
- Grid Garden🥕
- FlexBox Froggy🐸
🤓 Бесплатно и интересно
Все уже давненько внедряют игровые механики в свои продукты и решения, в том числе EdTech направление. И я полностью поддерживаю эту тенденцию.
Освоить Flex и Grid, в игровой форме, позволяют продукты компании Codepip. Отличная возможность потренировать базу за 52 уровня.
- Grid Garden
- FlexBox Froggy
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥5👾3😱1
#css #design
📐 Быстрый прыжок в курс школьной геометрии
Итак, что вам не расскажут на курсе «Профессия дизайнер за 2 недели»?
Правильно - как считать скругление углов.
И я не шучу! Казалось бы, очевидные вещи, а проблемы можно найти даже у гигантов индустрии.
(Делитесь в комментариях, если нашли.)
Так вот, чтобы правильно загруглить углы внутреннего блока, достаточно воспользоваться формулой:
Будет работать в большинстве стандартных кейсов.
Почему в большинстве? - Потому что формула линейна и, конечно же, не покрывает всë.
Если хотите больше погрузится в эту тему, можно почитить тред втвиттере X.
📐 Быстрый прыжок в курс школьной геометрии
Итак, что вам не расскажут на курсе «Профессия дизайнер за 2 недели»?
Правильно - как считать скругление углов.
И я не шучу! Казалось бы, очевидные вещи, а проблемы можно найти даже у гигантов индустрии.
(Делитесь в комментариях, если нашли.)
Так вот, чтобы правильно загруглить углы внутреннего блока, достаточно воспользоваться формулой:
inner radius = outer radius - padding
Будет работать в большинстве стандартных кейсов.
Почему в большинстве? - Потому что формула линейна и, конечно же, не покрывает всë.
Если хотите больше погрузится в эту тему, можно почитить тред в
🔥7❤3👍2