Веб-дизайн

индекс
148,95
21 октября в 15:02

Как сделать прибыльной разработку дизайна сайтов (часть 1) из песочницы

image

Давайте сперва определимся, для кого эта статья (далее исполнитель), и с какими проблемами вы сталкиваетесь каждый день.
  • дизайнер-фрилансер
  • дизайнер, работающий в web-студии / web-агенстве
  • web-студия / web-агенство
  • посредник между перечисленными выше и клиентом
+2
13616
190
abz_dn_ua 2,1
21 октября в 14:38

Простые догмы при работе с цветом в интерфейсах tutorial

image

Привет, username!

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

+113
53109
978
nicuini 101,8
19 октября в 21:59

Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №130 (12 — 19 октября 2014)

Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости


+32
33172
255
alexzfort 230,7
13 октября в 21:47

Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №129 (5 — 12 октября 2014)

Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости


+33
24002
291
alexzfort 230,7
13 октября в 17:20

Несколько интересностей и полезностей для веб-разработчика #30

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

Cloudtunes



Cloudtunes один из тех проектов, глядя на которые я не понимаю мотивации разработчиков выкладывать такие наработки в открытый доступ. Не сочтите меня за сугубо меркантильную личность, но данный проект — это грубо говоря клон iTunes в облаке и это просто великолепный сервис. Cloudtunes обеспечивает единый интерфейс для вашей медиатеки, синхронизируя данные между Dropbox, Youtube, Lastfm и тд. Серверная часть написана на Python (Tornado, Celery, Mongo DB, MongoEngine, Redis), а клиентская на CoffeeScript (Backbone.js, SocketIO, Handlebars, Compass, SoundManager).

+67
36408
685
11 октября в 22:02

Подстраховка web-доступности семантических областей HTML5 через роли WAI-ARIA tutorial

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

В принципе, дополнительная разметка для обеспечения accessibility реализуется через отдельную технологию WAI-ARIA, однако и стандартные семантические структуры HTML5 современными браузерами и современными программами экранного доступа воспринимаются как соответствующие атрибуты ARIA для вспомогательных технологий. Проще говоря, это означает, что в теории следующие два варианта вёрстки с точки зрения программ чтения экрана аналогичны::
+13
3939
77
Tseikovets 30,5
11 октября в 16:16

Вчера CSS исполнилось 20 лет. Интервью с Хоконом Виумом Ли (Часть 2) перевод

Продолжение. Первая часть была опубликована вчера.




Почему вы предпочли блочную модель, в которой отступы, границы и поля добавляются к заданной ширине, а не модель box-sizing: border-box из IE5?

Есть подходящие случаи использования для обеих моделей. Если вы хотите, чтобы изображение растягивалось, чтобы заполнить блок — оригинальная модель CSS подходит лучше. А если надо, чтобы поля и границы не выходили за пределы определённой области, лучше модель IE5. Лично я думаю, что случаев, для которых лучше подходит стандартная модель CSS, больше, но некоторые люди, которых я очень уважаю, считают иначе. Этот конфликт был изящно разрешён добавлением свойства box-sizing, которое сейчас поддерживают все браузеры.

Я никогда не любил абсолютное позиционирование. Я не прав? Как оно появилось в спецификации?

Ваш вопрос возвращает меня в 1996 год, когда по этому поводу шли жаркие дебаты. В двух словах: Microsoft предлагала ввести абсолютное позиционирование в черновике CSS Regions: Absolute Positioning and Z-Ordering (к сожалению, обсуждение проходило в закрытом списке рассылки W3C, вот ближайший по смыслу общедоступный документ). У некоторых членов сформированной недавно рабочей группы по CSS возникли сомнения, и Берт и я написали упрощенное встречное предложение. В нём мы предлагали избавиться от свойства position (и использовать вместо него display) и описали только относительно позиционирование (что давало нам время хорошенько продумать позиционирование абсолютное). Тем не менее, Microsoft уже реализовала собственное предложение и не хотела убирать эту функцию. В конце концов единственными существенными изменениями были добавление свойств right и bottom в дополнение к left и top и position: fixed. В таком виде спецификация стала частью стандарта CSS2.

Как и вам, мне никогда не было приятно работать с абсолютным позиционированием. Тем не менее, оно нашло своё место в веб-разработке, и иногда я его использую, чтобы сделать то, что по-другому сделать трудно или невозможно.
+34
7775
71
ilya42 493,0
10 октября в 17:41

Обзор online сервисов для презентации макетов



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

0
872
13
MrZaYaC 3,0
10 октября в 17:40

Сегодня CSS исполнилось 20 лет. Интервью с Хоконом Виумом Ли (Часть 1) перевод

В этот день двадцать лет назад нынешний CTO Opera Хоком Виум Ли опубликовал предложение по каскадным таблицам стилей для HTML. Если бы Пол Маккартни был веб-разработчиком, и писал сегодня песню «Оркестр клуба одиноких сердец сержанта Пеппера», то наверное у него получилось бы что-то вроде:

It was twenty years ago today
That Håkon wrote a doc to say
That if the Web’s gonna last a while
Then we need a way to define style.
So may I introduce to you
a way to add visual treats:
It’s Sergeant Håkon’s Cascading Style Sheets!

Но, когда мы пришли к Полу домой и попросили его спеть для нас эту песню, он отказался и спустил на нас собак по имени FontTag и Bgcolor. Поэтому, чтобы отметить такую круглую дату, мы пошли к Хокону и задали ему несколько вопросов о прошлом, настоящем и будущем CSS.
+53
13292
94
ilya42 493,0
10 октября в 08:52

От дизайнера до крутого дизайнера

image

На данный момент на рынке труда в сфере дизайна достаточно большой выбор. Дизайнеров много, хороших не очень, фрилансеров как собак нерезаных. Дизайнером себя считает почти каждый, кто хоть немного владеет профильной программой, например фотошопом или даже иллюстратором. Но проблема в том, что этого недостаточно. Я хочу выяснить кто такой дизайнер и как стать крутым дизайнером.
–2
3526
36
aimh –1,1