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

Проектирование навигации это искусство само по себе и дизайнер может совершенствоваться, набираясь опыта. Основная идея состоит в том, чтобы создать качественную информационную архитектуру: «Мастерство изображения модели или концепта данных, используемых в процессах, требующих подробной информации о сложных системах».

Когда у вас появится желание создать свой собственный сайт, вы, вероятно, начнете перебирать в интернете различные «системы управления содержимым» или проще «CMS». Два наиболее популярных CMS – это WordPress и Joomla. В этой статье мы сравним эти системы, чтобы помочь вам определиться, какая из них лучше подойдет под ваши нужды.

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

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

Теперь можно работать в уединении до первых морозов, т.е. полгода можно дышать свежим воздухом )
Из планов по обустройству: повесить шторку (в полдень солнышко жарит), поставить монитор и клаву и, только что подумал, освещение какое-то замутить.
Из грандиозных планов – …

На конец-то CSS сделал шаг вперед и теперь, для браузеров, поддерживающих CSS Transformations, стали возможными повороты элементов до 360 градусов. Давайте посмотрим на реализацию и примеры. Пример Mozilla CSS -moz-transform:rotate(120deg); Свойство CSS с приставкой -moz говорит о том, что оно работает только в браузерах Mozilla. Вы можете крутить элемент на любое количество градусов. Также, вы [...]
Похожие статьи:

Рекламный щит на CSS3
Создание вращающихся лучей с помощью CSS3 анимации и JavaScript
Маска контента под углом на CSS

     Статический вес страницы является одним из ключевых параметров, по которому поисковая система Google ранжирует страницы в выдаче. Именно поэтому, наращивание статического веса является таким важным фактором для успешного поискового продвижения любого интернет проекта.      Итак, каждая страница, которая находится в индексной базе поисковой системы Google имеет свой статический вес. Даже если страница новая и только что попала в индекс ПС, она все равно имеет свой статический вес. Данный статический вес небольшой, вернее сказать, что он стремится к нулю, но он есть. Для того, что бы повысить статический …

Часто ли Вы используете Clearfix? Я думаю, что в тои или ином виде – часто. На просторах всемирной сети я нашел новый метод реализации этого хака с минимальным использованием CSS.
Demo: Micro clearfix hack
Поддерживаются браузеры: Firefox 2+, Safari 2+, Chrome, Opera 9.27+, IE 6+, IE Mac.
Я не буду переводить полный текст статьи, выложу самое основное – код. В общем то он на столько логичен, что пояснения вряд ли кому-то потребуются

/* Для браузеров */
.cf:before,
.cf:after {
content:"";
display:block;
overflow:hidden;
}
.cf:after {
…