В CSS-функции
В статье разбираем, что ещё появилось в декабре: от
🎁 Читать статью
calc() теперь можно использовать число π — и это не шутка. Константы e, pi, infinity и даже NaN стали частью стандарта и работают во всех браузерах.В статье разбираем, что ещё появилось в декабре: от
@scope для изоляции стилей без Shadow DOM до события scrollend, которое точно скажет, когда прокрутка завершилась. А ещё — как теперь измерять метрики LCP и INP встроенными средствами браузера. #css #baselinePlease open Telegram to view this post
VIEW IN TELEGRAM
🔥8❤3❤🔥2👍2
Media is too big
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤9🔥6❤🔥4👍2
Технологическая рулетка: вызов на сегодня
Бросьте кубик в комментариях и займитесь тем, что выпадет. Шесть тем — React, Vue.js, CSS Grid, алгоритмы, Git, DevTools. Задания на картинках.
Напишите, что выпало и что сделали.
Бросьте кубик в комментариях и займитесь тем, что выпадет. Шесть тем — React, Vue.js, CSS Grid, алгоритмы, Git, DevTools. Задания на картинках.
Напишите, что выпало и что сделали.
❤5🔥4❤🔥3
Методы
А ещё в статье — Navigation API, псевдоклассы для View Transitions API и новые CSS-единицы
🎁 Читать статью
toSorted() и toReversed() уже работают во всех браузерах. Теперь можно сортировать массивы без мутаций — оригинал остаётся нетронутым, а вы получаете новый. Туда же — свойство animation-composition для управления наложением анимаций. Это то, что можно использовать в продакшене прямо сейчас.А ещё в статье — Navigation API, псевдоклассы для View Transitions API и новые CSS-единицы
rcap, rch, rex, ric для точной типографики в многоязычных интерфейсах. Эти фичи только появились в браузерах, так что пока просто держим в голове на будущее. #css #jsPlease open Telegram to view this post
VIEW IN TELEGRAM
❤🔥7❤3🔥2
В эти выходные вы сами выбираете условия покупки курса.
С 30 января по 1 февраля запускаем «Акцию-конструктор». Хотите скидку на мидловый курс? Две профессии по цене одной? Консультацию с наставником в подарок к профессии? Напишите нам — обсудим.
Как участвовать: пишете, какой курс хотите и на каких условиях. Мы рассмотрим предложение и ответим в течение пары часов. Если условия нам подходят — фиксируем. Если нет — предложим встречный вариант.
Акция только до 1 февраля включительно.
Обсудить условия →
С 30 января по 1 февраля запускаем «Акцию-конструктор». Хотите скидку на мидловый курс? Две профессии по цене одной? Консультацию с наставником в подарок к профессии? Напишите нам — обсудим.
Как участвовать: пишете, какой курс хотите и на каких условиях. Мы рассмотрим предложение и ответим в течение пары часов. Если условия нам подходят — фиксируем. Если нет — предложим встречный вариант.
Обсудить условия →
❤7❤🔥2🔥2
После анонса Liquid Glass от Apple фронтендеры бросились реализовывать эффект — и у кого-то получился полупрозрачный бублик на Three.js. А ещё в этом месяце: 3D-сапёр с
В подборке — демки, которые можно сразу открыть и разобрать по шагам. А для тех, кого замучили «отрицательные углы» (negative border radius), есть решение — библиотека nebo.css. #css #js
🎁 Читать статью
backdrop-filter: blur, электрическая рамка и неоморфизм.В подборке — демки, которые можно сразу открыть и разобрать по шагам. А для тех, кого замучили «отрицательные углы» (negative border radius), есть решение — библиотека nebo.css. #css #js
Please open Telegram to view this post
VIEW IN TELEGRAM
❤5👍4❤🔥1
Forwarded from Как стать мидлом
Мастер анимаций: SVG-анимации
На курсе вы научитесь оживлять векторные изображения — от простых иконок до сложных диаграмм и главных экранов. Разберём три подхода к SVG-анимации: CSS, SMIL и JavaScript, и освоим библиотеки GSAP, Anime.js, Snap.svg и KUTE.js.
Вас ждут 50 пошаговых примеров: кастомные курсоры, морфинг форм, эффект обводки и закрашивания, анимация текста, масок и паттернов. Каждый пример можно повторить и адаптировать под свои задачи.
После курса вы будете готовить и оптимизировать SVG, выбирать подходящий инструмент для каждой задачи и понимать, когда стоит перейти к Canvas. #htmlacademy #levelup
🎁 Смотреть программу
На курсе вы научитесь оживлять векторные изображения — от простых иконок до сложных диаграмм и главных экранов. Разберём три подхода к SVG-анимации: CSS, SMIL и JavaScript, и освоим библиотеки GSAP, Anime.js, Snap.svg и KUTE.js.
Вас ждут 50 пошаговых примеров: кастомные курсоры, морфинг форм, эффект обводки и закрашивания, анимация текста, масок и паттернов. Каждый пример можно повторить и адаптировать под свои задачи.
После курса вы будете готовить и оптимизировать SVG, выбирать подходящий инструмент для каждой задачи и понимать, когда стоит перейти к Canvas. #htmlacademy #levelup
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤🔥5🔥4👍3
Media is too big
VIEW IN TELEGRAM
Почему одни джуны уходят через полгода, а другие вырастают в сильных разработчиков?
Василий Вишняков из Bquadro рассказывает, как в студии выстроена адаптация новичков и почему компания сознательно нанимает людей без опыта.
🐭 Смотреть на YouTube
🐹 Смотреть в VK
🎖 Программа обучения
Василий Вишняков из Bquadro рассказывает, как в студии выстроена адаптация новичков и почему компания сознательно нанимает людей без опыта.
Please open Telegram to view this post
VIEW IN TELEGRAM
❤5👍4🔥3
Сегодня — последний день «Акции-конструктор».
За выходные мы узнали много нового о ваших переговорных навыках. Курс за 500 ₽? Видели. Три профессии по цене половины? Тоже было. Но мы не сдаёмся.
🎁 Скидка на курсы, две профессии вместе, бонус к обучению — напишите свои условия. Обсуждаем до полуночи.
Обсудить условия →
За выходные мы узнали много нового о ваших переговорных навыках. Курс за 500 ₽? Видели. Три профессии по цене половины? Тоже было. Но мы не сдаёмся.
Обсудить условия →
Please open Telegram to view this post
VIEW IN TELEGRAM
1👍3🔥3❤🔥2🤣1
Видеофон на главной, всплывающий баннер с летающими курицами, кнопка, которая трясётся без причины — всё это раздражает пользователей и ломает UX.
Собрали топ примеров плохой анимации: что тормозит загрузку, что отвлекает от контента, что вызывает дискомфорт и мешает доступности. И да, пришлось отключить адблок ради исследования. #css #a11y
🎁 Читать статью
Собрали топ примеров плохой анимации: что тормозит загрузку, что отвлекает от контента, что вызывает дискомфорт и мешает доступности. И да, пришлось отключить адблок ради исследования. #css #a11y
Please open Telegram to view this post
VIEW IN TELEGRAM
❤🔥5❤3🔥2