
Приветствую вас, уважаемый читатель. Сегодня я познакомлю вас с очень интересной и удобной штуковиной под названием CSS-framework.
В своей работе по созданию сайтов я использую ее в качестве отличного помощника и упростителя рутинной верстки админки.
Админка – это внутренняя часть сайта, предназначенная для служебных целей. Видит и пользуется ей только администратор сайта.
Давайте рассмотрим, какой функционал зачастую применяется в админке:
- Меню переключения разделов админки. Обычно, я формирую переключение разделов при помощи ссылок в горизонтальном меню сайта с используем выпадающих пунктов. В мощных сайтах может пригодится вертикальное меню, как дополнительный способ навигации в разделе.
- Вывод данных. Для формирования выводимых данных могут применяться таблицы, расположение в блоках абзаца, разделение блоков логическими заголовками.
- Редактирование данных. Для редактирования данных применяются различные поля ввода, селекторы, выпадающие списки.
Весь этот функционал должен быть хорошо структурирован (т.е. должна быть выдержана иерархия размеров шрифта, отступов, чтобы было понятно, какой элемент к чему имеет отношение), а интерфейс – приятен глазу. Также функционал должен одинаково хорошо выполнять все свои функции в любом популярном браузере.
При этом, как вы понимаете, для админки не требуется разработка индивидуального дизайна, каких-то особых ухищрений юзабилити-структурирования (по крайней мере в подавляющем большинстве случае).
Сократить усилия по верстке админ-части сайта и сэкономить драгоценное время вам поможет тот самый CSS-framework, о котором и пойдет речь в данной статье.
Читать полностью »

Приветствую вас, уважаемый читатель, в новом видеоуроке курса Photoshop для веб-мастера. Сегодня мы поговорим о форматах сохранения графики для сайта.
В интернете завоевали популярность три графических формата:
- GIF
- JPG
- PNG (варианты PNG-8 и PNG-24).
Теперь мы разберемся с вопросом в каком случае какой формат нужно применять; а также, посредством видеоурока, я покажу механику переключения форматов сохранения картинок и их настройку в программе Photoshop.
Читать полностью »

Приветствую вас, уважаемый читатель, во второй части видеокурса Photoshop для веб-мастера. Продолжаем легко и непринужденно знакомится с принципами работы в отличнейшей и мощнейшей программе Photoshop.
В сегодняшнем видеоуроке, на примере иллюстрации для блога (такой, какую я поместил в начало данной статьи) я познакомлю вас с принципами создания дополнительных графических элементов на странице.
Содержание видеоурока #2:
- Решение проблемы нередактируемости изображения gif-формата, скачанного из интернета.
- Принципы сознания новых графических элементов при помощи инструмента “Выделение”.
- Изменения размера холста посредством инструмента “Рамка”
Переходите к просмотру видеоурока.
Читать полностью »

Сегодня, уважаемый читатель, мы с вами разберемся с проблемой вертикального выравнивания в блоке div.
Скорее всего вы уже знаете о существовании замечательного свойства CSS vertical-align. И сам Бог велел нам пользоваться для вертикального выравнивания именно этим свойством (не зря же оно носит такое, говорящее само за себя, название).
Постановка задачи: Необходимо выровнять содержимое блока переменной высоты по центру относительно вертикали.
Теперь приступим к решению поставленной задачи.
Читать полностью »