Google+

Как создать анимированный список используя только CSS3 #

Как создать анимированный список используя только CSS3

ДЕМО / СКАЧАТЬ / ТУТОР

Запуск сайта. Последняя проверка #

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

А. Содержимое (контент) и Дизайн

1. Типографика и верстка
2. Проверьте правильность знаков препинания, особенно апострофы, кавычки и дефисы / тире
3. Проверьте заголовки, для которых вы могли использовать лигатуры (нет необходимости для кириллицы)
5. Проверьте отсутствие висячих строк для важных абзацев
6. Проверьте орфографию и грамматику
7. Непротиворечивость (целостность) информации
8. Заглавные буквы (особенно в заголовках)
9. Проверьте стиль (манеру) написания текстов
10. Повторяющиеся общие фразы (например, ссылки типа «Подробнее»)
11. Возможные вариации слов(с учетом конкретной аудитории сайта)
12. Маркированные списки (например, точки или запятые в конце каждого пункта)
13. Проверьте на абсолютные ссылки (убедитесь, что после переноса на «рабочий» сервер ссылки изменяться на реальные)
14. Убедитесь в отсутствии «рыбы» вместо реального текстового наполнения
15. Проверьте как выводятся на печать наиболее важные страницы
16. При редизайне существующего сайта, убедитесь, что важные существующие (старые) ссылки, перенаправляются на соответствующие новые URL-адреса, если ссылки изменялись
17. Проверьте все скрытые тексты (например, альтернативный текст для изображений, текст в функциях javascript)

B. Соответствие стандартам

1. Доступность для людей с ограниченными возможностями
2. Проверьте валидность (Х)HTML разметки
3. Проверьте javascript
4. Валидируйте CSS

C. Видимость в поисковых системах, SEO и метрики

1. Заголовки страниц очень важны: используйте только осмысленные заголовки с соответствующими ключевыми словами
2. Добавьте описания ( в теги meta) для важных страниц (как минимум)
3. Проверьте домен для канонических запросов (например, запрос по адресу site.com, www.site.com и www.site.com/index.html должны приводить к записи одного вида в адресной строке)
4. Убедитесь, что у вас семантически верная разметка (выделены заголовки, и проч.)
5. Проверьте наличие ключевых слов в тексте страниц
6. Проверьте форматирование URL-адресов (для пользователей и поисковых роботов)
7. Настройте Google Analytics, FeedBurner, и любые другие пакеты для измерения успеха проекта
8. Создайте XML Sitemap
9. Настройте Google Webmaster Console и инструменты Яндекс.Вебмастер

D. Функциональное тестирование

1. Проверьте работу всех обязательных функций сайта
2. Проверьте работу поиска (включая релевантность результатов)
3. Проверьте сайт в большинстве современных браузерах (IE, Firefox, Opera, Chrome т.д.), их различных версиях и операционных системах (Windows, OSX, Linux)
4. Проверьте отображение страниц при наиболее распространенных разрешениях экрана
5. Протестируйте все формы (например, обратная связь, добавление комментария в блог), в том числе анти-спам фильтры, шаблоны отправляемых писем и т.д.
6. Протестируйте сайт при выключенном javascript, Flash и других плагинах
7. Проверьте, что все внешние ссылки являются действительными

E. Обеспечение безопасности (снижение рисков)

1. Настройте расписание резервного копирования, и проверьте результат восстановления из резервной копии.
2. Защитите все критически важные страницы (например, раздел администрирования сайта)
3. Используйте файл robots.txt в случае необходимости
4. Протестируйте безопасность и возможность взлома
5. Выключите вывод текстовых сообщений об ошибках
6. Проверьте размер доступного дискового пространства
7. Настройте уведомления по электронной почте и (или) SMS (например, для ошибок или сбоев сервера) для системы внутреннего и внешнего мониторинга
8. Проверьте производительность системы
9. Проведите нагрузочное тестирование
10. Проверьте оптимизацию изображений
11. Проверьте и осуществляйте кэширование где это необходимо
12. Проверьте общий размер страницы и время ее загрузки
13. Сожмите статические (javascript / HTML / CSS) файлы
14. Оптимизируйте CSS: использование короткие пути для изображений; используйте наследование в CSS и т.д.
15. Проверьте правильность созданных индексов в таблицах БД
16. Проверьте настройки конфигурации на каждом уровне (Web-сервер, база данных, какие-либо другие программы, в том числе CMS)
17. Настройте ведение лог файлов на веб-сервере и сервере БД

F. Заключительные штрихи

1. Создайте пользовательские страницы для 404 и прочих видов ошибок
2. Создайте иконку для сайта (favicon)

После запуска

G. Маркетинг

1. Используйте социальный маркетинг: Twitter, LinkedIn, Digg, Facebook, StumbleUpon и т.д.
2. Добавьте сайт в поисковые системы
3. Запустите (контекстную) платную рекламу при необходимости
4. Проверьте информацию о сайте в результатах поисковой выдачи

H. Текущие проверки

1. Отслеживайте и реагируйте на обращения обратной связи (полученных напрямую, на сайтах социальных сетей и проч.)
2. Проверяйте аналитические данные на наличие возможных проблем и осуществляйте корректировки по мере необходимости
3. Обновляйте контент