Оптимизация сайта под мобильные браузеры

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

  1. Явно соотнесите между собой 2 фактически разных url одних и тех же страниц.

Что делать, если версия сайта, заточенная под мобильные браузеры расположена на поддомене. Т.е. есть домен example.com и m.example.com (с тем же самым контентом). По идее Google способен сам понять, в чем дело, но лучше дать роботу буквальные инструкции. Для обычных страниц, типа http://www.example.com/page-1 указываем альтернативную ссылку на мобильную версию:

Читать далее Оптимизация сайта под мобильные браузеры

Как получить всю палитру цветов из имеющегося изображения?

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

  1. Онлайн-сервис. Colors Palette Generator

Загружаешь картинку. На выходе получаешь несколько палитр. Результат сохраняешь либо в CSS stylesheet, либо в Photoshop Swatches («Образцы» в русском Ph). Кнопки для сохранения внизу слева.

Если выбрать формат .aco (Photoshop swatches). Потом выбираем на панели Switches (открыть панель: Windows → Switches) пункт меню «Replace swatches» сохраненный файлик с нужным расширением.

  1. Составить палитру цветов только средствами Photoshop СX6

Открываем нужный файл (картинку), выбираем Image → Mode → Indexed Color (1). Потом в том же меню Color Table (2). Сохраняем палитру в формате .act, она так же без проблем откроется потом по той же команде Replace swatches.

Photoshop menu instuction

Второй способ нормально работает, правда, уверенности, что это – самое простое решение, у меня нет.