Веб-дизайн

индекс
171,35
19 октября в 21:59

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

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


26948
218
alexzfort 261,9
13 октября в 21:47

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

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


+33
22467
285
alexzfort 261,9
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
34754
670
11 октября в 22:02

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

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

В принципе, дополнительная разметка для обеспечения accessibility реализуется через отдельную технологию WAI-ARIA, однако и стандартные семантические структуры HTML5 современными браузерами и современными программами экранного доступа воспринимаются как соответствующие атрибуты ARIA для вспомогательных технологий. Проще говоря, это означает, что в теории следующие два варианта вёрстки с точки зрения программ чтения экрана аналогичны::
+13
3814
73
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
7636
69
ilya42 462,4
10 октября в 17:41

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



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

0
679
8
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
13119
93
ilya42 462,4
10 октября в 08:52

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

image

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

Приглашаем на лекцию и семинар Виталия Фридмана



Сегодня мы рады сообщить, что в наш московский офис Mail.Ru Group приезжает Виталий Фридман, шеф-редактор журнала Smashing Magazine, один из самых известных людей в мировом веб-дизайне. Он проведет два мероприятия. Первое — это открытая лекция. Тема выступления: «Responsive Web-дизайн: Трюки и уловки».

В своём выступлении Виталий затронет такие ключевые моменты:

  1. Как достичь отзывчивости веб-дизайна, не затрачивая слишком большие финансовые и профессиональные ресурсы.
  2. Как оптимизировать эффективность responsive веб-сайта. Опыт, основанный на реальных кейсах таких сайтов, как The Guardian, BBC и Smashing Magazine.
  3. Новые трюки для SVG.
  4. Новые шаблоны responsive дизайна.

Лекция состоится 14 ноября в 19.00. Для её посещения необходимо зарегистрироваться. Внимание, количество мест ограничено! Подробнее о семинаре и как на него попасть читайте под катом.
+18
4369
26
TeamMRG 106,9
8 октября в 09:13

Как IT-фрилансеру стать предпринимателем. Часть 2

Всем привет! В предыдущем посте мы рассказали, зачем фрилансеру ИП и почему ИП лучше, чем ООО. Сегодня вы узнаете, как зарегистрировать ИП самостоятельно и что делать потом.



Всё для самостоятельной регистрации ИП на сайте «Я люблю ИП»
+20
19499
470
iloveip 71,8