Кухня веб-разработки: Как переделать изображение для сайта

Кухня веб-разработки: Как переделать изображение для сайта

Покупая HTML исходники готовых макетов сайтов, для реализации проекта "под клиента" в первую очередь встает вопрос необходимости замены всех стоковых изображений на что-то иное. Исправить цветовую схему, переписать "рыбу" на вменяемые тексты. И первая минимально рабочая версия готова. В данной заметке рассмотрим практическое применения телеграм бота @kandinsky21_bot

Подробнее
Работа с размерами изображений с помощью класса Uri в Joomla 4

Работа с размерами изображений с помощью класса Uri в Joomla 4

Парадокс, конечно, но это возможно. Казалось бы, причем тут класс ядра для работы со строками url. Но именно он может помочь нам в Joomla 4. Статья о том, как автоматически определять размеры файлов изображений для атрибутов width и height с помощью ядра Joomla 4 и не грузить сервер. Читать далее

Подробнее
[Перевод] Рисуем верёвку в формате SVG при помощи JavaScript

[Перевод] Рисуем верёвку в формате SVG при помощи JavaScript

Сегодня я расскажу о процессе, который я придумал для преобразования SVG‑контура в векторный рисунок верёвки. Вы узнаете, как превратить показанный слева контур в верёвку справа: Эта задача возникла в проекте, над которым работали мои коллеги, и она привлекла моё внимание. Я думал о ней и начинал экспериментировать, как только появлялось свободное время. Это было очень увлекательно, поэтому я захотел поделиться с вами процессом решения. Стоит учесть, что это не туториал по кодингу,…

Подробнее
[Перевод] 3D-слайдер на CSS

[Перевод] 3D-слайдер на CSS

Напишем слайдеры изображений на чистых HTML и СSS. Меняем только CSS, разметка в HTML остается неизменной. Внешний вид из-за разного CSS при этом разительно различается, а в слайдеры можно вставить неограниченное число картинок. Сначала мы создали круговой слайдер с бесконечным вращением, похожий на виджет-спиннер с изображениями. Затем мы сделали слайдер, пролистывающий стопку фотографий. Продолжение — к старту курса по Fullstack-разработке на Python. Читать дальше →

Подробнее
[Перевод] Как сделать бесконечный круговой CSS-слайдер

[Перевод] Как сделать бесконечный круговой CSS-слайдер

Слайдеры изображений, также известные как карусели картинок, очень распространены. Есть множество вариантов обычного CSS-слайдера, в котором изображения смещаются слева направо (или наоборот). Можно использовать JavaScript-библиотеки для создания красивых слайдеров со сложной анимацией. Но здесь я подойду к созданию карусели иначе. В серии статей я расскажу вам, как создать необычные и красивые слайдеры исключительно в CSS. Если вы устали от одинаковых слайдеров, вам это понравится!

Подробнее
[Перевод] Шейдеры, голограммы и утечка света на чистом CSS

[Перевод] Шейдеры, голограммы и утечка света на чистом CSS

К старту курса по Fullstack-разработке на Python рассказываем, как на чистом современном CSS имитировать шейдеры аккуратным наложением слоёв и эффектов. За подробностями и демонстрациями приглашаем под кат. Читать далее

Подробнее
Плагин TimThumb от TCSE - кадрирование картинок для DLE

Плагин TimThumb от TCSE - кадрирование картинок для DLE

Кадрирование картинок на сайте для DLE Доработка плагина http://www.binarymoon.co.uk/projects/timthumb/ для использования в шаблона DLE CMS. Кадрирование изображений в публикациях сайта. Репозиторий исходного скрипта https://github.com/GabrielGil/TimThumb

Подробнее