This media is not supported in your browser
VIEW IN TELEGRAM
[Новинка] Станьте мастером создания бесконечных анимаций на чистом CSS в бесплатном курсе.
https://htmlacademy.ru/demos/185
Мы разберём приём, который позволяет создать анимированную карусель карточек с бесконечной прокруткой чистом CSS.
#туториалотhtmlacademy #frontend #html #css
https://htmlacademy.ru/demos/185
Мы разберём приём, который позволяет создать анимированную карусель карточек с бесконечной прокруткой чистом CSS.
#туториалотhtmlacademy #frontend #html #css
В РФ настолько хорошо рисовали IT-опыт, что работодателям дадут возможность проверять данные из резюме с помощью государственных информационных систем
Министр цифрового развития Максут Шадаев считает, что это сильно упростит процесс найма и проверки сведений о кандидатах, что сделает рынок более открытым и цивилизованным.
Ситуацию на рынке труда простой не назовёшь. Так ещё последнюю лазейку для трудоустройства (рисование опыта) закрывают на уровне системного государственного решения (то есть работающего на всю страну).
Остаётся единственный способ входа в IT – как у дедов, с нуля, через джуновскую ступень и джуновские зарплаты.
А попадать на джуновскую ступень проще всего через совместные программы школ и работодателей, так как на входе на такие программы нет отбора — нужно только желание учиться.
Как раз сейчас в HTML Academy идёт набор на две такие программы – https://htmlacademy.ru/joint_professions
Министр цифрового развития Максут Шадаев считает, что это сильно упростит процесс найма и проверки сведений о кандидатах, что сделает рынок более открытым и цивилизованным.
Ситуацию на рынке труда простой не назовёшь. Так ещё последнюю лазейку для трудоустройства (рисование опыта) закрывают на уровне системного государственного решения (то есть работающего на всю страну).
Остаётся единственный способ входа в IT – как у дедов, с нуля, через джуновскую ступень и джуновские зарплаты.
А попадать на джуновскую ступень проще всего через совместные программы школ и работодателей, так как на входе на такие программы нет отбора — нужно только желание учиться.
Как раз сейчас в HTML Academy идёт набор на две такие программы – https://htmlacademy.ru/joint_professions
HTML Academy и Cedro — теперь партнёры. Выпускники флагманских программ HTML Academy, соответствующих стандартам IT-гигантов, смогут попасть в команду Cedro
Подробнее: tml.io/bigtech-cedro
Cedro — международная дизайн-студия. Создаём цифровые продукты и сервисы для web 3.0, недвижки и e-commerce. В команде — 40 крутых спецов-удалёнщиков: разрабов, дизайнеров, менеджеров, тестировщиков и копирайтеров. Работаем из Армении, России, Грузии, Швеции, Венгрии и Турции.
#работодателиhtmlacademy
Подробнее: tml.io/bigtech-cedro
Cedro — международная дизайн-студия. Создаём цифровые продукты и сервисы для web 3.0, недвижки и e-commerce. В команде — 40 крутых спецов-удалёнщиков: разрабов, дизайнеров, менеджеров, тестировщиков и копирайтеров. Работаем из Армении, России, Грузии, Швеции, Венгрии и Турции.
#работодателиhtmlacademy
Forwarded from PiterJS (Наталья)
✨Завершит PiterJS#77 Александр Першин с докладом
⚡Negative border radius – не больно
Разбавим тягучую атмосферу программирования свежим бризом современного CSS.Создадим мини-библиотеку для реализации популярного интерфейсного паттерна – обратного радиуса скругления. В процессе погрузимся в тонкости линейных и радиальных градиентов, CSS-масок, CSS-переменных и в магию calc()
✨И конечно же регистрируйся. Места в этот раз хватит всем. Только паспорт не забудь.
✔️ А если передумал идти — отмени регистрацию там же.
⚡Negative border radius – не больно
Разбавим тягучую атмосферу программирования свежим бризом современного CSS.Создадим мини-библиотеку для реализации популярного интерфейсного паттерна – обратного радиуса скругления. В процессе погрузимся в тонкости линейных и радиальных градиентов, CSS-масок, CSS-переменных и в магию calc()
✨И конечно же регистрируйся. Места в этот раз хватит всем. Только паспорт не забудь.
✔️ А если передумал идти — отмени регистрацию там же.
Нашему партнёру-работодателю — креативному digital-агентству Only — исполнилось 10 лет. Они отмечают это событие Figma-пикником — вечеринкой в интерактивном пространстве.
Что будет на пикнике:
— творческая зона: рисуйте, творите, воплощайте идеи,
— зона знакомств: встречайтесь с коллегами из digital,
— зона развлечений: собирайте пазлы и заполняйте филворды,
— креативные угощения: принесите цифровое брендированное блюдо или напиток, символизирующие вас.
📆 Когда: 25 апреля, в пятницу, в 14:00 (МСК)
📍Где: онлайн в Figma
Присоединяйтесь и приглашайте друзей!
Для участия нужно зарегистрироваться по ссылке на Timepad — https://only-digital.timepad.ru/event/3297141/
Что будет на пикнике:
— творческая зона: рисуйте, творите, воплощайте идеи,
— зона знакомств: встречайтесь с коллегами из digital,
— зона развлечений: собирайте пазлы и заполняйте филворды,
— креативные угощения: принесите цифровое брендированное блюдо или напиток, символизирующие вас.
📆 Когда: 25 апреля, в пятницу, в 14:00 (МСК)
📍Где: онлайн в Figma
Присоединяйтесь и приглашайте друзей!
Для участия нужно зарегистрироваться по ссылке на Timepad — https://only-digital.timepad.ru/event/3297141/
This media is not supported in your browser
VIEW IN TELEGRAM
Уже пятница, впереди выходные, самое время повайбкодить.
Кстати, а что это?
Собрали в «Доктайпе» 10 идей проектов, которые можно сделать с помощью нейросетей и хорошего настроения меньше, чем за два часа, даже если вы никогда ничем подобным не занимались.
В списке
— таск-трекер
— программа для финансов
— генератор паролей,
— помидорный таймер
и еще 6 полезных проектов на каждый день.
Вооружайтесь VS Code, любимой нейросетью и вперёд вайбкодить!
👉 Читать статью
Кстати, а что это?
Собрали в «Доктайпе» 10 идей проектов, которые можно сделать с помощью нейросетей и хорошего настроения меньше, чем за два часа, даже если вы никогда ничем подобным не занимались.
В списке
— таск-трекер
— программа для финансов
— генератор паролей,
— помидорный таймер
и еще 6 полезных проектов на каждый день.
Вооружайтесь VS Code, любимой нейросетью и вперёд вайбкодить!
👉 Читать статью
HTML Academy и Студия Лепёхина стали партнёрами! Выпускники совместной программы обучения смогут трудоустроиться в компанию.
Подробнее о совместной программе: tml.io/joint-lepekhin
Студия Лепёхина – это распределённая команда дизайнеров, разработчиков, редакторов и менеджеров из разных стран. Мы создаём сильные решения, которые помогают выходить на новые рынки, развиваться и зарабатывать больше: логотипы, айдентику, сайты и многое другое.
#работодателиhtmlacademy
Подробнее о совместной программе: tml.io/joint-lepekhin
Студия Лепёхина – это распределённая команда дизайнеров, разработчиков, редакторов и менеджеров из разных стран. Мы создаём сильные решения, которые помогают выходить на новые рынки, развиваться и зарабатывать больше: логотипы, айдентику, сайты и многое другое.
#работодателиhtmlacademy
🌷 Майские праздники — время отдыхать с пользой!
С 1 по 11 мая приглашаем вас на «Майские каникулы» от HTML Academy. Совместно с Purrweb, Wemakefab и Лига А. мы открываем бесплатный доступ к нашим тренажёрам и запускаем секретные подарки на сайте.
Что вас ждёт?
🆗 Бесплатный доступ к тренажёрам по HTML, CSS, SVG и JavaScript.
🆗 Ежедневные задания, увлекательные викторины и загадки.
🆗 3 уровня призов: бронзовый, серебряный и золотой — чем выше общая активность, тем круче призы!
Зовите друзей, выполняйте задания и повышайте свои шансы получить крутые призы от наших партнёров-работодателей Purrweb и Wemakefab! Подробнее читайте на лендинге.
⏱ Стартуем 1 мая!
Подробнее об акции | Telegram-бот
С 1 по 11 мая приглашаем вас на «Майские каникулы» от HTML Academy. Совместно с Purrweb, Wemakefab и Лига А. мы открываем бесплатный доступ к нашим тренажёрам и запускаем секретные подарки на сайте.
Что вас ждёт?
Зовите друзей, выполняйте задания и повышайте свои шансы получить крутые призы от наших партнёров-работодателей Purrweb и Wemakefab! Подробнее читайте на лендинге.
Подробнее об акции | Telegram-бот
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Media is too big
VIEW IN TELEGRAM
[Релиз!] Познакомьтесь с CSS-библиотекой от HTML Academy, которая кардинально упрощает создание и настройку инвертированных углов
https://htmlacademy.ru/demos/195
Углы работают даже на неоднородных фонах. Всё сделано на чистом CSS. Знакомьтесь с возможностями библиотеки и используйте с удовольствием!
#туториалотhtmlacademy #frontend #html #css
https://htmlacademy.ru/demos/195
Углы работают даже на неоднородных фонах. Всё сделано на чистом CSS. Знакомьтесь с возможностями библиотеки и используйте с удовольствием!
#туториалотhtmlacademy #frontend #html #css
HTML Academy
🌷 Майские праздники — время отдыхать с пользой! С 1 по 11 мая приглашаем вас на «Майские каникулы» от HTML Academy. Совместно с Purrweb, Wemakefab и Лига А. мы открываем бесплатный доступ к нашим тренажёрам и запускаем секретные подарки на сайте. Что вас…
Тренажёры сами по себе — отличная возможность прокачать навыки. Но вместе с нашими партнёрами-работодателями — Purrweb, Wemakefab и Лига А. — мы подготовили особенные призы, уровень которых будет зависеть от общей активности всех участников акции.
Чем выше суммарное количество набранных баллов — тем круче становится призовой фонд. Всего предусмотрено три уровня:
🥉 Бронзовый уровень
– Курс «Введение в React» — гарантированно всем, кто наберёт 2 475 баллов и больше.
– Курс «Войти в IT» и месяц доступа к тренажёрам.
🥈 Серебряный уровень
– Всё из бронзового уровня.
– Программы-аналоги «Фронтенд-разработчик» для компаний Only и Контур.
– Самостоятельные профессии «Фронтенд-разработчик» и «JavaScript-разработчик».
🥇 Золотой уровень
– Всё из серебряного уровня.
– Ещё больше самостоятельных профессий.
– Программа развития навыков «Современная фронтенд-инженерия».
– Программа развития навыков «UI-инженерия».
Стартуем уже завтра — 1 мая!
Чем активнее будете вы и другие участники, тем больше шансов разблокировать золотой уровень. Участвуйте, зовите друзей и следите за прогрессом!
Подробнее | Кексобот | Правила
Please open Telegram to view this post
VIEW IN TELEGRAM
HTML Academy и WebRise — теперь партнёры. Выпускники флагманских программ HTML Academy, соответствующих стандартам IT-гигантов, смогут попасть в команду WebRise
Подробнее: tml.io/bigtech-webrise
Компания WebRise работает в сфере заказной разработки, предоставляет услуги по широкому спектру технологий, как во frontend, так и backed сферах, активно работает с дизайном и аналитикой.
#работодателиhtmlacademy
Подробнее: tml.io/bigtech-webrise
Компания WebRise работает в сфере заказной разработки, предоставляет услуги по широкому спектру технологий, как во frontend, так и backed сферах, активно работает с дизайном и аналитикой.
#работодателиhtmlacademy
This media is not supported in your browser
VIEW IN TELEGRAM
Анимация по любой траектории с
У вас же было такое, что ждёте курьера или доставку, а их всё нет и нет? Заходите сайт, обновляете статус, а там «В пути» и больше никакой информации. У нас вот было много раз.
В хороших случаях курьера рисуют прямо на карте, и показывают, где он едет, где проехал, и прямо анимацией можно всё рассмотреть.
И вот как сделать такое на чистом CSS с помощью
👉 https://htmlacademy.ru/blog/css/offset-path
offset-pathУ вас же было такое, что ждёте курьера или доставку, а их всё нет и нет? Заходите сайт, обновляете статус, а там «В пути» и больше никакой информации. У нас вот было много раз.
В хороших случаях курьера рисуют прямо на карте, и показывают, где он едет, где проехал, и прямо анимацией можно всё рассмотреть.
И вот как сделать такое на чистом CSS с помощью
offset-path, уже доступного во всех браузерах.👉 https://htmlacademy.ru/blog/css/offset-path
😼 Майские продолжаются — а значит, можно успеть не только отдохнуть, но и прокачаться.
Если уже съели всё с мангала и пересмотрели все сериалы — самое время заняться собой.
Прокачайте стек: TypeScript, шаблонизаторы, анимации, алгоритмы и не только. Всё, что выводит на уровень мидл-разработчика — в одном месте.
💡Чем шире стек — тем выше ставка. Это не лозунг, это рынок.
До 9 мая — скидка 70 % на все мидл-курсы и пакеты.
Курсов целых 19 — вы точно найдёте для себя что-то интересное.
👉 Выбрать можно здесь — https://tml.io/levelup_courses
👉Промокод: MAYUMNO — введите при оплате и получите скидку.
Остались вопросы? Пишите в https://tml.io/telegram
Продолжите майские с пользой. Учитесь в своём темпе, в удобное время — и входите в рабочий режим уже на уровень выше.
Если уже съели всё с мангала и пересмотрели все сериалы — самое время заняться собой.
Прокачайте стек: TypeScript, шаблонизаторы, анимации, алгоритмы и не только. Всё, что выводит на уровень мидл-разработчика — в одном месте.
💡Чем шире стек — тем выше ставка. Это не лозунг, это рынок.
До 9 мая — скидка 70 % на все мидл-курсы и пакеты.
Курсов целых 19 — вы точно найдёте для себя что-то интересное.
👉 Выбрать можно здесь — https://tml.io/levelup_courses
👉Промокод: MAYUMNO — введите при оплате и получите скидку.
Остались вопросы? Пишите в https://tml.io/telegram
Продолжите майские с пользой. Учитесь в своём темпе, в удобное время — и входите в рабочий режим уже на уровень выше.
HTML Academy и Aston — теперь партнёры. Выпускники флагманских программ HTML Academy, соответствующих стандартам IT-гигантов, смогут попасть в команду Aston
Подробнее: https://tml.io/bigtech-aston
Компания Aston представлена на российском рынке с 2007 года, предоставляя услуги разработки программного обеспечения и IT-аутсорсинга предприятиям, организациям и стартапам.
#работодателиhtmlacademy
Подробнее: https://tml.io/bigtech-aston
Компания Aston представлена на российском рынке с 2007 года, предоставляя услуги разработки программного обеспечения и IT-аутсорсинга предприятиям, организациям и стартапам.
#работодателиhtmlacademy
Поиск с конца массива в JS
Недавно в JavaScript появились два полезных метода для массивов:
Показываем, как ими пользоваться (даже если лапки):
👉 https://htmlacademy.ru/blog/js/find-last
Недавно в JavaScript появились два полезных метода для массивов:
findLast и findLastIndex. Они делают то же, что и привычные find и findIndex, только проходят массив с конца.Показываем, как ими пользоваться (даже если лапки):
👉 https://htmlacademy.ru/blog/js/find-last
8 решений из HTML и CSS, которые пора забыть в 2025
Раньше простые на первый взгляд задачи требовали довольно много возни. Центрировать блок? Нужно позиционирование и расчёты. Сделать сетку? Пропорции вручную и осторожное управление отступами. Обновить страницу автоматически? Либо писать скрипт, либо настраивать сервер. Работало, но всегда казалось, что можно проще.
И наконец-то стало. Смотрите, как просто:
👉 https://htmlacademy.ru/blog/html/new-things-in-layout
Раньше простые на первый взгляд задачи требовали довольно много возни. Центрировать блок? Нужно позиционирование и расчёты. Сделать сетку? Пропорции вручную и осторожное управление отступами. Обновить страницу автоматически? Либо писать скрипт, либо настраивать сервер. Работало, но всегда казалось, что можно проще.
И наконец-то стало. Смотрите, как просто:
👉 https://htmlacademy.ru/blog/html/new-things-in-layout
В сентябре 2024 в Baseline в статусе Widely-available вошло CSS-свойство
То есть если у вас есть модальное с полупрозрачным фоном, вы можете сделать так, чтобы то, что под ней, красиво размывалось, как в macOS или на айфоне. Это и есть главное применение backdrop-filter.
👉 https://htmlacademy.ru/blog/css/backdrop-filter
backdrop-filter. Оно делает красивое: позволяет применить фильтры (размытие, контраст, яркость, и прочее) к фону за элементом. Не к самому элементу, а именно к тому, что за ним — это важно.То есть если у вас есть модальное с полупрозрачным фоном, вы можете сделать так, чтобы то, что под ней, красиво размывалось, как в macOS или на айфоне. Это и есть главное применение backdrop-filter.
👉 https://htmlacademy.ru/blog/css/backdrop-filter