В браузерах появилась широкая поддержка СТРАННОЙ единицы измерения
Угадайте-ка, чему она равна?
ic.Угадайте-ка, чему она равна?
🔥16
Чему равен 1 ic в CSS?
Anonymous Quiz
22%
1/72 фута
36%
Ширине символа 水
42%
Четверти миллиметра или 1/40 cm
😁46⚡2
Доктайп
Чему равен 1 ic в CSS?
И хотя все три варианта выглядели шуткой, но они все вообще-то существуют.
Кажется странным — но это всё валидные, настоящие единицы CSS. Живут в спецификациях, рендерятся в браузере, проходят валидацию. А там еще такого вагон.
«Доктайп» — образовательный!
1ic — ширина иероглифа 水 в текущем шрифте. Работает как ch, но для кандзи. Уже поддерживается браузерами.1pt — 1/72 дюйма. Типографика из прошлого (печатного), но всё ещё в строю.1q — 0.25 мм. Традиционная японская единица измерения, тоже поддерживается.Кажется странным — но это всё валидные, настоящие единицы CSS. Живут в спецификациях, рендерятся в браузере, проходят валидацию. А там еще такого вагон.
«Доктайп» — образовательный!
❤34😁12⚡7
Говорят, что фронтендеры должны хорошо работать в команде. Давайте попробуем:
😁15⚡1
Выберите один вариант так, чтобы всех вариантов ответа было поровну
Anonymous Poll
9%
1
8%
2
9%
3
10%
4
22%
5
11%
6
12%
7
10%
8
9%
9
😁38
This media is not supported in your browser
VIEW IN TELEGRAM
⚡️Нашей редакцией официально найдена самая раздражающая капча.
Не думал, что это скажу,но лучше бы светофоры!
Не думал, что это скажу,
😁36
This media is not supported in your browser
VIEW IN TELEGRAM
Я понимаю, что вы все в звонках и разгребании давайпослемайских, но уже пора обедать.
Не знаю у кого как, а у нас кастомизатор бургера на чистом CSS.
👉 https://codepen.io/hernandack/pen/qEEMoxm
Не знаю у кого как, а у нас кастомизатор бургера на чистом CSS.
👉 https://codepen.io/hernandack/pen/qEEMoxm
🔥42😁5❤4
Вторничная загадка
Девочка Света известна своей внимательностью и любовью к программированию.
Она определила переменную
Чему после всех этих манипуляций оказалась равна переменная a?
Девочка Света известна своей внимательностью и любовью к программированию.
Она определила переменную
a, равную трём с половиной, умножила b на 3, прибавила к результату корень (то ли квадратный, то ли кубический) из 19389, сложила результат со строкой NaNaNa, поделила его на семь и вывела результат в консоль. Чему после всех этих манипуляций оказалась равна переменная a?
😁26
😁32😢7🔥2
Чему примерно равна длина стороны этого объекта?
Anonymous Poll
23%
Меньше 3 сантиметров
50%
3-7 сантиметров
18%
7-15 сантиметров
9%
Больше 15 сантиметров
😁10⚡8
Доктайп
Чему примерно равна длина стороны этого объекта?
⚡️Правильный ответ: этим предметом была Альберт Эйнштейн флешка с длиной стороны всего 20.5 мм. Хотя на первый взгляд казалось, что это зажигалка какая-то или кейс от наушников.
Справились 15%.
Удивительно!
Справились 15%.
Удивительно!
😁22⚡3
кто вы? кем работаете? чем занимаетесь? расскажите о себе в комментах ровно в шести словах.
😁11🔥4😢3
Forwarded from HTML Academy
Монументальный и полезнейший чек-лист для дизайнеров от разработчика про подготовку макета к вёрстке
https://lepekhin.studio/ru/notes/post/designer-checklist
Михаил Воробьёв, фронтенд-разработчик Студии Лепёхина, делится практическим чек-листом для дизайнеров, чтобы избежать типичных ошибок при передаче макета в разработку. Он подробно рассматривает важные аспекты, такие как адаптивность интерфейса, поведение элементов на разных экранах, обработку пустых состояний и переполнение контента.
Эта статья будет особенно полезна начинающим фронтендерам и дизайнерам, помогая им понять, на что обращают внимание опытные разработчики при вёрстке. Опытные фронтендеры также найдут здесь полезные советы для улучшения взаимодействия с дизайнерами и повышения качества конечного продукта.
---
Студия Лепёхина — наш официальный партнёр-работодатель. Выпускники совместной программы обучения смогут трудоустроиться в компанию. Подробнее о совместной программе: tml.io/joint-lepekhin
#полезноеотработодателей
https://lepekhin.studio/ru/notes/post/designer-checklist
Михаил Воробьёв, фронтенд-разработчик Студии Лепёхина, делится практическим чек-листом для дизайнеров, чтобы избежать типичных ошибок при передаче макета в разработку. Он подробно рассматривает важные аспекты, такие как адаптивность интерфейса, поведение элементов на разных экранах, обработку пустых состояний и переполнение контента.
Эта статья будет особенно полезна начинающим фронтендерам и дизайнерам, помогая им понять, на что обращают внимание опытные разработчики при вёрстке. Опытные фронтендеры также найдут здесь полезные советы для улучшения взаимодействия с дизайнерами и повышения качества конечного продукта.
---
Студия Лепёхина — наш официальный партнёр-работодатель. Выпускники совместной программы обучения смогут трудоустроиться в компанию. Подробнее о совместной программе: tml.io/joint-lepekhin
#полезноеотработодателей
❤13⚡3🔥3