Автор

24 04.2013
9 бесплатных сервисов для проверки сайта

9 бесплатных сервисов для проверки сайта


 

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

 

.01 Markup Validation Service

 

Самый популярный сервис для проверки вашего кода. Я считаю, что каждый верстальщик должен знать о нем. Это очень удобный инструмент, который предоставляет гибкий сервис для проверки кода.  Поддерживает разные типы языков: HTML (уже есть возможность проверять HTML5), XHTML, MathML, SVG, SMIL. Свой код Вы можете проверить 3-мя способами:

  1. Раздел "Validate by URI". Если Ваш сайт уже выложен в Паутине, Вы можете просто вписать адрес своей странички в соответствующее поле на сервисе и оно тут же просканирует Ваш код и выдаст отчет.
  2. Раздел "Validate by File Upload". Если Ваш сайт только на локальном хостинге, то есть, находится только у Вас на компьютере, Вы можете загрузить файл Вашей странички на сайт проверки и он также само сделает свое дело.
  3. Этот способ скорее всего разрабатывался для тех ленивых верстальщиков, которым первый и второй способ не интересны)) Просто выделите свой код (Ctrl + A) и скопируйте (Ctrl + C), далее зайдите на сайте "валидатора" в раздел "Validate by Direct Input", вставьте Ваш код (Ctrl + V) и нажмите "Check".

Кстати, "Check" надо жать во всех трех разделах

 

.02 CSS Validation Service

 

Еще одно детище w3.org. Вслед за проверкой HTML-разметки нужно проверить правильный ли код в Вашей таблице каскадных стилей CSS. Этот инструмент идентичен "Markup Validation Service", все разделы такие же, только он проверяет Ваш CSS.

 

.03 Feed Validation Service

 

Да да, Вы правильно поняли, проверяем синтаксис Atom или RSS каналов. Интерфейс такой же, как и в первых двух сервисах, правда тут только два раздела: "Validate by URI" и "Validate by Direct Input".

 

.04 Link Checker

 

Может проверим еще наши ссылки и анкоры? В этом нам поможет "Link Checker". Тут все просто, вводим URL адрес документа, выставляем галочки в  настройках и жмем "Check"

 

.05 W3C mobileOK Checker

 

А Ваш сайт нормально отображается на мобильных девайсах? Не знаете?) Сейчас проверим! Заходим на "W3C mobileOK Checker", видим знакомые нам 3 раздела проверки, выбираем более подходящий и проверяем веб-страничку на правильное отображение на мобильных устройствах.

 

.06 Web Page Analyzer

 

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

 

.07 Access Color

 

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

 

.08 Browsershots

 

Этот сервис дает Вам возможность увидеть, как выглядит сайт в разных браузерах. Имеет гибкие настройки: можно выбирать разные версии браузеров под Windows OS, Mac OS, Linux, BSD; разрешения экрана; глубину цвета; поддержку Javascript, Java и Flash.

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

 

.09 NetRenderer

 

Инструмент позволит Вам увидеть, как выглядит Ваш сайт в IE 5.5, 6, 7 и 8. Полезная штуковина 

 

Ну вот и все!) Надеюсь хоть какой-то сервис Вам будет полезен  Если Вы знаете еще какие-нить полезные инструменты для верстальщиков, поделитесь! 


vk.com/club.ssdru

Подписывайтесь на нашу группу в контакте vk.com/club.ssdru


Статьи по темеРазное

12 04.2013
9 бесплатных сервисов для проверки сайта

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


11 05.2017
9 бесплатных сервисов для проверки сайта

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


23 04.2013
9 бесплатных сервисов для проверки сайта

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


04 06.2017
9 бесплатных сервисов для проверки сайта

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


105 Публикаций

Раскрутка в соцсетях

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


Перейти в Блог

О КОМПАНИИ

Studio Design существует с 2001 года. Основной нашей деятельностью до 2007 года было видеопроизводство ( видеореклама и документальные фильмы, о чем подробно описано в нашем блоге ). С 2007 года, вот уже как лет, наша основная специфика - это создание сайтов для бизнеса или частной деятельности, веб дизайн, а также поддержка и администрирование готовых проектов. Каждая выполненная нами работа - это уникальный, а самое главное, адаптивный под все современные мобильные устройства дизайн сайта. Мы готовы создать сайт с нуля для каждого клиента с любого уголка России! Мы поможем Вам в создании, как одностраничных сайтов – визиток, так и крупных интернет магазинов или корпоративных сайтов. А все наши работы, большинство из которых действуют и по сей день!

Close

Целовальников Сергей


Веб-дизайн, HTML5, CSS3, jQuery, JavaScript, Верстка.

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

Close