Javascript js frontend

'Making pancake' loader

Анимация загрузки в кулинарном стиле, написана на чистом CSS.

#css

JavaScript. Что будет выведено в консоль?

Ответ

Parallax World

Эффект создан на чистом CSS.

#css

​Скучный Интернет и как «бесполезные сайты» могут спасти от этого

Из 1,1 миллиарда веб-сайтов, составляющих Всемирную паутину, только 18% в настоящее время активны. Среди них можно найти настоящие алмазы — веб-сайты, которые активны и тщательно разработаны, но при этом самым забавным образом бесполезны.

Эта статья посвящена таким сайтам. От виртуальных игровых шоу, где ваше участие не имеет значения, до случайных текстовых генераторов, обеспечивающих бесконечные потоки тарабарщины, и которые предлагают что-то особенное в своей бесполезности.

#ru

Progress Button

Кнопка состоит из нескольких svg, анимируемых библиотекой anime.js

#js

Pure CSS Tabs

Боковое скользящее меню. Написано на чистом CSS.

#css

​Получение размера окна на чистом CSS

Вы не поверите, но теперь в CSS можно определять свойства, выполнять математические вычисления и даже напрямую получать размер окна! В этой статье мы расскажем вам, как это делается.

#ru

JavaScript. Что будет выведено в консоль?

Ответ

Rainbolt

Создано и анимировано с использованием библиотеки P5.js

#js

Card Hover Interactions

Анимация при наведении на карточки, написана на чистом CSS.

#css

​Как нарисовать квадрат 3 × 3 см на веб-странице

Представьте, что вам нужно сделать стили для печати документов, а бегать к принтеру с линейкой, чтобы убедиться в корректности фактических размеров отдельных элементов, очень не хочется. Было бы куда проще иметь возможность приложить ту же линейку к экрану. Но размеры элементов на экране почти всегда не соответствуют их физическим размерам при печати.

#ru