< Заур Магомедов />

профессиональный верстальщик и блоггер

Мое хобби - разработка сайтов, но со временем это переросло в постоянный и стабильный источник дохода.

Заур Магомедов

Рубрика — Приемы верстки html-css

Верстка — один из сложных процессов разработки сайта. Качественная верстка подразумевает собой знания html и css на хорошем уровне. В данной рубрике будем разбирать некоторые приемы и хитрости без которых не обходится ни один верстальщик.

Иконочные шрифты для сайта — что это и как использовать?

Иконочные шрифты для сайта — что это и как использовать?

Доброго времени суток всем, кто решил посетить мой интернет-дневник zaurmag.ru. Вот и наступил 2016 год. Если вы заметили я в свой блог пишу очень редко и говорить о каких-то достижениях в ушедшем году я не буду. Не то, чтобы я совсем ничего не добился, просто результаты оказались не теми, что я ожидал. В любом случае это тема для отдельной заметки. А в этой статье я хочу затронуть такую тему, как иконочный шрифт. Давно хотел написать про иконочный шрифт, т.к. он стал в последнее время очень популярным, но все руки никак не доходили. Хотелось бы раскрыть эту тему более подробно.

Основы семантической верстки на HTML5

Основы семантической верстки на HTML5

Привет всем! Вот и началась долгожданная олимпиада. Желаю все участникам больших успехов и удачи, ну и конечно же я очень болею за Россию, т.к. я сам россиянин. А теперь к теме поста. В данной статье поговорим о современной разметке HTML5, о ее преимуществах и важности в целом. Я все никак не мог перейти на html5, думал что это только новое совсем, не все браузеры поддерживают, в частности ИЕ 7-8. Но все оказалось не совсем так.

Фикс родительского блока, имеющего вложенные элементы с правилами «float»

Фикс родительского блока, имеющего вложенные элементы с правилами "float"

Всем привет! Данный небольшой пост предназначен скорее всего более или менее опытным верстальщикам, т.к. они сразу смогут понять о чем пойдет речь. А речь пойдет о родительском блоке, имеющий вложенные элементы, которым присвоено свойство float. Дело в том, что когда блок имеет такие элементы его высота слипается и получатся непонятно что: невозможно, например, задать рамку, добавить отступ по краям и т.д. Но вот я нашел решение и хочу поделиться им с вами.

Как прижать footer (подвал сайта) к низу окна браузера

Как прижать footer (подал сайта) к низу окна браузера

Приветствую всех посетителей моего блога! В данной заметке затронем тему верстки и разберем как прижать footer (подвал) сайта к низу окна браузера.

Font-Face: подключение нестандартных шрифтов

Font-Face: подключение нестандартных шрифтов

Здравствуйте дорогие друзья! В данном посте хотел бы  разобрать такой немаловажный момент в верстке, как подключение нестандартных шрифтов. Считаю, что каждый верстальщик должен изыскать методы «борьбы» с нестандартными шрифтами, иначе полет фантазии дизайнера закончится на стандартных шрифтах. Нестандартные шрифты в макете PSD для меня всегда были проблемой: использовать картинки — не удобно и не качественно; использовать скрипты, подобные cufon не совсем подходящий вариант, некоторые моменты, указанные в документации у меня не работали да и вовсе я не хочу уже этим заморачиваться.

Как выровнять горизонтальное меню по центру?

Как выровнять горизонтальное меню по центру?

Здравствуйте уважаемые посетители моего блога! Сегодня речь пойдет о главном горизонтальном меню сайта, а именно как выровнять горизонтальное меню по центру. Да, на первый взгляд, что тут сложного — задал нужные отступы, подогнал и все. Но тут есть свои нюансы. Сайт, в первую очередь, это динамика, т.е. на сайте постоянно появляется новый контент, появляются какие то новые блоки с информацией и т.п. Так могут и появляться/исчезать некоторые пункты в главном меню. С учетом этого всего нужно добиться того, что при добавлении или удалении пункта меню, меню у нас остается все также по центру. Конечно, не всегда обязательно его центрировать, все зависит от дизайна. Но если все же у вас подразумевается ставить горизонтальное меню по центру, то применив несколько несложных трюков в css мы можем добиться нужного результата.