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

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

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

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

Рубрика — Верстка Html5, Css3

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

Методология БЭМ в примерах

Приветствую Вас дорогой коллега! Сегодня я хочу рассказать про такую технологию в веб-разработке, как БЭМ. А если точнее то, как называть классы объектам документа при верстке. Помню, когда я начинал и не знал про всякие методики типа БЭМ’а мне сложно было придумывать классы, я постоянно путался, у меня постоянно было пересечение классов, что в итоге сильно тормозило работу. 

Препроцессор Sass

Всем привет! Как быстро летит время. Я даже не заметил, как я перешел от написания стилей с обычного Css на препроцессор Sass. А ведь раньше не понимал – что за Sass, для чего он нужен, это наверно для супер продвинутых профи в верстке. Да, использование препроцессоров это шаг на новый уровень в веб-разработке, но здесь ничего страшного и сложного нет и вы убедитесь в этом сами, дочитав данную статью до конца.

Анимированная кнопка для формы на чистом CSS

Здравствуйте уважаемые друзья! С вами снова на связи Заур Магомедов. В данной небольшой статье хочу показать, как можно сделать кнопку анимированной при возникновения определенного события, например, отправка формы на Ajax, причем на чистом CSS, без использования картинок и скриптов.

Сначала посмотрите демо, как это смотрится…

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

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

Адаптивный дизайн - Zaurmag.Ru

Всем жаркий летний привет! Хотя, нужно пожелать прохладный привет. 🙂 Лето, жара ведь… Не знаю как у других, а в нашем регионе стоит ужасная жара. В данной своей заметке я хотел бы затронуть актуальную тему на сегодняшний день – адаптивный дизайн. Вообще, стоит ли заморачиваться адаптивным дизайном и дает ли это какой-либо эффект?

Качественная верстка шаблона

Всем привет! Пишу данный пост на кануне великого майского праздника – 9 мая. Поэтому свой пост начну с поздравления. Желаю вам успехов и процветания в жизни и самого главное мирного неба над головой. Пусть все самое плохое останется в прошлом, а нас с вами ждет светлое будущее.

Итак, теперь перейдем к нашей теме. Говорить сегодня будем про верстку. Почему я решил написать данный пост? Есть тому причины. А именно? Моя основная работа – это разработка сайтов, т.е. я создаю сайты клиентам на заказ. Естественно в этом деле не без конкурентов. Часто приходится сталкиваться с работой других верстальщиков. За 5 лет работы я накопил огромный опыт в верстке, но я тем не менее не считаю себя прям гуру верстальщиком и профи, мне есть еще чему учиться. Но извините меня, мне попадаются такие работы верстальщиков, что хочется кричать и вопить на весь интернет – корявая верстка, ужасно написанный код, скорость оставляет желать лучшего. И что самое главное, клиент ведь доволен. В общем, решил открыть глаза хоть немногим на это безобразие.

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

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

Фреймворк Twitter Bootstrap – что это такое?

Здравствуйте уважаемые посетители моего блога! На связи вновь с вами ваш покорный слуга и путеводитель в мир веб-разработок Заур Магомедов. Наверняка бродя по просторам интернета, вам встречался такой термин, как Twitter Bootstrap. Когда то, сосем недавно, для меня это было тоже что то новое. Поэтому я пишу данную статью для тех, кто не знает, что такое Twitter Bootstrap и для чего он используется.

CSS анимация на сайте посредством библиотеки Animate.css

Здравствуйте дорогие друзья! Сегодня поговорим на очень актуальную тему в верстке – анимация. Честно сказать такое видел в интернете, и я даже не подозревал, что это все возможно используя чистый css3 без использования java скриптов. Вот в данной статье хочу поделиться с вами как сделать различные эффекты на сайте, используя css3, не обладая при этом достаточными знаниями в css-анимации. Поможет нам в этом библиотека animate.css.

Стильное вертикальное меню аккордеон для сайта

Здравствуйте уважаемые коллеги! В данной заметке я хочу продолжить тему вертикальное меню аккордеон.  Статья вертикально-выпадающее меню аккордеон для joomla вызвала много проблем у начинающих пользователей. Поэтому я решил продолжить данную тему и выложить еще одно стильное аккордеон меню для сайта.