Известный сайт woork выпустил свой вариант таблицы тегов HTML 5 с описанием атрибутов. В отличии от других подобных таблиц, которые уже были представлены на Хабре, этот вариант, во-первых, обладет приятной внешностью, а во-вторых выполнен в формате A3. Файл можно распечатать и повестить над рабочим местом, благо внешний вид плаката хорош.



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

Привет уважаемые хабралюди!

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

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

Моя статья на Временно.нет

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

Здесь представлен обзор 38 статей, разбитых на 4 категории по способам реализации.

Практически каждый дизайнер хотя бы раз в своей практике сталкивался со следующей проблемой: вроде бы всё хорошо получилось, но что-то где-то не так, есть ощущение какой-то недоделанности и неряшливости. Кто-то в этом случае привычно махнёт рукой и, надеясь на некомпетентность клиента, выведет недоделанный сайт в Сеть. Кто-то начнёт череду поисков решения проблемы и зайдёт в глубокие дебри бесконечных переделок и доработок. И почти никто не обратится за помощью к специалистам, занимающимся непосредственно данной категорией проблем — к дизайн-аудиторам. А зря. Аудит сайтов в целом лишь относительно недавно стал вызывать интерес в нашей стране, появились специалисты в области юзабилити сайтов, продвижения и раскрутки. А вот непосредственно улучшением внешнего вида занимаются лишь единицы, да и то о них мало кто знает.

Разумеется, в крупных и солидных студиях имеются квалифицированные арт-директоры, которые доведут любой сайт до лоска. Но, во-первых, далеко не всегда и везде есть такой человек. Например, сайт был заказан у фрилансера, который сделал всё хорошо, но допустил с точки зрения профессионального дизайна ряд мелких ошибок и недочётов. А во-вторых, даже после усердной работы высококлассного арт-директора вполне может остаться поле деятельности для дизайн-аудитора с намётанным глазом.

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

ВНИМАНИЕ: в статье имеется большое количество крупных изображений.

Решил поделиться опытом создания и продвижения компьютерной фирмы. Думаю, кое-кому да и пригодиться. Тем более, что старт был с абсолютного Кельвиновского нуля. А чего мы и как добились, можно увидеть под катом.

Задался недавно вопросом, какие шрифты можно без зазрения совести и страха развалить дизайн сайта использовать на последнем.

Нашел несколько полезных ссылок, спешу поделиться с теми, кто еще не успел найти подобное.

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

Не буду растекаться по древу насчет «до 5-7 тыс. у.е. в месяц в качестве физлица вы никому в упор не интересны».

Допустим без юрлица ну никак нельзя, да еще и на сайт с рекламой денег нет.  Что делать? 

По шагам:
1. Изучаете товары (Я.Маркет, запросы в Директ, ближайший рынок) на предмет «что бы такого не слишком приевшегося и конкурентного, но при этом простого в доставке, и чтобы геморроя с гарантиями/лицензиями поменьше.
Хинт: сувениры, игрушки, коллекционеры всех мастей. Берете одну/несколько специфических ниш для отработки.
Не надо брать строительство, окна, бытовую технику/электронику. Там, где кокурентов дофига.

2. Идем на ближайший рынок, торговый комплекс, а лучше отраслевую выставку(там народ крупнее и плотнее).

Как управлять небольшой web-студией в провинциальном городке? Маленькая – это 3-4 человека с учетом самого управленца. Конечно, готового рецепта я дать не могу (опыта маловато), но поделиться какими-то своими соображениями очень даже вполне.

Было это три года назад. День рождения бизнеса 12 апреля 2006 года.

Два юных студента киевского политехнического института решили открыть интернет-магазин парфюмерии. Не ИНТЕРНЕТ-МАГАЗИН, а интернет-магазин ПАРФЮМЕРИИ. Чувствуете разницу?)

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

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

Мы тогда еще не думали об интернет-магазине и вообще о таких вещах, как интернет-коммерция, практически не подозревали.

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

Откуда мне пришла в голову мысль открыть интернет-магазин я не помню. Я уже давно был активным серфером, и знал что таковые существуют, но они часто кидают клиентов (факт, было такое время).

“Друг мой, а давай-ка откроем интернет-магазин?”,- сказал я как-то своему нынешнему партнеру за бокалом пива. И 12 апреля был зарегистрирован домен elitparfum.com.ua.

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

И здесь нас поджидала первая ошибка… продолжение следует;)

З.Ы. «день рождениZ» — ошибки нет)

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

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

Теперь, если кто-то просит установить ему тот или иной пакет программ, в первую очередь думаешь не о том как выкроить 15 минут на установку, а нужна-ли вообще на этом компьютере данная программа, и есть ли смысл выкладывать 699 $ за фотошоп для контент-менеджера просто потому, что ему в нем удобней кадрировать фотографии, поступающие от клиента.


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

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

В интернете есть очень много разных поисковых систем, например, iconfinder.net, которая по ключевым словам находит иконки. Случилось так, что к нам обратился создатель проекта Мартин Лебланк и захотел чтобы мы нарисовали логотип. Турбомилкеры очень обрадовались такому повороту событий и принялись за работу с должным рвением.

Прямо сейчас я нахожусь в Лас Вегасе на конференции MIX 09 и имею неземное космическое желание делиться новостями и фотографиями с мероприятия через Хабр. Что тут происходит? Конференция проходит в очень красивом отеле Venetian (более роскошной конференции я не видел), участники приехали из разных концов мира.


Открывал конференцию Билл Бакстон, который рассказывал о роли скетчей в промышленном и интерфейсном дизайне. Меня, как дизайнера, это очень порадовало — дизайнерские конференции бывают редко. Плюс, я до последнего не верил в «Дизайнерскую конференцию от Майкрософт». Кстати, среди стуфа, который дают при регистрации была книжка Sketching User Experiences.

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

Из всех цветовых схем монохроматическая является одной из самых простых и удачных. Причина такой лёгкости заключается в том, что один оттенок цвета почти всегда работает с другим оттенком того же цвета.

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

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

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

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

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

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

В этой статье я рассмотрю метод создания блоков с одноцветным полупрозрачным фоном.
Например, таких:


Сразу оговорюсь, что я не буду использовать opacity и абсолютное позиционирование, чтобы разместить контент поверх полупрозрачного блока.

Вторая версия статьи, расширенная и дополненая.

Большая часть готовилась для моего выступления на «РИТ: Клиентские технологии», куда я, к сожалению, не доехал.

 



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

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