верстка

Верстка сайта

Верстка – это преобразование нарисованного макета сайта в html-код по специальным правилам. Это важный этап при создании сайта. От того насколько правильно будет выполнена верстка, зависят последующие этапы – программирование, интеграция с системой управления (CMS) и обслуживание сайта. Верстка – это фундамент сайта.

html5

Подробнее

Создание интернет-магазина

Интернет-магазин – это сайт, который ориентирован на продажу товаров, является многоуровневым и может содержать неограниченное количество страниц.

Несмотря на то, что электронная коммерция стремительно развивается, не все предприниматели понимают, зачем им нужно создание собственного интернет-магазина, несмотря на то, что у них есть существующая торговая точка. Но именно в такой комбинации, когда электронный интернет-магазин существует в сочетании с офлайн-магазином, преимущества интернет-магазина проявляются лучше всего — у владельца появляется источник дополнительной прибыли, появляется возможность сравнения эффективности вложенных средств.

Подробнее

Элементы типографики для новичков

Полезное видео про узкие колонки, выравнивание текста, высоту строк, модульные шкалы.

 


Box-Sizing: секрет простых лейаутов

Box-sizing – это свойство CSS, которое делает верстку макетов сайта более понятным. Если вы работали с CSS, то вы знаете, что использование свойств width, padding и border ведет к путанице. Иногда, когда используется свойство width, оно не может быть всегда применено к тому, что вы ожидаете – например ширина width задается в процентах, а граница border указывается в пикселях. Тем не менее, используя свойство box-sizing, ширина блока в 200px будет действительно отображать блок шириной 200px.

 

Это никак не связано с JavaScript и это также работает в Internet Explorer, начиная с 8й версии.

 

 

Подробнее

Когда Photoshop отображает совсем не то, что надо

Такая вот ситуация: дизайнер присылает макет, а у верстальщика открывается какая то лабуда светлая, или темная (если верстальщик испольует МасOS, а дизайнер Win.). Или же верстальщик сохраняет картинку, а там цвета другие стали.

 

настраиваем photoshop

 

Разберемся почему так и как с этим жить.

Подробнее

Новые единицы измерения для отзывчивого дизайна

Размеры разрабатываемого дизайна сайта, которые зависят от ширины или высоты экрана, обычно задаются в процентном соотношении. Возможно, вы делали так со всеми своими сайтами, оптимизируя их размеры под планшеты и смартфоны. И не имеет значения, что за элементы находятся на странице (текстовые блоки, изображения) – все те элементы, которые должны подстраиваться под размеры экрана.

 

css3 viewport units

 

Но использование процентных значений не всегда лучший способ определить размеры по отношению к окну браузера. Примером может служить размер шрифта. Размер шрифта не может быть сделан так, чтобы реагировать на изменение ширины окна браузера, по крайней мере, не в процентах. Поэтому в CSS3 появились новые единицы измерения, которые помогают решить эту проблему.

 

Подробнее

JPEG или PNG – У какого формата лучшее качество?

При создании сайтов на этапе верстки всегда стоит задача выбора того или иного формата для хранения изображений. Изображения можно сохранять в любом формате PNG, JPEG, GIF и десятке других, но какой формат выбрать, чтобы передать лучше качество с минимальным размером получаемого файла изображения?

 

jpg vs png

 

Подробнее

Способы HTML верстки

Верстка – это процесс превращения графического макета картинки (обычно из psd-формата) в веб-страницу по определенным правилам. Другими словами – превращение картинки в специальный код (html-код), соблюдая оформление, экранное разрешение и требования браузеров.

Подробнее