Уже в течении нескольких лет техника верстки сайтов при помощи сетки пользуется популярностью у разработчиков. В сети существует большое количество CSS-библиотек (Grid Systems) для работы с сеткой. Стоит заметить, что эта методика включена в Bootstrap, который на мой взгляд является одним из самых популярных CSS-фреймворков (если не сказать, что самым популярным).

Использование сетки в процессе верстки сайтов дает разработчику ряд преимуществ: увеличивается скорость разработки, верстать становится легче за счет четкого позиционирования элементов. Размещая элементы макета по сетке, вы сразу замечаете, что страница становится более аккуратной, блоки выглядят пропорционально, имеют одинаковые отступы. Конечно же, при использовании этой методики существуют и свои маленькие недостатки: например, в код добавляются дополнительные элементы разметки. Эти недостатки незначительны, поэтому их можно считать особенностями этого подхода.

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

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

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

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

В процессе своей работы обычно я использую редактор Notepad++. Мне нравится этот редактор. Работать в нем удобно, плюс для него существует множество плагинов, используя которые можно оптимизировать процесс разработки. Но иногда функционала моего любимого редактора не хватает. Это бывает, например, в том случае, если вы начинаете работать над большим проектом, причем до вас этот проект уже существовал и обслуживался другими людьми. Notepad++ не сможет помочь разработчику при поиске чего-либо по всем файлам проекта. Здесь на помощь разработчику приходят интегрированные среды разработки (IDE). Среди программ такого рода встречаются и платные, и бесплатные. В этой статье я попытаюсь сделать небольшой обзор IDE NetBeans, причем хотелось бы найти положительные моменты этой программы, которые помогут в работе веб-верстальщику.