Все чаще использую svg в верстке и возникла ситуация, когда необходимо менять стили внутри svg изображения. При обычном встраивании через тег <img> невозможно манипулировать через css со стилями. Внедрять объект svg приносит свои неудобства (по крайней мере для меня), поэтому на просторах интернета был найден скрипт, который в случае, если к тегу <img> задан class=»svg» — преобразовывает тег <img> в объект svg на клиенте.


CSS media queries для IPad

При достаточно сложной верстке приходится затачивать некоторые детали под специфику разных устройств. Естественно, в первых рядах идут устройства Apple. Следующие media queries позволят прописать CSS правила для IPad, в том числе с учетом ориентации экрана.


Делая сайт с адаптивным дизайном, столкнулся со следующей проблемой — на небольших экранах слова переносились не очень красиво. В поисках решений есть множество вариантов, но подразумевают либо ручную правку текста и вставкой спецсимвола мягкого переноса «&shy;» или использование css свойства hyphens, за счет которого используются возможности браузеров для переноса строк, но оно поддерживается не всеми браузерами. Решение было найдено в виде простого плагина, описание которого в статье.


Часто делаю сайты на CMS и пока не освоил для них сборщики проектов. Однако, встречаются и простенькие сайты на чистом html, при разработке которых я использую сборщик проектов Gulp.

Страницы: 1 2 3 4


Иногда 12 колоночной сетки не хватает для комфортной верстки. Я часто использую в работе Twitter Bootstrap 3 и в «базовой комплектации» предлагается 12 колоночная сетка (12 column grid).

Сайт Twitter Bootstrap 3 предлагает нам вручную поменять параметры, в том числе и касающиеся сетки. Сделать 24 колоночную верстку (24 column grid) достаточно просто, поменяв всего 2 параметра сборки…