Frontend Gazette | Dev Notes
34 subscribers
15 photos
1 video
11 links
Frontend разработка и не только.

Angular, React, HTML, CSS, NodeJS, TypeScript, Javascript

По всем вопросам: @stepn1k
Download Telegram
#CSS

🖼️ Animation of the appearance of an element without complex structures

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 🐸

🤓 Бесплатно и интересно
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥5👾3😱1
#css #design

📐 Быстрый прыжок в курс школьной геометрии

Итак, что вам не расскажут на курсе «Профессия дизайнер за 2 недели»?
Правильно - как считать скругление углов.
И я не шучу! Казалось бы, очевидные вещи, а проблемы можно найти даже у гигантов индустрии.
(Делитесь в комментариях, если нашли.)

Так вот, чтобы правильно загруглить углы внутреннего блока, достаточно воспользоваться формулой:

inner radius = outer radius - padding

Будет работать в большинстве стандартных кейсов.
Почему в большинстве? - Потому что формула линейна и, конечно же, не покрывает всë.

Если хотите больше погрузится в эту тему, можно почитить тред в твиттере X.
🔥73👍2