JavaScript

Vercel — веб-платформа для frontend-разработчиков С её помощью можно очень легко и удобно развернуть собственный сайт. При этом размещать свои проекты можно с нулевой конфигурацией, а также автоматическим протоколом SSL и глобальной инфраструктурой CDN Стоимость: #бесплатно (но платный тариф) #web #frontend

Checkbox Animations With Indeterminate State Анимированный checkbox, выполненный с помощью SVG, CSS и JavaScript. #css #js

Создаём сайт портфолио с крутой анимацией Видеоурок по созданию собственного сайта с диагональным плавным скроллом. Автор разбирает популярные техники и тренды веб-разработки, а именно: — синхронизация вертикальных слайдов, — CSS анимация скролла с инерцией, — анимация при наведении. Сайт выглядит современно и наполнен красивыми эффектами, но очень прост в реализации: https://youtu.be/oT0FN1PtmRU #html #css #json @about_javascript

Little Gallery Небольшой пак фотографий/картинок в виде карточек, которые анимируются вот таким способом. Непонятно на сколько это практично, но как минимум это забавно. #js #css #html #coden 💬 Чат фронтендеров

​Запросы на сервер. Fetch, XMLHttpRequest (XHR), Ajax Умение работать с запросами — один из главных навыков разработчика, потому что запросы отправляются и принимаются постоянно различными частями приложений. В этом виде вы в простой и понятной форме сможете разобраться в том, как работают запросы, какие варианты существуют и как их применять: https://youtu.be/eKCD9djJQKc #javascript #видео

​mojs – очень интересный инструмент для создания моушн-графики на JavaScript с очень красивыми демками Библиотека обладает декларативным API и хорошим списком демок и туториалов ⤷ Ссылка на проект GitHub | #JavaScript #Interesting

​GHTOPDEP – инструмент, который позволяет посмотреть репозитории от которых зависит ваш проект в терминале вместе со всей краткой информацией ⤷ Ссылка на проект GitHub | #Interesting #Python

js2flowchart – Инструмент для визуализации JS-кода в виде flowchart диаграммы. https://github.com/Bogdan-Lyashenko/js-code-to-svg-flowchart 👉 @Githublib

Decryption Effect with Pseudo Elements Эффект расшифровки с псевдоэлементами. Реализован с помощью CSS и JavaScript. #анимация #css #js

💡 JavaScript человеческим языком. Канал будет полезен:  ✓  начинающим верстальщикам,  ✓  фронтенд-разработчикам, ✓  людям, которые изучают JavaScript.

Glass Morphism Приятная анимация кнопок.  #js #css #html #coden

Bongo Cat Codes Вы наверняка видели этот забавный мем в виде gif’ок или видео. Автор этого проекта решил реализовать его с помощью HTML и CSS, а вернее препроцессоров Pug и SCSS. Рисунок, разумеется, сделан с помощью SVG, а анимация реализована силами CSS. Посмотреть код можно тут: https://codepen.io/carolineartz/pen/VwYwZaP #codepen #pug #scss

💾 Changing Face Rating – шкала для оценки с анимированным смайликом, который меняется в зависимости от величины рейтинга. Сайтодел | #сниппет #css

Apple Mice Анимация разных вариантов мышек, написана с помощью javascript и css. #анимация #css #js

​Как программисту записать свой трек Наиболее привычным инструментом для программиста является редактор кода. Поэтому и музыку создавать будем там. Для этого нам потребуется Slang — язык программирования звук на основе, созданный с применением JavaScript. Подробнее о языке, а также инструкция по использованию здесь: https://github.com/kylestetz/slang #slang #javascript

Wi-Fi Fail Animation Анимация ошибки при подключении к Wi-Fi, реализованная на CSS и SVG, c применением JavaScript #codepen #css #svg #js #ui_элементы 👉 @frontend_formula 👇Код доступен по кнопке👇