Javascript js frontend

Ultimate Typescript Handbook

Автор: Dan Wellman
Год издания: 2023

#ts #en

Old Film Effect

Эффект создан на чистом CSS при помощи бесконечных анимаций.

#css

​CSS тени и неоморфный дизайн

В этой статье мы рассмотрим, как добавить различные типы теней к блочным элементам и тексту.

#css #ru

Menja

Игра в которой нужно разбивать вылетающие блоки. Реализована с помощью JavaScript.

#js

250+ Killer JavaScript One-Liners

Автор: Hernando Abella
Год издания: 2024

#js #en

Header With Slide Bar

Появляющийся заголовок с ползунком. Написан на чистом CSS.

#css

​Нативный HTML-элемент dialog и его возможности

Все основные браузеры теперь поддерживают элемент dialog. Зачем добавлять этот HTML-элемент? Подобный функционал, особенно в части захвата фокуса, имеет юзерленд-код — код, который разработчики пишут для заполнения пробелов в браузере. Что ж, браузерные движки отреагировали на это, добавив эту функциональность непосредственно в браузер.

#html #ru

JavaScript. Что будет выведено в консоль?

Ответ

Lotsa Notifications

Анимированные уведомления, логика появления и пропадания которых прописана в JS.

#js

CSS Frameworks
The Ultimate Guide

Автор: Sufyan bin Uzayr
Год издания: 2023

#css #en

Воспользуйтесь российским AI-ассистентом разработчика на GitVerse

Разработчики получили доступ к GigaCode — AI-помощнику* для ускорения работы с кодом.

AI-ассистента можно использовать в любой привычной среде разработки: IDE от JetBrains, VSCode, Jupyter. Помощник будет генерировать для вас варианты завершения кода в режиме реального времени, ускоряя и упрощая процесс работы.

GigaCode развивается вместе c сервисом GigaChat. В AI-ассистенте есть нейросетевые модели, которые обучены на больших корпусах исходного кода и специализируются на определенных задачах разработки. А по опыту команд в Сбере, GigaCode может сокращать время для создания кода до 25%.

GigaCode доступен для раннего использования на площадке GitVerse. Это платформа для работы с исходным кодом от СберТеха, где можно размещать проекты с открытым и закрытым кодом, вести совместную разработку и участвовать в жизни комьюнити.

Чтобы получить доступ к GigaCode, зарегистрируйтесь на GitVerse — проект доступен всем желающим.

*AI, artificial intelligence — искусственный интеллект

JavaScript. Что будет выведено в консоль?

Ответ

React Morph Clock

Оригинальные часы, созданные из svg-картинки на React.

#js #react

​Реализуем touch жесты на vanilla js

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

#js #ru