Создаем неоновый текст с помощью CSS.

На этом сайте, Вы пошагово научитесь создавать имитацию неоновых вывесок с различными анимированными эффектами.

#css #html #полезныйресурс

Fancy Border Radius - инструмент для генерации сложной фигуры.

Перетягивая ползунки можно создать необычную фигуру и в итоге получить значения CSS свойства border-radius.

#полезныйресурс #css

Тег <canvas>.

Создает область, в которой при помощи JavaScript можно рисовать разные объекты, выводить изображения, трансформировать их и менять свойства. При помощи тега <canvas> можно создавать рисунки, анимацию, игры и др.

Синтаксис
<canvas id="идентификатор"> </canvas>

Атрибуты
height - Задает высоту холста. По умолчанию 300.
width - Задает ширину холста. По умолчанию 150.

Обязателен закрывающий тег.

#html #javascript

3D CSS Plane - самолёт, который летит и управляется с помощью библиотеки GSAP. Самолёт может менять направление движения и включать "огни" с наступлением ночи.

Полный код проекта присутствует.

#полезныйресурс #css #javascript #html

Недавно вышел Notepad++ 8 — это крупное обновление редактора за последние 5 лет.

Появилась поддержка ARM64-архитектуры и наконец-то исправили ряд проблем, преследовавших приложение последние релизы.

Скачать и почитать подробнее об изменениях

Stack game - игра жанра построй башню.

Игра сделана на JavaScript с использованием библиотек Three.js и Cannon.js.

Полный код проекта присутствует.

#javascript #css #html #полезныйресурс

Three.js - библиотека для создания 3D графики, которая открывает невероятные возможности для создания графики в браузерах.

С помощью Three.js можно создавать 3D объекты, анимации и даже игры. Для создания 3D графики, Three.js использует технологию WebGL.

#javascript #полезныйресурс

Flat Weather Notice Cards - анимированные погодные карточки.

Проект выполнен на чистом CSS с использованием препроцессора SASS. Данные карточки можно применить в своей работе, подключив их к реальным данным.

Полный код проекта присутствует.

#полезныйресурс #css

Полезные сокращения в JavaScript для начинающих веб-разработчиков.

25 приёмов, которые помогают сократить и облегчить код на JavaScript.

#javascript #полезныйресурс

Pure CSS Arcade - аркадный автомат с Pacman на CSS.

Проект, позволяет изучить возможности CSS и препроцессора SCSS.

Полный код проекта присутствует.

#полезныйресурс #html #css

Learn CSS - сервис помогает изучить CSS с нуля новичку.

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

#css #полезныйресурс

WOW.js - библиотека для создания анимаций при прокрутке.

Простая в установке библиотека для создания анимаций, которые активируются при скролле.

#полезныйресурс #javascript #html

Dropdown Menu - выпадающее меню, которое можно использовать для перехода в нужную соцсеть.

Стоит отметить стилизацию курсора, который меняется в зависимости от выбора соцсети.

Полный код проекта присутствует.

#полезныйресурс #javascript #css #html

Yet another slider - вертикальный слайдер, который составляет новое изображение с помощью нескольких вертикальных полос.

Проект сделан с использованием LESS и JavaScript.

Полный код проекта присутствует.

#полезныйресурс #javascript #css #html

ТОП-5 популярных технологий для создания сайтов

Статья проста и понятна, помогает ответить на вопросы: как устроена веб-разработка? из чего состоит полноценный сайт?

#полезныйресурс #css #javascript #html

Neumorphic Elements - подборка готовых и анимированных элементов для сайта.

Для работы нужно всего лишь скопировать.

Полный код проекта присутствует.

#полезныйресурс #html #css #javascript