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

Примеры закругленных углов 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!

Как создать эффект наведения изображения курсора с помощью CSS и JS!

Пользовательские курсоры и эффекты наведения курсора — отличный способ произвести впечатление на пользователей вашего веб-сайта, независимо от того, создаете ли вы веб-сайт электронной коммерции или портфолио. Хорошим примером является эффект наведения изображения курсора, когда при наведении курсора на что-либо отображается изображение, вот мой способ его создания!

Более реалистичная анимация переворачивания карт.

В Интернете много карточек, и многие из них переворачиваются, открывая двусторонний контент. Но то, как многие из них переворачиваются, не... анатомически правильно.

На старых уроках письма мне советовали показывать, а не рассказывать: какая из этих карточек кажется вам лучше?

Как создать пользовательский HTML5-видеоплеер с помощью TailwindCSS и JavaScript

HTML5 оснащен встроенным видеоплеером. Он поставляется с простым пользовательским интерфейсом, функциональностью и некоторыми базовыми элементами управления в браузере. И хотя функциональность стандартного видеоплеера в браузере работает отлично, пользовательский интерфейс не так красив и причудлив, да и вообще не эстетичен.

По этой причине большинство современных веб-приложений и платформ, таких как Udemy, Netflix, YouTube и Amazon Prime, не поставляют своим пользователям встроенный HTML5-видеоплеер по умолчанию. Вместо этого они создают свои собственные версии с изящным пользовательским интерфейсом, чтобы сделать свои платформы более привлекательными и удобными для пользователей.

Слайдер полета в HTML + CSS

На прошлой неделе я создал диапазон ввода, который выглядит как самолет, летящий к месту назначения (перемещайте самолет вправо и влево):

Учебное пособие по разработке игр на JavaScript — создание Gorillas с помощью HTML Canvas + JavaScript

В этом уроке по игре на JavaScript вы узнаете, как создать современную версию классической игры Gorillas 1991 года, используя простой JavaScript и элемент холста HTML.

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

Тайна раскрыта: 3 способа центрировать div

Выравнивание элементов — распространенная задача в веб-разработке. Часто вам понадобится центрировать элемент div или другой блочный элемент по горизонтали или вертикали на странице. Это позволяет создавать сбалансированные, эстетичные макеты.

Однако центрировать div не всегда просто. Есть несколько различных техник, которые вы можете использовать в зависимости от ситуации. В этом посте мы рассмотрим три простых, но эффективных способа центрирования элементов управления с помощью flexbox, CSS-сетки и абсолютного позиционирования.

Преобразуйте все данные div в изображение и сохраните его в каталоге с помощью JavaScript ft html2canvas.js.

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

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

Попробовать

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

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