UGgallery

Алекс Сергеев перевел на русский отличный комикс, в котором весело и доступно объясняется “Почему верстать таблицами глупо“.

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

Название первой статьи дано на вырост. Пока что автор нашел меньше десяти вариантов полезного применения Аякса.

“10 мест где необходим Ajax“

Где полезно применять Ajax:

1. Интерактивность основанная на формах
2. Навигация по большим древовидным иерархическим структурам
3. Быстрая связь между пользователями
4. Голосования, кнопки “да/нет”, выставление оценок
5. Сортировка данных и все, что с ней связано
6. Подсказки при вводе текста, автозаполнение

И где вредно:

1. Простые формы
2. Поиск
3. Основная навигация
4. Подгрузка больших объемов текста
5. Управление внешним видом, дизайном
6. Малофункциональные навороты

Автор следующей статьи успокаивает тех, кого беспокоит будущее технологии.

“Десять причин, почему Ajax — это надолго“

1. Ajax основан на открытых стандартах
2. Удобство для пользователей, хорошее юзабилити
3. Кросс-браузерность и кросс-платформенность
4. Расширяются возможности обычных веб-приложений
5. Развивать необходимые навыки, инструменты и технологии можно постепенно
6. Совместим с Flex и Flash
7. Широкая поддержка среди лидеров индустрии
8. Мода на Web 2.0
9. Ajax всеяден в отношении серверов
10. Новое поколение технологий для полнофункциональных интернет-приложений (XAML и XUL), пока не готовы для большого веба

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

“Почему от Аякса тошнит (как правило)“

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

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

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

И так далее.

Основной посыл Нильсена: “Для начинающих и неопытных веб-дизайнеров, я придерживаюсь моей предыдущей рекомендации: просто скажи Аяксу нет. … даже опытным дизайнерам я советую использовать Аякс реже, настолько, насколько это возможно.”

***

В общем, конечно, Аякс — инструмент для профессионалов. Его легко использовать, но трудно понять зачем использовать. Хотя, это отличная замануха для некоторых заказчиков, любящих чтоб все “скакало”. В форумах уже полно сообщений типа: “Я новичок в яваскрипте, но вот попробовал тут аякс. На локальном компьютере все нормально, а на сервере не заработало. Как быть?” Наверное, не за горами хомепаги на Аяксе. Надеюсь, их будет немного.

Вот матерый человечище Роджер Йохансон (456bereastreet.com). Знает, что будут обвинять в оскарблении общественности, но не боится заявить с нордической прямотой:

“Web professionals who refuse to update their skills and insist on using outdated methods can no longer be called web professionals.”

Что в переводе значит:

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

Во как.

Вот это я понимаю “smart-intelli-mouse“

• XHTML Coding Rules
• Проверочный список для веб-стандартов

По результатам обсуждения в ЖЖ.

Статьи Майка Стенхауза

Modular CSS

Группировка CSS по отдельным файлам-модулям: типографика, формы, навигация, структура страницы, цветовые схемы.

A CSS Framework

Шаблон для нескольких видов страниц на основе типичных структурных элементов.

Playing Nice with the Other CSS Kids

Методы групповой работы c CSS.

Статья на сайте And All That Malarkey

What’s in a name (pt2)

Набор ID для типичных элементов страницы.

Когда сегодня говорят о том что код для веба должен быть кросс платформенным, имеют в виду, что он должен одинаково работать или отображаться в основных браузерах… IE последних версий… под Windows. И все. Большинству этого достаточно. Сейчас в этот термин входит еще и Firefox. Особо смелые добавляют пару браузеров и операционных систем. Никаких скринридеров, никаких наладонников, смартфонов и set-top box-ов. При упоминании мобильных телефонов, предлагают делать мобильную версию сайта. Правда почти никто не делает. Далее »

Прошли те времена, когда “верстать не по стандартам” означало “использовать GIF-спейсеры, элементы FONT, CENTER и прочее”. Теперь в верстке таблицами эти приемы не используются. Стили: font, padding, margin, несильно отличаются от соответствующих HTML-атрибутов, и потому были быстро взяты на вооружение. Цвета, фоновые картинки, шрифтовые характеристики и прочие мелочи, уже никто не задает тегами. Мелкими блочными элементами, типа заголовков, тоже проще управлять при помощи CSS. Многие WISIWIG-редакторы имеют для этого необходимые инструменты. Далее »

Юрий “akella” Артюх о том, зачем нужны вебстандарты (или бестабличная верстка)

Если раньше речь шла о доступности с разных броузеров, то сейчас на ее место встали проблемы доступности из телефонов и бог весть каких девайсов которые лазят в Интернет. [...] Кроме того стандарты всегда предполагают будущую совместимость. Таблицы лишь для “переходного” этапа который уже давно прошел. И сайты с таблицами мой мобильник УЖЕ не понимает.

Посещенные ссылки. С применением псевдо-класса “:after” и свойства “content”, ссылка отмечается галочкой.

Один из способов красиво выделить посещенные ссылки не используя картинки.

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