Kippo Hover Card Effect

Верстка карточек с оригинальным эффектом при наведении.

👉 @fullstack_libs

Rasterizing a triangle 📐

Треугольник - это svg картинка, параметры которой изменяются через JS в зависимости от положения draggable элементов.

👉 @fullstack_libs

Paper.js

Библиотека для работы с векторной графикой. Из особенностей:
открытый исходный код;
импорт и экспорт SVG;
гибкий API;
кроссбраузерность;

👉 @fullstack_libs

qooxdoo

Фреймворк Qooxdoo подходит для создания кроссбраузерных, многофункциональных приложений. По словам разработчиков для этого не понадобится знание CSS, HTML, DOM. Фреймворк имеет объектно-ориентированную архитектуру. Работает со всеми современными браузерами.

👉 @fullstack_libs

Phone Contacts App

Вёрстка приложения с контактами на HTML и CSS.

👉 @fullstack_libs

CSS Marquee Logo Wall

Анимированный слайдер с логотипами в виде svg картинок.

👉 @fullstack_libs

Leaflet.js

Библиотека для создания интерактивных карт. Из особенностей:
адаптация под мобильные устройства;
кроссбраузерность;
открытый исходный код;
малый вес;
хорошая документация.

👉 @fullstack_libs

Ramda

Ramda — это JavaScript библиотека для функционального программирования. Одна из прекрасных сторон JavaScript — это то, что разработчики могут выбирать между функциональным и объектно-ориентированным программированием. У обоих подходов есть как плюсы, так и минусы, но, если вы предпочитаете именно функциональное, то стоит определённо обратить внимание на Ramda. Подробный обзор по ссылке.

👉 @fullstack_libs

animated tabs

Табы, сверстанные на HTML и CSS, анимированные библиотекой gsap.

👉 @fullstack_libs

Beat Burger

Приложение на React, анимированное библиотекой gsap. При нажатии на элементы проигрываются звуки.

👉 @fullstack_libs

Rotating border

Граница сделана из псевдо элементов, которые анимируются в CSS.

👉 @fullstack_libs

Social Media Illustration

Просто верстка на HTML и CSS. Переключатель - это чекбокс, при активации которого изменяются CSS стили.

👉 @fullstack_libs

Vintalight: Lightbox Gallery Hover Effect

Свёрстано с использованием препроцессоров Pug и SCSS. При наведении задействуются CSS трансформации.

👉 @fullstack_libs

Spinner and Balls

Оригинальный загрузчик на HTML и CSS.

👉 @fullstack_libs

Animated Navbar Icons

Это svg картинки, анимируемые библиотекой anime.js.

👉 @fullstack_libs

Season calendar

Весь календарь - это svg картинка, анимируемая в JS библиотекой gsap.

👉 @fullstack_libs

Overlap image & text using

Пересечение элементов сделано при помощи CSS Grid.

👉 @fullstack_libs

Letterize.js

Letterize.js - библиотека для анимации текста. Помещает каждую из букв в отдельный блок и использует их в процессе анимации.

👉 @fullstack_libs

Counter

Счетчик, созданный с использованием препроцессоров Haml и SCSS.

👉 @fullstack_libs

Anime.js

Легкая библиотека анимации JavaScript с простым, но мощным API. Он работает со свойствами CSS, SVG, атрибутами DOM и объектами JavaScript.

👉 @fullstack_libs