Вебмастеру посвящается... » Дизайнеру

Парочка инструментов для того, чтобы работать быстрее

Hiway — Sun, 14 Nov 2010 19:11:40 +0000

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

1. XRefresh

XRefresh — это плагин для браузера, который производит обновление текущей веб-страницы после изменения файлов в отдельных папках. Это значительно упрощает процесс верстки страниц. Теперь больше не нужно постоянно наживать F5!!!

Плагин состоит из двух небольших приложений. Первое — инсталлируется на компьютере и является по сути монитором событий, который «висит» в трее системы. Вторая часть — это либо интегрируемый в FireBug плагин (если вы работаете с Firefox), либо тулбар для Internet Explorer.(...)
Читать полностью Парочка инструментов для того, чтобы работать быстрее (269 words)

Дизайнерам-мудакам или...

Hiway — Sat, 08 May 2010 13:05:39 +0000

Советы дизайнерам веб-сайтов за которые верстальщик скажет спасибо

Отмечу сразу — не все дизайнеры мудаки. Но написать этот пост меня сподвиг один из последних заказов по верстке, где макет был сделан все-таки не хорошим дизайнером. Получив от заказчика макет дизайна сайта, я подумал, что верстка должна быть гладкой и приятной, но я ошибся.

Ошибка моя заключалась в том, что взглянув на превью макета и увидев довольно неплохой чистый дизайн, я до начала работы не открыл предоставленный послойный .psd макет в редакторе для более детального изучения. Да, говно я верстальщик после этого, но приходится учится на своих ошибках и делиться опытом с другими.

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

Что было не так в макете? Самое плохое было то, что от него так и веяло «плакатом». Помимо этого были нарушены все основные требования грамотного дизайна макетов сайтов: полное отсутствие структуры макета, использовались нестандартные шрифты, при этом к исходнику не были предоставлены эти самые шрифты, помимо этого графика и текстовые материалы были смешаны, а местами вообще сведены в единые слои. Ну... Естественно о сетке, каких либо направляющих и линейках я вообще и не говорю, ими там и не «пахло».

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

Итак, изначально давайте обозначим основные моменты о которых мы будем говорить далее.

Сетка макета
Структура макета
Разделение графики и текстов
Шрифты
Единицы измерения
Обязательные элементы макета

Собственно, далее подробно по каждому моменту.(...)
Читать полностью Дизайнерам-мудакам или... (1,124 words)

© Hiway для Вебмастеру посвящается..., 2010. | Ссылка на оригинал | 21 комментариев |
Тэги: Веб дизайн, дизайн, Дизайнеру

Подборка иконок для оформления Интернет магазина

Hiway — Fri, 21 Aug 2009 13:33:56 +0000

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

Одним из важных моментов оформления Интернет магазинов являются иконки, которые сопровождают текстовые ссылки на те или иные действия покупателя. С огромным желанием покупать с удобством, я решил собрать и выложить наборы иконок для оформления интернет магазина. Все иконки собраны в один архив, ссылка на скачивание которого прикреплена в конце материала. А непосредственно в посте приведены превью элементов оформления Интернет магазина с расшифровкой содержания каждого набора.(...)
Читать полностью Подборка иконок для оформления Интернет магазина (331 words)

© Hiway для Вебмастеру посвящается..., 2009. | Ссылка на оригинал | 8 комментариев |
Тэги: дизайн, иконки, интернет магазин

Полезные бесплатные плагины для Photoshop

Hiway — Fri, 24 Apr 2009 19:19:16 +0000

Вдохновленный статьей Smashing magazine про кучу плагинов к Photoshop, я решил рассказать о нескольких бесплатных плагинах к Photoshop, которые будут весьма полезными именно для веб-мастера. А учитывая то, что сам редактор удовольствие не из дешевых, полезные и бесплатные плагины хоть как-то компенсируют затраты на продукт:)

В общем, сегодня я расскажу про три плагина, которые лично для меня очень полезны, и я использую данные плагины очень часто при решении производственных задач. SuperPNG — плагин, который значительно расширяет возможности работы с .png в Photoshop. Icon Plugin — позволяет создавать .ico файлы прямо в редакторе. AlphaWorks — позволяет вычитать определенные участки изображения в пользу альфа-прозрачности.(...)
Читать полностью Полезные бесплатные плагины для Photoshop (234 words)

Приятные мелочи для дизайнера

Hiway — Sat, 14 Feb 2009 07:13:37 +0000

В это прекрасный день, а кто не знает, 14 февраля — День влюбленных, хотелось запостить что-то симпатичное и полезное. Так сказать с любовь:)

В общем, в результате вышла «соляночка» из двух вещей:

1. Альбом для веб-дизайнера

Что это? Это подборка полезных картинок, которые имитируют окно браузера на бумаге. Достаточно просто распечатать их на листе формата A4 и у вас готов альбом для дизайнера.

Доступно 4 варианта разметки листов:

А теперь, немного содержимого для вашего нового альбома.

2. Набор ретро иконок

За иконки спасибо SmashingMagazine, а качаем здесь.

Да, кстати, кто еще не знаком с линкомаулией, пора узнать о ней побольше. Можно прочитать здесь — http://www.commentbox.ru/seo_news/313/.(...)
Читать полностью Приятные мелочи для дизайнера (4 words)

Бесплатные WYSIWYG и текстовые редакторы

Hiway — Sun, 01 Feb 2009 10:54:28 +0000

Этот пост является частичным переводом статьи 30 Useful Open Source Apps for Web Designers. Почему частичным? Потому, что здесь я расскажу лишь о бесплатных WYSIWYG редакторах и редакторах исходного кода для веб-дизайнера. В оригинале же вы найдете еще и подборки бесплатных графических редакторов, а также полезные утилиты, которые могут облегчить процесс разработки.

(...)
Читать полностью Бесплатные WYSIWYG и текстовые редакторы (334 words)

© Hiway для Вебмастеру посвящается..., 2009. | Ссылка на оригинал | Оставить комментарий |
Тэги: open sourse, бесплатные редакторы, редакторы

Восемь мануалов создания анимированной навигации на Mootools

Hiway — Sun, 28 Dec 2008 08:18:12 +0000

«MooTools — компактный, модульный, объектно-ориентированный JavaScript фреймворк, предназначенный для упрощения процесса разработки на JavaScript. Она позволяет написать мощный, гибкий, и кросс-браузерный код, имеет грамотный и хорошо документированный API.»

Лично я отдаю предпочтение в разработке этому фреймворку, наверное, в силу того, что эта библиотека интегрирована в Joomla! 1.5.

В этом обзоре я расскажу о восьми примерах создания анимированной навигации на Mootools. Ссылки на англоязычные ресурсы. Но если честно, то большинство примеров уже приходилось встречать на русскоязычных сайтов. А здесь они просто собраны воедино.(...)
Читать полностью Восемь мануалов создания анимированной навигации на Mootools (223 words)

© Hiway для Вебмастеру посвящается..., 2008. | Ссылка на оригинал | Один комментарий |
Тэги: mootools, анимация с Mootools, выпадающее меню

Рождественский RSS

Hiway — Sun, 21 Dec 2008 14:52:41 +0000

Продолжаем ерживать праздничное настроение в предверьи Рождества и Нового года. Вслед за набором «Рождественских иконок для блогера» предлагаю набор праздничных, новогодне-рождественских иконок для RSS-лент. Так как в прошлом сете была всего одна такая. Данная подборка исправляет этот недочет.

Рождественские иконки RSS

Качаем здесь.

Постовой:

У вас есть автомобиль Scion xB, Scion xA, Scion tC, Scion xD, Scion Concept Car, Toyota bB или Toyota ist? Тогда вам стоит посетить хороший bb клуб.

В преддверии новогодних праздников организация корпоративных праздников становится особенно выгодным делом. Может попробуете?(...)
Читать полностью Рождественский RSS (3 words)

Невероятная по содержательности и полезности подборка инструментов для верстальщика

Hiway — Sun, 21 Dec 2008 14:35:30 +0000

Я не буду приводить вступление к статье, его можно прочитать на сайте авторов — вот здесь, а перейду сразу к делу.

Ниже представлен список из почти 50 (изначально их было 50, но некоторые я отсеял) невероятно полезных CSS инструментов, генераторов, шаблонов и ресурсов. Здесь вы не найдете, ставшими уже традиционными, инструменты типа Firebug или Web Developer extension, но найдете и очень полезные инструменты, которые, возможно, не были вам знакомы ранее.

(...)
Читать полностью Невероятная по содержательности и полезности подборка инструментов для верстальщика (2,162 words)

© Hiway для Вебмастеру посвящается..., 2008. | Ссылка на оригинал | 3 комментариев |
Тэги: CSS, framework, верстка, инструменты вебмастера, полезные сервисы

Новогодне-рождественские иконки для блоггера

Hiway — Wed, 17 Dec 2008 19:59:02 +0000

Скоро-скоро Новый год. Эх, времена меняются... Раньше ощущение праздника было каким-то всеобъемлющим и невероятно волнующим. Теперь же, о празднике напоминает только различная околопраздничная атрибутика. А как же блоггеру без нового года?

Добавим праздничности в повседневность. Сегодня — это подборочка праздничных иконок для блоггера. Я лично украсил свою RSS-иконку.

В подборке есть исконки всех популярных социалок, а также очень симпатичная rss-иконка в шапке Деда Мороза, а может и Санта Клауса?

Качаем здесь: Christmas Social Bookmark Icons

Постовой:

Да кстати, на праздник можно подарить мягкую игрушку. А если у вас много друзе то покупайте игрушки оптом так дешевле:)(...)
Читать полностью Новогодне-рождественские иконки для блоггера (2 words)