Классный jQuery плагинчик может применить blur на любой html элемент.
Работает в canvas используя алгоритм StackBlur.
Рубрика «веб-дизайн» - 142
Blur JS
2012-03-23 в 16:39, admin, рубрики: javascript, jquery, jquery plugins, веб-дизайн, Веб-разработка, метки: javascript, jquery, jquery pluginsОбзор бета-версии 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, юзабилити интерфейсов, метки: интерфейсы, навигация по сайту, юзабилити интерфейсов 
Важнейшей составляющей любого сайта является навигация. От того, насколько она продумана, удобна и понятна посетителю, сильно зависят вероятность отыскать нужное и желание вернуться. В статье будут перечислены основные навигационные задачи пользователя, и рассмотрены элементы, с помощью которых они решаются. На простых примерах попробую показать, каким из них стоит уделить больше внимания, а какие можно вовсе упразднить, в зависимости уже от ваших интересов и реализации.
Дизайн через интернет
2012-03-20 в 10:51, admin, рубрики: веб-дизайн, дизайнер, заказчик, краудсорсинг, фриланс, метки: дизайнер, заказчик, краудсорсинг, фриланс Всё сложно! Езда в общественном транспорте крупных городов похожа на консервирование овощей, а за рулём автомобиля – на боевые действия. Обозлённые лица прохожих расцветают лишь на facebook-митингах. Там, где действительно хорошо, и всё «лайк!».
Не всегда хочется выходить на неубранные, некрасивые улицы и видеть там мрачных и угрюмых людей. И кажется, что в недружелюбной, а подчас и враждебной среде, отечественный дизайн не развивается, а яркие таланты растворяются в серой действительности.
А с другой стороны, может быть, это – идеальная почва для создания новых интернет-решений? Решений для отказавшихся выходить из своих «бункеров» людей? Ведь если есть доставка суши или пиццы, то может существовать и доставка дизайна логотипа, к примеру…
Читать полностью »
Font Awesome: бесплатный свободный (CC BY 3.0) шрифт со значками для употребления в стиле Twitter Bootstrap
2012-03-20 в 8:05, admin, рубрики: Bootstrap, Font Awesome, Typekit, бесплатный шрифт, веб-дизайн, Веб-разработка, векторная графика, растровая графика, типографика, метки: bootstrap, Font Awesome, Typekit, бесплатный шрифт, векторная графика, растровая графикаВсякий такой веборазработчик или дизайнер сайтов, которому когда-либо доводилося ознакомиться со стилевою системою Twitter Bootstrap, уж конечно помнит, что в ней применяются значки Glyphicons (120 штук) для оформления кнопок, и панелей инструментов, и пунктов в списках, и так далее. Распространяются эти значки бесплатно и свободно (по лицензии CC BY 3.0).
У всех этих значков, однако же, есть общий недостаток: они растровые. Соответственно, если в значке есть диагональные или криволинейные элементы, то растянуть такой значок (для крупной кнопки или для сетчаточных дисплеев) не удастся без неприятной потери качества.
Преодолеть этот недостаток намерен проект Font Awesome, нацеленный на разработку бесплатного и свободного (CC BY 3.0) шрифта, содержащего аналогичные значки не в растровой, а в векторной форме. Значки («буквы») этого шрифта легко могут принимать поэтому любой размер и любой цвет. Притом их ужé и не сто двадцать, а сто сорок.
К шрифту прилагаются стилевые файлы, позволяющие начать использование Font Awesome в Twitter Bootstrap без каких-либо особенных усилий.
JFavicon — простая библиотека для управления favicon
2012-03-19 в 12:11, admin, рубрики: canvas, favicon, javascript, JFavicon, JS, веб-дизайн, динамика, оповещения, сайты, счетчик, метки: favicon, JFavicon, динамика, оповещения, сайты, счетчик 
Данная библиотека является доработкой tinyicon с использованием всех пожеланий пользователей. Давайте разрабатывать вместе ©
Представляю Вам новую библиотеку JFavicon. Сразу после подключения ее к сайту и инициализации Вы получаете удобный инструмент для динамического изменения favicon. В ее функционал входит:
- Автоматическая установка favicon
- Изменение favicon, в зависимости от каких-либо событий
- Счетчик, с возможностью смены стиля, прямо в favicon
- Динамическое изменение title страницы
Затухающие полоски на CSS3 без изображений
2012-03-18 в 20:45, admin, рубрики: css, css3, linear-gradient, веб-дизайн, метки: css3, linear-gradientХочу поделиться с вами моим способом создания затухающих полосок без использования изображений. Дальше под катом описан метод создания таких элементов с комментариями и примером.
Веб-интерфейс с образным представлением блока меню
2012-03-16 в 9:50, admin, рубрики: веб-дизайн, веб-интерфейс, метки: веб-дизайн, веб-интерфейс Проанализировав несколько существующих интернет-сайтов, таких, например, как: ru.asus.com (ведущий производитель компьютерных комплектующих), bbc.com (сайт ведущего мирового агентства СМИ), msu.ru (сайт московского государственного университета), admhmao.ru (сайт администрации ХМАО – Югры), было установлено, что проектирование пользовательского веб-интерфейса сводится к созданию структуры, состоящей из следующих блоков:
1. Верхняя, титульная часть дизайн-макета веб-страницы («шапка» или header).
2. Нижная, титульная часть дизайн-макета веб-страницы («подвал» или footer).
3. Блок меню, которое может располагаться как горизонтально, так и вертикально. Элементы меню часто выполняются в блочно-текстовом или символьном виде.
4. Блок с основным содержанием страницы («контент»), который также может содержать дополнительный функционал.
Методами при таком проектировании, в основном являются: метод «Золотого сечения», «Кошелек Миллера» и «Принцип группировки».
Из-за того, что функционал существующих веб-приложений растет, а разработчики стараются охватить и привлечь как можно больше пользователей, интерфейс таких приложений может иметь сложноструктурированное меню, а блок контента титульной веб-страницы может превышать физические резмеры экрана монитора компьютера в несколько раз. В виду этого новый пользователь при работе с таким веб-интерфейсом испытывает трудности поиска нужной информации и восприятия общей картины приложения.
Готовим css-спрайт в Spritepad
2012-03-14 в 13:50, admin, рубрики: css, css sprites, веб-дизайн, метки: css, css sprites 
Как мы часто составляем спрайты:
1) Выделяем отдельные элементы из PSD для групировки в спрайт.
2) Для точного нахождения координат элементов спарайта рисуем сетку из линеек для верстальщика.
3) И тупенько через alt+tab переписываем координаты в css.
Да, у всех может немного отличаться этот процесс. Можно воспользоваться гугловым сервисом групировки всех картнок в спрайт, но он не так гибок.
Еще один шаг к упрощению процесса верстки спрайтами нам предоставляют энтузиасты из Германии «We are kiss» (Мы целуемся?) с проектом Spritepad.
Вырезаете всеЧитать полностью »