Задача: нужно рисовать линии на канвасе когда пользователь ведет курсор с зажатой левой кнопкой.

И как всегда, обычное дело оказалось не без подводных камней!


Категории: Web, JavaScript
Пометки: Определение координат мыши над canvas (Javascript).

При попытке обновить Joomla до 3.10.1 получил предупреждение, что сначала нужно поправить структур БД.

При попытке ее исправить получил ошибку: got error 168 unknown generic error from engine from storage engine


Категории: Web, SQL, CMS Joomla 3.X, Joomla
Пометки: got error 168 unknown generic error from engine from storage engine
MySql #1025 - Ошибка при переименовании (ошибка: 168 "Unknown (generic) error from engine")

Вроде бы простая задача - изменить размер SVG изображения, пропорционально его ужав, но тут бывают подводные камни.

Столкнулся с очень навороченным логотипом в формате svg, который никак не хотел адаптироваться. Изменение же width и hight, через сss, обрезало у него края.


Категории: Web, HTML, CSS
Пометки: Как сделать SVG адаптивным

Потребовалось заменять " на « и ».

Проблема именно в том, что четный и нечетные заменяются на разный символ, поэтому простым использованием функции str_replace проблемы не решить.


Категории: Web, PHP, regexp
Пометки: php замена двойных кавычек на амперсанд

pic1

Один из тех случаев, в которых лучше один раз увидеть, чем много раз услышать.

По сути это неоновая ободка текста (text-shadow) и эффект мерцания через @keyframes


Категории: Web, CSS
Пометки: css Neon Glowing Text

Пример того, как можно сделать неоновое сердце с анимацией на JavaScript.

Все рисование происходит на canvas с использованием webgl

pic1


Категории: Web, JavaScript

Сайт с хорошими паками / сетами иконок, есть как довольно стандартные, так и весьма интересные:

pic1

Получить иконку можно в разных форматах:

pic1

Также присутствует поиск по ключевым словам.

Ссылка на проект: IconDuck.


Категории: Web, HTML, CSS, -Памятка-
Пометки: fontawesome

Демонстрация простого трюка, который позволяет сделать диалоговое / модельное окно на чистом CSS.

pic1


Категории: Web, HTML, CSS, -Памятка-
Пометки: CSS Модальное окно, CSS диалоговое окно

Данный пример основан на css свойстве position: sticky; и так листать можно любые элементы.

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

pic1


Категории: Web, HTML, CSS

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

Если сложно выбрать несколько цветов из всего спектра, то для таких целей можно воспользоваться парой серивисов.


Категории: Web, CSS, Сторонние сервисы
Пометки: css палетка цветов
Яндекс.Метрика