Фронтенд Гайд

HTML5 Boilerplate Профессиональный интерфейсный шаблон для создания быстрых, надежных и адаптируемых веб-приложений или сайтов. Этот проект является результатом более чем 10-летней итеративной разработки и знаний сообщества. Он не навязывает конкретной философии разработки или фреймворка, поэтому вы вольны создавать свой код так, как вам хочется. #GitHub

Chart.js Удобная основа для создания адаптивных диаграмм. Вручную разработать их — сложная задача, которая займет много времени. Chart.js сократит затраты сил и времени минимум в 2 раза. Она стабильно работает со всеми популярными браузерами, имеет подробную документацию. Функционала достаточно для создания пользовательских диаграмм и сложных таблиц с динамически изменяющимися данными. #Полезное

Overlay menu Готовая анимация для меню/бургера #CodePen

Scroll animation Интересная анимация при скролле страницы #CodePen

Чем отличается prototype от proto? Двухчасовой стрим, после которого у вас не останется вопросов по этой теме. Подробное практическое объяснение и много примеров. #Полезное

Masked Circle Slider Полноэкранный слайдер #CodePen

Mo.js Богатая библиотека анимаций JavaScript, которая использует эффекты движения для придания пикантности вашим веб-сайтам. По сравнению с другими библиотеками JS, она использует другой подход к своему коду и структуре анимации. #GitHub

Nerf Gun Radio Button Shoot me please🔫 #CodePen

⚡️ Десятиклассник разработал сайт на JS и продал его Google за $1.35M Подробные туториалы и примеры кода, как именно писать дорогостоящие Frontend проекты, доступны в канале. Подписывайся и монетизируй свои задумки с максимальной прибылью.

10 инструментов для CSS: анимация, сетки и дизайн В статье рассмотрены некоторые из самых популярных инструментов CSS, которые помогут вам идти в ногу со временем и вывести свои навыки CSS на новый уровень. #Полезное

Gallery animation Анимированная галерея с эффектом при прокрутке #CodePen

FLIP List items - Flip Plugin Элементы списка FLIP, при наведение карточка раскрывается. Реализована с помощью JavaScript #CodePen

Действующий девопс-инженер из @bashdays рассказывает простым языком, про все тонкости и скрытые возможности работы в консоли. Присоединяйся и забудь про скучную документацию. С полученными знаниями ты выйдешь на новый уровень, упростишь ежедневный workflow и повысишь свой ценник на рынке. Помимо трюков в консоли, ты найдешь множество тем, которые тебе пригодятся: linux, gitlab, k8s, monitoring, docker, ansible, ci/cd, nginx, mysql, logs, python и т.п. Подпишись и качай свой hard-skills вместе с нами 🤟

Image reveal animation using GSAP ScrollTrigger Ненавязчивая анимация появления изображений при скролле #CodePen

Код: маленький и ненужный В данной статье речь пойдет о некоторых трюках для сокращения кода для JavaScript на конкретном примере. Надеюсь, название сразу говорит за себя, и никто не будет использовать приемы отсюда для написания кода в реальной разработке. Все, что происходит здесь, стоит воспринимать не более чем игрой-головоломкой просто ради развлечения и проверки знаний некоторых тонкостей языка. #Полезное

To Do List UI Адаптивный пользовательский интерфейс списка дел, реализованный с помощью Vue. #CodePen

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

Log In / Sign Up - pure CSS 3D-карточка с регистрацией и входом для пользователей #CodePen