687 читали · 2 года назад
Компонент Next.js <Image /> и оптимизация изображений
Привет всем! Сегодня мы рассмотрим Next.js. Это гибкий #фреймворк React (да-да, о котором мы говорили в своей прошлой публикации), который предоставляет вам конструкторские блоки для создания быстрых веб-приложений. У него есть куча интересных функций прямо из коробки. Вместо того, чтобы говорить обо всем этом, мы сосредоточимся на одной функции, которую мы находим очень интересной и которая значительно ускоряет работу вашего веб-приложения. Для тех, кто хочет узнать больше, Next.js обладает обширной документацией...
1 год назад
Слайдер с фото на JS
Всего лишь несколько строчек кода в JS оживят картинки и при клике/наведении на них будут раскрываться и, по желанию, добавлять текст. В HTML нам понадобиться класс banner, в который будет вложен класс slideMenu и непосредственно дивы с классом slide, которых может быть любое количество. Я сразу добавила стиль для слайда, сделав фото свойством background, но это не обязательно. Таким образом мы не сможем контролировать размеры фотографии. Код: https://codepen.io/AlinaK96/pen/oNaXxRw Из интересного в CSS: 1...