Как проверить кроссбраузерность верстки сайта в Browsershots и настроить отправку пинга при появлении новых материалов

| 18.05.2017

Как проверить кроссбраузерность верстки сайта в Browsershots и настроить отправку пинга при появлении новых материалов

14 Янв, 2013 | Рубрика : Онлайн сервисы

  1. Browsershots — как проверить кроссбраузерность верстки
  2. Как настроить отправку пинга при появлении новых статей
  3. Подбор нужного цвета в палитре Яндекса

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

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

Browsershots — как проверить кроссбраузерность верстки

Наверное, вы все уже знаете, что если ваш ресурс прекрасно и корректно отображается в каком-либо браузере (например, Opera), то это вовсе не означает, что во всех остальных он будет выглядеть так же хорошо.

Косяк может вылезти в любом браузере, хотя, конечно же, рекордсменом по этой части является Internet Explorer, особенно версии 6 и ниже. Происходит это из-за того, что различные браузеры немного по-разному интерпретируют один и тот же код HTML и правила CSS.

С этим ничего нельзя поделать и надо научиться с этим жить — проверять корректность отображения своего ресурса во всех доступных браузерах (кроссбраузерность) и вносить при необходимости коррективы в код. Но для этого, как минимум, нужно установить кучу обозревателей различных версий или же, что намного проще, воспользоваться сервисом Browsershots.

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

Например, если у вас на компьютере стоит Opera 10, то для того, что бы посмотреть вид вашего сайта в Opera 8, вам нужно будет либо переустановить обозреватель, либо установить его более старую версию, например, на виртуальной машине. Оба эти способа чудовищно не удобны и поэтому упомянутый выше сервис придется нам очень кстати.

Работа с онлайн сервисом Browsershots предельно проста:

  1. вводите на главной странице проекта в поле «Enter URL Here» адрес вашего

    сайта
  2. выбираете из списка, расположенного ниже, нужные вам версии браузеров
  3. если нужно, то выбираете определенное разрешение экрана и глубину цвета из выпадающих списков
  4. в трех последующих списках можете отключить или включить (можно еще выбрать конкретную версию) показ JavaScript, Java и Flash
  5. все, теперь жмем кнопку «Submit» и ждем завершения процесса создания скриншотов для каждой выбранной версии браузера (данный процесс может занять от 3 до 50 минут, поэтому в это время можно заняться другими делами, но не закрывать этой страницы в браузере)
  6. полученные в результате работы онлайн сервиса скриншоты можно посмотреть прямо там же (щелчок по скриншоту для его увеличения) или же скачать одним файлом к себе на компьютер (под скриншотами поищите ссылку «скачать»)

Программа для записи разговоров по Skype, ICQ и QIP

Мне показалась довольно интересной возможность записи разговора (имеется в виду голосового разговора), который вы ведете по Скайпу (сейчас правда тоже самое можно проделывать и в Аське, и в QIP Infium).

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

Программка называется VoiceSpy, она умеет работать в фоновом (скрытом) режиме. Однако она является платной, но при этом относительно недорогой. К тому же оплатить ее можно через наши отечественные платежные системы на вроде RBK маней, Яндекс денег или же WebMoney.

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

Как настроить отправку пинга при появлении новых статей

Для тех, кто делает свой блог на WordPress, вопрос пинга (оповещения поисковых систем и других сервисов о том, что на вашем ресурсе появились новые материалы) не стоИт, т.к. у этого движка имеется встроенная возможность отправлять пинг сразу после публикации нового материала (это не тот пинг, что описан в приведенной статье).

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

  1. заходите в админку вашего блога (http://vash_sait.ru/wp-admin/)
  2. переходите на вкладку «Настройки» — «Написание»
  3. внизу страницы увидите окно «Сервисы обновления»
  4. добавляете в это окно список приведённый ниже
  5. не забудьте нажать кнопку «Сохранить изменения»

Я использую следующий список пинг сервисов:

Если у вас сайт на Joomla, то можно установить плагин под названием Blog Ping.

Для установки Blog Ping, как вы уже, наверное, знаете, нужно зайти в админку Joomla и в верхнем меню выбрать: «Расширения» — «Установить/Удалить». Затем нажмите в первой строчке с названием «Загрузить файл пакета» на кнопку «Обзор» и найдите на нашем компьютере только что скачанный архив компонента plg_blogping.zip.

После установки плагина Blog Ping зайдите в «Расширения» — «Менеджер плагинов» и щелкните по «Content — Blogping». В открывшемся окне поставьте галочку напротив «Да» в поле «Включен», а в поле «Ping Update Services» скопируйте приведенный выше список пинг сервисов. Не забудьте нажать кнопку «Сохранить».

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

Если для вас важна быстрая индексация вновь созданной страницы в яндексе, то советую воспользоваться специальной страницей для отправки пинга персонально яндексу. Просто вводите адрес своего сайта и нажимаете «Отправить».

Есть еще ряд сайтов, с которых можно аналогичным образом рассылать пинг, например, http://pingomatic.com/.

Подбор нужного цвета в палитре Яндекса

Опять новость из области поисковиков. Попробуйте ввести в строку запроса Яндекса название какого-нибудь цвета и в результате увидите вверху страницы выдачи нечто подобное этому:

Это очень удобная и полнофункциональная палитра Яндекса с возможностью скопировать код полученного цвета и узнать его название. Иногда встречаются очень оригинальные названия, например, цвет медвежьего ушка. Щелкнув по надписи «Поделиться цветом в блоге» и вставив предложенный код к себе на сайт, вы увидите интересное.