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

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

#ru

Card Hover Interactions

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

#css

Rainbolt

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

#js

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

Ответ

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

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

#ru

Pure CSS Tabs

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

#css

Progress Button

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

#js

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

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

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

#ru

Parallax World

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

#css

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

Ответ

'Making pancake' loader

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

#css