Как стать автором
Обновить
45
0
Dmitry Yv @Dmitry_f

webgl / frontend

Отправить сообщение

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

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



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

Демо.



Подробности реализации

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

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

Вот что получилось в итоге:
С тёмным фоном
Прозрачная сетка в png

Информация

В рейтинге
Не участвует
Откуда
Санкт-Петербург, Санкт-Петербург и область, Россия
Дата рождения
Зарегистрирован
Активность