Как сделать треугольник с помощью свойства border-color?

Ответ на скриншоте. Для выпадающего меню или для иных целей можно не сохранять изображения маленьких треугольников разного формата, а воспользоваться свойством border-color.

border-color

Читать далее Как сделать треугольник с помощью свойства border-color?

Вечерний Чтец #19

Гоголь

Что бы почитать в сети? Всякие интересные ссылки, найденные за последнее время.

О говорящих именах в комедии Гоголя:

Филолог Александр Лифшиц в специально посвящённой этому вопросу статье доказывает, что Гоголь давал персонажам «Ревизора» имена тех святых, «которые в основных своих чертах или деяниях оказываются абсолютно противоположны свойствам или образу жизни героев комедии» 11 . Так, Городничий назван в честь пустынника и нестяжателя Антония Великого (а кроме того, требует именинных подношений и в день памяти преподобного Онуфрия, «отличавшегося крайним аскетизмом»). Судья Аммос Фёдорович Ляпкин-Тяпкин наречён в честь одного из библейских малых пророков — Амоса, обличавшего пороки, в частности мздоимство.

Читать далее Вечерний Чтец #19

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

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

  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

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