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

pic1

 
/* 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;
}

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


Категории: HTML, CSS, -Памятка-

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

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

pic1


Категории: Web, HTML, CSS
Пометки: Вертикальное выравнивание картинки изображения, фотка

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

pic1


Категории: HTML, CSS
Пометки: тултип, всплывающая подсказка

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


Пометки: checkbox

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


Категории: HTML, CSS
Пометки: Выпадающие списки, внешний вид select (Заметка по внешнему виду chosen на мобильных платформах.)

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

pic1


Категории: HTML, CSS
Пометки: оформление, font-awesome-controls, checkbox

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


Категории: HTML, CSS
Пометки: Эфект на шрифт, сглаживание, размытие, более тонкий, sharp, smoothing

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


Пометки: yandex maps, карта, карты

Выпадающее меню на CSS, делалось для джумлы, но использовать можно отдельно.


Категории: HTML, CSS, CMS Joomla 3.X, Joomla
Пометки: dropdown menu

jQuery плагин который позволяет запретить выделение текста в определенных блоках


Категории: JavaScript, HTML
Пометки: jquery.disable.text.select
Яндекс.Метрика