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




Создадим горизонтальное всплывающие меню с двумя уровнями навигации (в нашем примере это главные разделы и связанные с ними страницы).

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



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

В данном уроке будет показано, как с использованием только CSS можно сделать чудесные кросс-браузерные всплывающие подсказки.

Дозволяє додати віджет із списком тем, що в свою чергу дозволяє відвідувачам перемикати теми оформлення на сайті.

PR-специалисты, начитавшись умных книжек зарубежных гуру от "связей с общественностью", пришли в соцсети. Завели себе твиттеры, аккаунды в facebook и "ВКонтакте" и стали активно "мониторить активность" своих сотрудников в соцсетях. Факультативно (!) они пытаются (!) общаться с журналистами, но, часто, все равно, срываются на вариант "пришлите официальный запрос". Если они так делают - сразу можно делать вывод: это значит, что сказать нечего.

В этом уроке мы создадим панель навигации, которая при прокрутке всегда остается с вами — а еще отполируем ее одним-двумя хитрыми приемами «до блеска».



«Ленточки нравятся всем», говорит Крис Койер (Chris Coyier) при обсуждении преимуществ псевдоэлементов :before и :after. Я видел, как эти стилизованные, с треугольными краями ленты так и бросаются в глаза по всему Интернету (один из видных примеров – страница Facebook’а Introducing Timeline) и, хотя они обладают некоторой привлекательностью, должен заметить, что мне не очень нравится создаваемый ими объемный эффект.

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



Для вдохновения взгляните на эти портфолио сайты. Они различные для разработчиков (для них, как правило, дизайны очень точные), для дизайнеров (красочные и яркие) и фотографов.

Сегодня мы предлагаем вам коллекцию высококачественных кистей для Photoshop. Эта коллекция состоит из 50 кистей, созданных из геометрических линий и фигур. Вы можете использовать данные кисти абсолютно бесплатно, более того, нам будет даже приятно, если вы воспользуетесь ими. Но хотели бы попросить вас, не забывать указывать ссылку на источник, хотя это не принципиально. Используя эти кисти, вы сможете придать вашим дизайнам небольшой, но очень стильный эффект – пользуйтесь с умом!



Хотелось бы добавить также небольшую обучающую статью о том, как можно разработать такой набор кистей. Вы сможете использовать данный опыт в создании собственных кистей. Если вам нужно большее качество, просто откройте Illustrator и начните создавать собственные кисти прямо сейчас!

В официальном блоге Google для вебмастеров, представители крупнейшего в мире поисковика еще раз напомнили оптимизаторам о том, как следует грамотно перемещать контент с одного сайта на другой.



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

В данном видеоролике шаг за шагом показывается процес заливки на сервер и установки движка социальной сети Social Engine 4.

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



Меню будет напоминать меню с сайта Apple.com. Как и всегда, сначала мы должны составить HTML-конструкцию нашего будущего меню. Она будет конечно же очень простой...