DevGang
Авторизоваться

Мультиплексированные шрифты обладают крутой суперсилой

Чтобы перейти к делу, суперсила способна регулировать их вес (или, по крайней мере, один из их атрибутов, или, как их называют в переменных шрифтах, «ось»), не меняя занимаемого ими пространства. Это означает, что интерактивные эффекты и анимацию можно создавать, не беспокоясь о неловких ситуациях перекомпоновки и проблемах с производительностью. Я выдержу определение из Variable Fonts:

Мультиплексированные шрифты (иногда называемые «дуплексными» или «едиными по ширине») сохраняют постоянную заданную ширину по крайней мере по одной оси изменения, например, по весу, что позволяет вносить корректировки, не вызывая перекомпоновки текста.

Печать музыки с помощью CSS Grid

Слишком часто я был свидетелем того, как музыкант-импровизатор с потными руками пытался масштабировать PDF-файл формата А4 на крошечном экране мобильного телефона в разгар концерта. Нам нужен плавный и отзывчивый рендеринг музыки для Интернета!

Нотная запись должна быть такой же доступной и гибкой, как и текст в Интернете; то, что это еще не так, является чем-то вроде оскорбления для моих чувств. Давайте решим эту насущную проблему.

Слайд-шоу изображений — это скучно. Давайте создадим кубики

Вы когда-нибудь задумывались о создании куба изображений?🤭 Да, я не задумывался, пока однажды, просматривая веб-сайт, не наткнулся на это объявление:

Как создать адаптивный фон для видео в HTML и CSS

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

К счастью, с помощью некоторых хитростей HTML и CSS вы можете создать видеофон, который отлично работает независимо от того, насколько велик или мал экран.

В этой статье я шаг за шагом объясню, как создать этот суперкрутой фоновый эффект для видео. Так оставайся со мной!

Скользящие рамки 3D-изображений в СSS

Создание 3D-эффектов в CSS — это не совсем новая концепция, но для ее реализации обычно используются дополнительные элементы в разметке и псевдоэлементы в стилях. Что делать, если у вас нет такой роскоши, как возможность изменять HTML в вашем проекте? В нашем посте вы решаете поставленную задачу, применяя 3D-эффекты и скользящие переходы к одному изображению, используя хитроумные методы CSS, которые демонстрируют передовые, современные методы стилизации.

Создавайте электронные письма для новостных рассылок в Golang

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

Создание простого приложения для подсчета пользователей с помощью HTML, CSS и JavaScript

Приложение People Counter - это веб-приложение, созданное с использованием HTML, CSS и JavaScript и предназначенное для подсчета количества людей, входящих в определенную зону, например в магазин или место проведения мероприятия. Ознакомившись с руководством по проекту приложения People Counter до конца, вы улучшите свои навыки в разработке интерфейсов.

Примеры закругленных углов CSS

Закругленные углы в HTML помогают смягчить общий дизайн веб-сайта, делая его более привлекательным и удобным для пользователя. В этой статье мы рассмотрим закругленные углы, созданные с помощью CSS. 

Модуль Python PDFKit: Преобразование HTML, URL и текста в PDF-файлы

Знаете ли вы, что генерировать PDF-файлы с помощью Python так легко и просто? Это возможно благодаря модулю PDFkit в Python. Мы знаем, что документы в формате PDF выглядят одинаково на любом устройстве, что делает его широко используемым и надежным форматом для обмена информацией. Следовательно, конвертация в PDF крайне необходима. Итак, в этой статье мы рассмотрим, как можно конвертировать веб-страницы, URL-адреса и тексты в формат PDF.

Стилизация псевдоэлемента CSS с помощью JavaScript

В JavaScript вы не сможете сделать какой-нибудь селектор запросов, например:

document.querySelector("div::after");

Но с помощью переменных CSS вы можете изменять стили этих селекторов с помощью JavaScript!

Присоединяйся в тусовку

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

Попробовать

В этом месте могла бы быть ваша реклама

Разместить рекламу