-
Автоматизация вёрстки на Бутстрапе. Новая версия Jetstrap
Джетстрап обновился, местами стал намного удобнее, что не может не радовать.
Навигация по элементам вёрстки
Для каждого элемента теперь большая иконка. Быстрее и проще найти то, что нужно.
( Read more... ) -
Интеллект карты vs традиционные методы конспектирования
Давеча попалась мне в руки книга «Супермышление» за авторство Тони Бьюзена. Он высказывает интересную мысль о том, как устроено наше мышление и как заставить мозг работать эффективнее ( Read more... ) -
7 причин, почему дизайнер должен уметь верстать
1. Более логичный дизайн
Вёрстка - это логика расположения элементов относительно друг друга и стилей для их внешнего вида. Если у вас хорошо развита логика, то и вёрстке вы обучитесь легко.
Если, например, вы задали заголовку шрифт «Требушет» и размер 30 px, а ссылке назначили синий цвет. Тогда логично предположить, что тексту в конструкции <Н1><а ( Read more... ) -
Вёрстка и «костыли»
Вот нарисовал дизайнер обалденно красивый сайт, конфетку. Сдал заказчику, положил работу в портфолио, поставил ссылку на готовый сайт.
И вдруг - бац! - через неделю на сайте вместо одной акции в шапке их целых пять. И шапка вся разъехалась. Ну или баннер здоровенный в боковую колонку заказчик влепил. Сайт развалился, от изначального дизайна ( Read more... ) -
Переезд
Уходит год дракона, вползает год змеюки.
Почти год, как я веду этот блог.
За прошедший год много чему научилась, активно развивалась как по дизайну интерфейсов, так и по вёрстке. Освоилась с платформой Живого Журнала. Поняла, что многих функций в нём недостаёт.
К тому же теперь монетизировали статистику. Не то чтобы мне было жалко оплатить себе ( Read more... ) -
Отчёт с моего вебинара «Вёрстка для дизайнеров»
Вебинар прошёл 25 декабря в 19:00 по Москве.
В режиме онлайн и нонстоп я рассказала много классных фишек, в том числе таких, о которых никогда раньше не писала в блог.- О том, как знания по вёрстке помогут любому дизайнеру стать на голову выше своих коллег по цеху и повысить свою ценность как специалисту.
- О том, как правильная вёрстка помогает ( Read more... )
-
Как легко преобразовать px в em
Вот говорят, что размеры шрифта в вёрстке лучше задавать в емах, а не в пикселях. И вот почему.
«Пиксель - это немасштабируемая точка на экране компьютера, а “em” - это квадрат определяющий размер шрифта. Поскольку размеры шрифта изменяются, “em” является относительной единицей, которая отвечает персональным настройкам размера текста пользователя» ( Read more... ) -
Зачем дизайнеру нужна вёрстка
Предположим, нарисовали вы дизайн сайта, продумали с любовью каждый пиксель. В голове у себя вы держите информацию, что залоговок первого уровня на главной странице зелёного цвета, Ариал и 40 рх. А на внутренних всё то же самое, но жёлтого цвета.
А сможет ли верстальщик сразу врубиться, что это заголовки одного уровня? Если это дешёвый верстальщик ( Read more... ) -
Отрезаем уголки при помощи CSS
Во-первых, для оборачивающего блока пишем тени на уголках по такой структуре правила:
(угол поворота, цвет, позицияВ моём случае для каждого браузера (-webkit, -moz, -o) пришлось писать вот такую портянку для каждого уголка ( Read more... )
