پست‌های تلگرام Веб-страница

Меняем JS-библиотеку анимации на View Transitions

Теперь не нужно подтягивать тяжелые JavaScript библиотеки для анимаций в ваш проект. В Chrome и Safari появилась поддержка View Transitions API. Эта апишка дает нам механизм для простого создания анимированных переходов между различными состояниями веб-сайта без необходимости расписывать сложную логику с помощью JS.

Как это работает вы можете увидеть здесь.

#фронтенд #css #javascript

Как конфигурировать Git

Новички часто сталкиваются со сложностями, когда дело доходит до конфигурации Git. Конечно, можно использовать и настройки по умолчанию, но если хотите настроить инструмент под себя, то стоит покопаться в конфигах.

О том, как это сделать правильно, узнаете в статье: https://habr.com/ru/articles/886538/

#git

Функции в CSS? Серьёзно?

Да, серьезно. Пока это можно делать только в Chrome Canary с экспериментальным флагом, так что в реальных проектах в ближайшее время мы вряд ли это увидим.

Но вот пощупать функции в тестовой версии нам никто не запретит. Поэтому открываем статью и смотрим, как CSS превращается в язык, прости Господи, программирования.

Все подробности здесь: https://css-tricks.com/functions-in-css/

#css

ESLint теперь официально поддерживает линтинг CSS

Об этом появилась информация в блоге команды. Для настройки необходимо установить плагин @eslint/css. Он обеспечивает синтаксический анализ с помощью CSSTree и правил CSS.

Чтобы использовать плагин, установите его с помощью npm:

npm install @eslint/css -D

Подробнее можно почитать в их блоге.

#новости #css #eslint

Сможете сделать устойчивую систему на Java?

Представьте, что вам нужно разработать систему на Java, которая выдержит любую нагрузку и не упадет. Для этого, как минимум, нужно выбрать наиболее подходящий фреймворк. Справитесь?

Проверьте свои силы в новом квизе: https://tprg.ru/zEI5

А результатами делитесь в комментариях.

#квиз

Проверьте свои репозитории. Вдруг там и до первой версии рановато

Как задеплоить вебаппку «Телеграма» всего за 20 минут

Вебаппки пишутся куда быстрее обычных ботов, а развернуть их можно всего за 20 минут. После этого приложение уже можно показывать пользователям. В этой статье лежит готовая инструкция и даже шаблон для запуска такого приложения. Посмотрите и берите на вооружение.

#telegram #webapp #miniapp

Что ж, мои маленькие веб-разработчики, пора баиньки. А чтобы вам крепче спалось держите сказку на ночь.

Pass Strength Shield

Это анимированное поле ввода пароля, созданное с помощью React, GSAP и DrawSVGPlugin3. Картинка над полем меняется в зависимости от того, соответствует пароль требованиям или нет.

Как повторить такой проект, можно узнать на его странице:

https://codepen.io/lerida/pen/MWjPxRW

#codepen

разработчик сделал пинг-понг во вкладках браузера

Пользователь Nolen Royalty сделал «Faviconic Pong», где игра происходит между главным окном Chrome и 240 фавиконами. В игре есть ракетки, мяч и табло для подсчета очков.

Код залипалова можно глянуть здесь. А разобраться, как он работает — вот тут.

@your_tech