Pull to refresh
45
0
Dmitry Yv @Dmitry_f

webgl / frontend

Send message

Реализация стилей подчеркивания в LESS через генерацию png в data-URI

Reading time6 min
Views11K
Решил я однажды реализовать гибкий способ стилизации подчеркивания ссылок — чтобы просто делать полупрозрачные подчеркивания, регулировать паттерн в dashed/dotted-border, делать волнистые подчеркивания и вообще иметь настройки CSS3 text-decoration, которые еще ни один браузер не умеет.



В результате получился генератор PNG в data-URI на LESS.

Демо.



Подробности реализации
Total votes 48: ↑46 and ↓2+44
Comments26

Обои — линейка на рабочий стол

Reading time1 min
Views1.5K
Часто сталкиваюсь с необходимостью измерить в пикселях на экране тот-иной объект, будь то иконка, размер окна, размер элемента интерфейса, или отмерить на экране определенное разрешение.
Подходящий инструмент, наподобие линейки в Photoshop, отсутствует.
Вдохновившись идеей от известного бюро, где предлагаются специальные разлинованные обои на рабочий стол, решил создать собственные подобные обои, ибо данная версия меня совершенно не устраивала.
Мои требования к обоям:
-минимальная графическая зашумленность
-минимальная нагрузка для глаз
-возможность отмерить любое стандартное разрешение

Вот что получилось в итоге:
С тёмным фоном
Прозрачная сетка в png
Total votes 21: ↑14 and ↓7+7
Comments34

Information

Rating
Does not participate
Location
Санкт-Петербург, Санкт-Петербург и область, Россия
Date of birth
Registered
Activity