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; }
Нашел на сайте
Красивый вывод картинок разного размера
Вечная проблема: картинки разного размера, но должны выглядеть одинаково.
Вот примерный вид результата:
Пример простого tooltip окна
Промер создания и оформления простого тултипа на CSS
Данный способ поможет тем, кому нужно растянуть блок на всю высоту страницы, не считая шапки. При этом прокрутки на странице не будет.
Можно получить интересный и красивый эффект, накладывая полупрозрачную картинку на фотографию, при наведении.
Используя в проекте chosen, для визуальной стилизации обычных выпадающих списком (select), столкнулся с тем, что внешний вид chosen, сильно отличался на мобильных устройствах, от ПК. При этом на планшетах все было хорошо, проблема была только в браузерах на телефонах.
Стоит учесть, что для работы font-awesome-controls требуется Font Awesome
Изменение начертания шрифта
Часто шрифт присланный дизайнерами в PSD выглядит совсем по другому, например, тоньше и более размытым. У самого FONT- не нашел ничего подобного, но есть свойство text-shadow - не совсем то, но выглядит похоже.
Обводка при нажатии на input bootstrap
При нажатии на поле ввода, появляется синяя ободка (Реакция на то, что контрол получил фокус)