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

Сергей Мезенцев подсказал парочку:

• W3Cast на Хабре
• В рассылке User Experience Russia можно найти видео юзабилити-линча (прямой ссылки нет – не искал пока)

Их я еще не слушал.

Если у кого есть любимые подкасты по схожим темам — напишите в комментах, очень интересно.

Если вы пишете чистый и валидный HTML- и CSS-код, разделяете контент и представление на уровне конечного кода веб-страниц, придерживаетесь идеалов семантической разметки, с пиететом относитесь к слову «веб-стандарты», и при этом ваши сайты красивы, аккуратны, удобны в использовании и функционально доступны максимально широкому кругу пользователей, то тогда наш конкурс — для вас!

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

Прежде всего, обратите внимание, что у WSG-Россия теперь есть свой сайт. Маленький, но гордый. Будем надеяться, что подрастет.

Теперь материалы:

• Видео (спасибо Андрею Гореву и Павлу Ловцевичу)
• Презентации (.zip, 3,7 MB)
• Фотографии (спасибо Вадиму Пацеву):
  • на Flickr
  • на Яндекс.Фотках
• Отчеты (спасибо авторам):
  • Алексей Рыбаков
  • Павел Ловцевич

Все дальнейшие события, связанные с WSG-Россия будут освещаться на официальном сайте.

Мне понравилось. Доклады были интересные. Народ слушал внимательно, почти никто не ушел до самого конца. Я получил интересный опыт организации встреч. Есть над чем работать.

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

Велась фото-видео-сеъемка. Скоро планируем выложить.

Я на сегодня пришел к использованию следующих имен:

Классы

• wrap, lining (обертка, подкладка)
• content (как вариант: article)
• header, footer (классика жанра)
• aside, extra (для боковых, и не только боковых, блоков-колонок, которые содержат меню, новости сайта, ссылки, рубрики итдитп)
• nav (любое навигационное меню)

ID (используются главным образом как якоря)

• to-navigation
• to-content
• to-top
• to-bottom
• итдитп)

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

Хотите на самом деле оптимизировать сайт для мобильного использования? Делайте сайт по стандартам. Больше не делайте ничего. Это дешево, надежно и практично.

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

• Мобильная версия — это совсем другой сайт с похожим контентом, но отличающейся структурой в частности и архитектурой в целом. К нему надо заново привыкать.
• Мобильный шаблон — те же яйца только в профиль. Структура сайта та же, но вот структура страницы — незнакомая.
• Эмуляторы? Да нет никакой гарантии, что у всех пользователей мобильники отображают так же. Пытаясь подстроиться под эмулятор, можно ненароком накосячить так, что кое-кто не сможет сайтом пользоваться. Медвежья услуга, называется. Вот мне недавно фраза понравилась: “Система, основанная на интенсивном тестировании, не может быть надежна вне стандартных сценариев.” (ЖЖ-юзер vtolkov)
• Handheld-стили — те же яйца только в профиль. Современные мобильные браузеры не слишком хорошо умеют включать-отключать стили, используемые разработчиком сайта. Кривые стили не отключишь.

Хотите убедиться? Купите телефон, на который можно установить Opera-mini и ходите с него в интернет каждый день. На разные сайты: оптимизированные и нет, с мобильными версиями и без, сделанные по стандартами и нет. Надеюсь, вы придете к тем же выводам что и я.

А единственный тип сайтов, которым нужны мобильные версии — это тяжелые интернет-приложения на JavaScript и Flash. Типа Gmail и Bloglines. Да и то, пока в Опере не придумали как с ними работать на мобильнике :)

Потому что должно быть так: множество устройств — один сайт. И это правильно.

Часто приходится давать ссылки разным людям на статьи по CSS, семантической верстке и т.д. Люди разные, а ссылки одни и те же.

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

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

Идеала я пока не достиг, так что прошу считать это “бета-версией” учебника. Тестовым пуском. Комментарии, поправки, ссылки — категорически приветствуются.

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

Встреча соберёт веб-стандартистов из нескольких городов России и начнёт традицию регулярных открытых WSG-митингов.

Событие обещает быть отличным дополнением к докладам ведущих специалистов по веб-стандартам в России. Вот эти люди (и темы их докладов) :

• Вадим Макеев («CSS-менеджмент»)
• Марат Мамяшев («Использование библиотек, упрощающих разработку расширенных веб-приложений и работу с JS-фреймворками: event:selectors, jQuery»)
• Алексей Рыбаков («Тестирование верстки»)
• Максим Россомахин («Микроформаты: свежий взгляд на семантику веб-страниц»)

Расписание этих и других событий конференции РИТ-2007.

Tags: wsg-russia, веб-стандарты, rit-2007

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

В десятке оказались целых четыре студии, среди работ которых можно найти бестабличные, и даже валидные и с корректной семантикой, сайты. Приятный прогресс. В целом нашлось 15 из 42-х студий сайты которых я смог просмотреть (на все 100 времени не хватило).

Мой личный список фаворитов таков:

1. Dominion
2. Zero
3. X-Project
4. Red Graphic Systems

Черновик с деталями моих исследований можно посмотреть в pdf-файле (109 kb). Зеленым отмечено то, что меня порадовало; полужирным текстом — фавориты; в рамочке — лидер. Многоточия проставлены там, где я не смог найти информацию или не захотел ее искать.