Я не луддит. Я понимаю, что AJAX даёт возможность более быстро просмотреть большее количество контента экономя трафик и время. Но у автоподгрузки с моей точки зрения есть ряд существенных недостатков. Читать полностью »
Рубрика «веб-дизайн» - 143
Почему я не люблю AJAX-автоподгрузку и предпочитаю ссылки с номерами страниц
2012-03-27 в 8:05, admin, рубрики: ajax, автоподгрузка, веб-дизайн, индексация, интерфейсы, Юзабилити в IT, метки: ajax, автоподгрузка, индексация, интерфейсыCSS3 градиент для границ блока
2012-03-26 в 19:59, admin, рубрики: css, css3, linear-gradient, веб-дизайн, метки: css3, linear-gradient 
В этой статье я покажу один из вариантов создания градиента для границ у любого блока с помощью CSS3.
Читать полностью »
Введение в CSS3 Grid Layout. Работаем с сетками
2012-03-26 в 10:45, admin, рубрики: css, css3, internet explorer 10, Windows 8, Блог компании Microsoft, веб-дизайн, верстка, метки: css3, internet explorer 10, Windows 8, версткаВведение
Модуль CSS3 Grid Layout — это один из самых интересных, на мой взгляд, модулей в семействе CSS3. Официальная история модуля в виде черновика спецификации насчитывает сегодня чуть менее года. О предварительном анонсе еще с названием CSS Grid Alignment на TPAC 2010 Владимир Юнев писал еще в декабре 2010. Надо также отметить, что с чуть другим названием и несколько отличным синтаксимом, но с той же сутью, он был заявлен в качестве WD еще в 2007г. Сегодня работы по доводке модуля идут полным ходом, предварительная реализация уже есть в Internet Explorer 10 и есть надежда, что поддержка новых возможностей также появится в будущих версиях других популярных браузеров.
Зачем нужен Grid Layout?
Задача, которую решает модель CSS3 Grid Layout очень проста и понятна любому веб-верстальщику (да и не только ему): предоставить удобный механизм расположения контента по виртуальной сетке.
В отличие от старых табличных подходов, основанных на использовании table, здесь не замусоривается семантика документа и представление четко отделено от содержания. В отличие от различных вариаций блочной верстки со становящимися при сколь-нибудь сложной структуре безумными и многоэтажными float'ами в сочетании с вручную просчитанными отступами, здесь описание стилей становится тривиально простым и прозрачным. В отличии от абсолютного позиционирования с привязкой к координатам, здесь сохраняется гибкость. В отличие от популярных сегодня css/js — библиотек для разметки по сетке путем указания соответствующих классов (взять хоть те же bootstrap или yui css grids), здесь не замусоривается привязка классов.
Сплошное удовольствие! Осталось только дождаться широкой поддерки :) Впрочем, если вы планируете делать приложения в стиле Metro для Windows 8 на html/js, ключевые возможности, описываемые в модуле CSS3 Grid Layout, уже работают — и можно двигаться вперед, используя удобные и практичные механизмы.
Читать полностью »
Креативные сайты с нестандартными элементами
2012-03-25 в 22:05, admin, рубрики: css3, веб-дизайн, параллакс, сайты, тренды, метки: css3, веб-дизайн, параллакс, сайты, трендыПоследнее время все чаще можно встретить сайты с необычным дизайном и функциональностью, увидев которые, можно залипнуть на некоторое время. Увидев такие, у меня рука непроизвольно тянется к f12, чтобы открыть firebug и посмотреть, как же реализован тот или иной компонент. Таким образом можно открыть для себя интересные техники и в будущем реализовать их на своих проектах. Некоторые из них стали доступны с приходом новых технологий, например таких, как CSS 3 — то, что раньше было реализовано на флеше, теперь можно воплотить с помощью строк кода в таблице стилей. Дизайнеры тоже не теряют времени, создавая новые тренды и все плотнее взаимодействуя с верстальщиками. В этой статье я хотел бы показать 15 сайтов, которые так или иначе удивили и порадовали меня. Возможно, кого-то они вдохновят на собственный шедевр
Как измерить лояльность посетителей сайта?
2012-03-25 в 18:28, admin, рубрики: Блог компании Online-Pro, веб-аналитика, веб-дизайн, юзабилити сайтов, яндекс.метрика, метки: веб-аналитика, юзабилити сайтов, яндекс.метрика 
Всем известно, что сайты нужно делать для людей. Все уже проводят юзабилити-тестирование, добавляют целевые страницы в Я.Метрику и GAnalytics. Вобщем, что-то считают и по результатам решают, как нужно изменить сайт.
Расскажу еще об одной относительной величине, которую можно измерить — лояльность ваших посетителей. А точнее — динамику ее изменения.
Читать полностью »
16 инструментов для создания прототипов
2012-03-24 в 20:41, admin, рубрики: Блог компании Айкен, веб-дизайн, Веб-разработка, прототипирование 
Каркас сайта является одним из основных эскизных проектов, которые делаются перед изготовлением оригинал-макета сайта, и используется при разработке дизайна сайтов, чтобы показать структуру сайта, настраиваемые пути пользователя, наиболее важные элементы интерфейса пользователя, их положение и взаимосвязь между страницами сайта. Каркасы страниц сайта отображают в черно-белом цвете наиболее важные элементы интерфейса, такие как заголовок и нижний колонтитул сайта, форма контактов, навигация и т.п.
Каркасное моделирование — это процесс, который может значительно сократить время, необходимое для проектирования и разработки, устраняя потенциальные визуальные отвлекающие факторы и фокусируя внимание разработчиков проекта на базовой функциональности и стратегических факторах маркетинга.
Blur JS
2012-03-23 в 16:39, admin, рубрики: javascript, jquery, jquery plugins, веб-дизайн, Веб-разработка, метки: javascript, jquery, jquery pluginsКлассный jQuery плагинчик может применить blur на любой html элемент.
Работает в canvas используя алгоритм StackBlur.
Обзор бета-версии Adobe Photoshop CS6
2012-03-22 в 18:48, admin, рубрики: adobe, photoshop, веб-дизайн, Дизайн в IT, новинка, обзор, метки: adobe, photoshop, новинка, обзор Привет, Хаброжители.
Сегодня решил скачать новый фотошоп(CS6), и посмотреть, что и как с ним.
Весь мой обзор увидим дальше
Читать полностью »
История одного сообщества или как поменять мышление
2012-03-21 в 9:40, admin, рубрики: cms, imagecms, imagecms shop, бизнес студии, Блог компании ImageCMS, веб-дизайн, веб-студия, история успеха, сообщество, метки: cms, imagecms, imagecms shop, веб-дизайн, веб-студия, история успеха, сообществоПрочитав много различных статей от разных хабрапользователей в разделе «Бизнес студии», решил поделится своей историей.
Работу веб-разработчиком в веб-студии, организацию собственного бизнеса в данной области я считаю одним из самых сложных и порой неблагодарных занятий в IT сфере. Постоянный демпинг на рынке, недопонимание задач заказчиками, огромная конкуренция, борьба за оптимизацию бизнес-процессов – наверное, только малая часть того, с чем сталкивается ежедневно руководитель веб-студии.
Читать полностью »
Навигация по сайту: задачи и инструменты
2012-03-20 в 11:45, admin, рубрики: веб-дизайн, интерфейсы, навигация по сайту, Юзабилити в IT, юзабилити интерфейсов, метки: интерфейсы, навигация по сайту, юзабилити интерфейсов 
Важнейшей составляющей любого сайта является навигация. От того, насколько она продумана, удобна и понятна посетителю, сильно зависят вероятность отыскать нужное и желание вернуться. В статье будут перечислены основные навигационные задачи пользователя, и рассмотрены элементы, с помощью которых они решаются. На простых примерах попробую показать, каким из них стоит уделить больше внимания, а какие можно вовсе упразднить, в зависимости уже от ваших интересов и реализации.