Как не странно для меня, а кто-то вообще об этом не задумывался, используя фильтры в запрещённом на территории России Инстаграм... но есть куча бесплатных on-line сервисов, которые позволяют обрабатывать картинки так, что у космокотиков может начаться обильное слюноотделение. ☺🙀🤣

Готовые решения для работы с изображениями в Интернете

Ну и для того, чтобы проверить, что кто-то кроме шныряющих по просторам Интернет роботов, это всё ещё читает, замечу, что у меня есть отличный бесплатный сервис оптимизации SVG картинок, позволяющий уменьшать их размер ГАРАНТИРОВАННО на 40%. А в случае, если этот файл был потырен откуда-нибудь, то и на 60-70% без потери качества.

Реально крутая вещь! 😺👍

Поделиться ссылочкой на него или пусть пока и дальше болтается у меня ярлыком на рабочем столе, т.к. я его постоянно использую, наводя порядок у себя на Лунной Базе. Итак... 

Продолжение преследует? ✌😉🏴‍☠

Перевёл ещё кусок официальной документации Joomla 4 с вражеского на человеческий. На этот раз по поводу того, как же всё-таки загрузить SVG через админку на сайт:

Как загрузить SVG файл в Медиа-менеджере Joomla 4

Нееее, ну всё понятно, но... Что-то эти разработчики мутят...

С одной стороны:

"Начиная с Joomla 4.1, инструмент sanitizer используется для проверки содержимого любого SVG файла, загруженного через Media Manager. Правила строги и гарантируют, что файлы не смогут нанести вред сайту. (с)"

А с другой:

Всё равно по умолчанию SVG не даёт загрузить и надо лезть ковырять настройки Медиа Манагера...

Так где они врут? Про неуязвимость или про то, что никаких гарантий. За гарантиями - в PocГосСтрах!

Надоели мне закидоны то не работающего, то не отвечающего facebook и, коллегиально посовещавшись с прелестной BDSMM-щицей, я получил ответ, который совпал с моим собственным решением, сменить эту заблокированную Роскомнадзор анти социальную сеть на telegram

Сказано - Сделано. 😃👍🏻

Уволок svg откуда-то из Яндекс иконок (правда, пришлось её код слегка поправить т.к. там она прописана в css , а я втыкаю картинкой)... Ну и фон пипеточкой клацнуть.

В общем, всё довольно быстро вышло.

Текущая версия шаблона для Joomla 4: v.1.3.8

Продолжение [возможно] преследует! 🤠✌🏻

Эта статья подробно описывает создание небольшого скрипта на Node.js для выгрузки векторных иконок из Figma в проект, а также универсального компонента для разных видов иконок, который удобно использовать в своём приложении.

Скрипт может пригодиться командам, которые ещё не определились с общим подходом к использованию и хранению иконок в проекте, и тем, кто стремится автоматизировать этот процесс.

Под катом – довольно длинный (мы предупредили!) и подробный текст, но с большим количеством полезного кода.

https://habr.com/ru/post/708286/?utm_source=habrahabr&utm_medium=rss&utm_campaign=708286

dgrm.net | GitHub

Dgrm.net это редактор блок-схем.
- У dgrm.net нет лишних кнопок;
- Редактор быстро грузится;
- Работает на пк и мобильных;
- Умеет открывать png.

Dgrm.net использует SVG. Я разбирался с производительностью SVG и случайно понял как сократить исходный код. В результате кода стало в 2 раза меньше.

https://habr.com/ru/post/708368/?utm_source=habrahabr&utm_medium=rss&utm_campaign=708368

dgrm.net | GitHub

Как сделан zoom в редакторе блок-схем dgrm.net.
Zoom-ить можно:

• колесиком мышки,
• touchpad-ом
• и двумя пальцами на телефонах и планшетах.

Готовая функция zoom-а SVG для ваших проектов прилагается. Для HTML можно переделать.

https://habr.com/ru/post/696266/?utm_source=habrahabr&utm_medium=rss&utm_campaign=696266

Привет! Меня зовут Владимир, но вы можете звать меня просто Иннокентий Алексеевич. Я люблю эксперименты. Сегодня я расскажу, как можно улучшить навигационное меню на сайте документации, сократить время сборки и размер сайта больше чем в два раза. В качестве примера возьму сайт документации, собранный при помощи Antora.

Кому будет полезен материал: техническим писателям, разработчикам сайтов документации и просто любителям опенсорса и красивых вещей.

Antora — генератор статических HTML сайтов из исходных AsciiDoc файлов. Antora бесплатная и имеет открытый исходный код.

https://habr.com/ru/post/693832/?utm_source=habrahabr&utm_medium=rss&utm_campaign=693832

Итак, работая над... ну не знаю... каким-нибудь замечательным генератором статики, вы, возможно, захотите импортировать в свой код зависимости напрямую из текстовых файлов, таких как: HTML, MD, CSS, SVG или JSON. Конечно, можно использовать бандлер с соответствующим лоадером. Но, допустим, ваш кодекс самурая велит вам - никаких лишних npm install xxx и промежуточных билдов! Только хардкор! Что делать? Выход есть.

https://habr.com/ru/post/685850/?utm_source=habrahabr&utm_medium=rss&utm_campaign=685850

Современные печатные платы достигают очень высокого уровня сложности. Особенно трудно разобраться в логике цепей питания. В тексте представлен оригинальный подход анализа схемотехники при помощи языка разметки Dot и авто генерации блок схем.

https://habr.com/ru/post/682346/?utm_source=habrahabr&utm_medium=rss&utm_campaign=682346

SVG-изображения можно вставлять непосредственно в html, можно использовать символьные спрайты, теги , и даже . Можно подключать SVG через data-url, css-backgrounds, css-filters и еще множеством способов. Но чтобы полноценно использовать всю суперсилу SVG, необходимо вставлять SVG-изображения непосредственно в html-разметку. Хотя на самом деле есть еще один способ. И он удобный.

https://habr.com/ru/post/672984/?utm_source=habrahabr&utm_medium=rss&utm_campaign=672984

Время идет, технологии меняются, набитые шишки копятся, настала пора обновить материалы по SVG-анимациям. Тем более, что тема для многих фронтендеров все еще остается странной и запутанной. В этой статье мы рассмотрим SVG-анимации с разных сторон, посмотрим на актуальное состояние дел, возможности и сопутствующие инструменты. Мы не будем разбирать каждое свойство и каждый хак. Слишком большой объем материала получится. Для этого есть MDN и ему подобные сайты. Задача текущей статьи — дать общее представление о том, что бывает, и от чего можно оттолкнуться, если вы решили изучать эту тему, а у вас полная каша в голове.

https://habr.com/ru/post/667116/?utm_source=habrahabr&utm_medium=rss&utm_campaign=667116

В этом тексте написал о забытом понятии: блок-схемы для разработки электроники. В ГОСТ(е) их называли Э1 (Схема структурная). Блок-схем это хороший уровень абстракции при анализе электронного устройства или PCB. Представил несколько атрибутов, которые сформировались при создании блок-схем. Привел примеры образцовых блок-схем.

https://habr.com/ru/post/667030/?utm_source=habrahabr&utm_medium=rss&utm_campaign=667030