Webmastersoftware#142

В выпуске:

• Мастерская. 7 простых способов протестировать кроссбраузерную совместимость
• Учебка. Joomla - Профессиональный сайт за один день
• Документация. Книги о CMS

Мастерская

Автор: dreamhelg
Источник: habrahabr

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

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

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

#1 — Xenocode Browser Sandbox

Xenocode Browser Sandbox — это гейм-чейнджер для тестирования браузеров на компьютерах с Windows. Всего лишь одним кликом мыши, вы можете открыть и работать в браузере, без всякой инсталляции. Вы можете тестировать различные версии IE, Firefox, Google Chrome и Safari. В прямом смысле тестировать, а не только получать скриншоты.

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

#2 — CrossBrowserTesting.com

Бесплатная, пятиминутная сессия тестирования для зарегистрированных пользователей, и значительно больше времени для заплативших пользователей. CrossBrowserTesting.com устроен очень просто, вам необходимо авторизоваться в системе, затем выбрать свободный компьютер с нужным браузером/ОС, и можно приступать к тестированию.

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

Это бесплатная загружаемая windows-программа, которая все еще находится на ранней стадии разработки. Как было заявлено, она является единственным бесплатным ресурсом, позволяющим полностью протестировать все актуальные версии Internet Explorer.

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

Со всем многообразием сайтов тестирования только для IE, самое время кому-нибудь присоединится и создать сервис, позволяющий тестировать сайты на Safari/Mac. Бесплатная версия этого сервиса предоставляет возможность получения скриншотов сайта, тестированных на последней, стабильной версии сафари, практически мгновенно. И хотя в сервисе немного не хватает версий браузеров, он определенно восполняет это предоставлением хорошей скорости.

За несколько долларов дополнительно, есть возможность получить компьютер полностью и проводить более глубокое тестирование

В течении нескольких месяцев, популярность Litmus значительно возросла, и он стал одним из самых благоприятных инструментов для тестирования кроссбраузерности. К сожалению его бесплатные возможности ограничены и позволяют тестировать только IE7 и Firefox 2.

Коммерческая версия их приложения значительно более мощная, и позволяет тестировать множество браузеров и даже почтовые клиенты. К сожалению снова, одна клиентская подписка стоит от 49$, что не слишком-то дешево. Но возможно для тех, кто нуждается в надежной системе тестирования, покупка может быть оправдана.

NetRenderer является чуть более скромным инструментом для тестирования совместимости с IE. Как и многие другие сервисы, NetRenderer создает скриншоты вашего сайта в различных браузерах. Он поддерживает все версии IE начиная с 5.5 до версии 8, и создает скриншоты очень быстро, без необходимости ждать.

Есть возможность установить тулбар для браузера, позволяющий быстро протестировать любые страницы, которые вы посещаете вместе с их сервисом. Это также бесплатный сервис, к тому же платное тестирование на этом сервисе вообще не предусмотрено.

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

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

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

Может быть вы используете принципиально иной способ тестирования кроссбраузерной совместимости? Если так, поделитесь, есть множество людей, которым это будет интересно.

См.также:

• Сборник хаков для CSS
  
  Joomla - Профессиональный сайт за один день
  
  IE 8 по умолчанию будет использовать новейшие веб-стандарты

Популярное в рубрике:

• 50 самых популярных постов про веб-дизайн
  
  Избранное с Вебмастерских Блогов Рунета в Одном Месте
  
  Как ускорить индексацию сайта - 18 эффективных способов
  
  Частые вопросы о CSS

Учебка

"Joomla - Профессиональный сайт за один день"

Меня зовут Евгений Попов. Я автор курсов по сайтостроению "PHP+MySQL для начинающих" и "Все Технические Моменты Онлайн Бизнеса в Видеоформате".

Ежедневно я получаю по 30-40 вопросов, просьб, предложений, так или иначе связанных с сайтостроением.

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

У кого-то это получилось сразу, у кого-то возникли вопросы, у кого-то процесс не пошел вообще....

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

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

А где взять это время? Ведь у многих работа, учеба, дети и т.д.

"Как быть, если хочется сделать качественный сайт, но времени катастрофически не хватает?"

Специально для таких людей я потратил 5 месяцев на создание курса, который ответит на этот вопрос.

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

Система обучения в этом курсе основана на практике.

Поясню подробнее.

Чтобы наиболее полно и ярко раскрыть Вам процесс создания сайтов на Joomla, я отобрал в Интернете 4 сайта, совершенно разные по структуре и функциональности, и реализовал их с помощью Joomla.

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

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

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

2. Саму систему Joomla мы изучаем "в процессе", т.е. Вы знакомитесь с возможностями Joomla прямо по ходу создания сайтов. Усвоение новой информации в этом случае происходит естественно, а значит знания усваиваются крепче и эффективнее, чем по традиционной схеме.

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

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

Курсы, которые вошли в этот диск:

1. Видеокурс по созданию простого сайта проекта (16 уроков - 2 часа 20 минут)

2. Видеокурс по созданию сайта индивидуального предпринимателя или MLM дистрибьютора (11 уроков - 1 час 30 минут)

3. Видеокурс по созданию сайта фирмы (15 уроков - 2 часа 13 минут)

4. Видеокурс по созданию сайта новостного портала (36 уроков - 5 часов 37 минут)

5. Видеокурс по переносу Joomla сайта с локального компьютера на сервер (5 уроков - 36 минут 42 секунды)

+ Видеокурсы по HTML, CSS и работе с локальным сервером.

Скриншоты некоторых уроков:

Все программы и дополнительные материалы необходимые для прохождения курсов, будут на диске.

В общей сложности, на диск вошло более 90 видеоуроков общей продолжительностью 12 часов 46 минут.

Все подробности здесь:

"Joomla - Профессиональный сайт за один день"

Документация

Движок для вашего сайта. CMS Joomla!, Slaed, PNP-Nuke (+ CD-ROM)

Автор: Колисниченко Д.Н.

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

Рассмотрены три уже готовые системы управления сайтом — Joomla!, Slaed, PHP-Nuke. С позиции пользователя описывается, как установить, настроить, разработать графическую тему и расширить возможности каждой системы. Для разработчиков описано программирование собственных расширений для рассмотренных движков, а также создание собственной системы управления сайтом. Отдельное внимание уделяется защите от излома разрабатываемой системы, а также интеграции с популярным форумом phpBB из файла задания.

На прилагаемом компакт-диске находятся последние версии CMS Joomla!. Slaed, PHP-Nuke, множество расширений, шаблонов, а также все значимые листинги книги.

• Купить в My-shop (цена: 271 руб.)

***

Joomla!: практическое руководство

Автор: Норт Б.

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

Вы ознакомитесь с техническими возможностями Joomla, ее модулями и компонентами, научитесь грамотно формировать содержимое и узнаете о способах управления им. Не будут обойдены вниманием такие важнейшие вопросы, как разработка шаблонов, создание удобной системы навигации, оптимизация сайтов для поисковых систем и многое другое. Кроме того, вы найдете три примера создания веб-сайтов «с нуля». Книга написана простым и живым языком, содержит минимум технических терминов, не требует от читателя знания PHP, CSS и прочих терминов, обычных для веб-дизайна, и при этом в ней представлено множество практических приемов, советов и вариантов решения возможных проблем. Эта книга станет отличным учебным и справочным пособием для профессиональных веб-дизайнеров и для тех, кто только приобщается к современному искусству создания веб-сайтов.

• Купить в My-shop (цена: 467 руб.)

Путченков Дмитрий
disk@wm-zone.info
ведущий рассылки

Рекомендую!

Шаблоны сайтов 2008 & WebClipart

подробнее →

WebMasterZone
CD и DVD для веб-дизайна

Создание сайта от А до Я - 2008. Энциклопедия веб-мастера

подробнее →

Клипарт: Web 2.0

подробнее →

SEO от А до Я. Энциклопедия веб-программиста

подробнее →