HTML:

Нужно было разместить картинку по центру блока, размер самого изображения может быть разным.

Коротко о том, как вставить на страницу SVG изображение и изменить его цвет через CSS.

Интересный шрифт, в рукописной стилистике.

 
/* cyrillic */
@font-face {
  font-family: 'Neucha';
  font-style: normal;
  font-weight: 400;
  src: local('Neucha'), url(https://fonts.gstatic.com/s/neucha/v9/kfCpWUYjzqqtPFESHGr73_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin */
@font-face {
  font-family: 'Neucha';
  font-style: normal;
  font-weight: 400;
  src: local('Neucha'), url(https://fonts.gstatic.com/s/neucha/v9/irvP3TB0tsoy_UMHmCQlTw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

Нашел на сайте

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

Вот примерный вид результата:

Промер создания и оформления простого тултипа на CSS

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

Используя в проекте chosen, для визуальной стилизации обычных выпадающих списком (select), столкнулся с тем, что внешний вид chosen, сильно отличался на мобильных устройствах, от ПК. При этом на планшетах все было хорошо, проблема была только в браузерах на телефонах.

Стоит учесть, что для работы font-awesome-controls требуется Font Awesome

Часто шрифт присланный дизайнерами в PSD выглядит совсем по другому, например, тоньше и более размытым. У самого FONT- не нашел ничего подобного, но есть свойство text-shadow - не совсем то, но выглядит похоже.

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