Полезное о CSS

http://peter.sh/experiments/vendor-prefixed-css-property-overview/ https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Mozilla_Extensions -webkit-touch-callout: none; Скрывает окошко при долгом тапе. -webkit-overflow-scrolling: touch Позволяет сделать плавный скролл пальцем в блоке, жать работает только в iOS 5.0+ -webkit-user-drag Свойство указывает на то, что во время перетаскивания блока двигаться должен именно блок, а не содержимое внутри него. /* ничего не перетаскивает */ .content p.noDrag { -webkit-user-drag: none; } /* перетаскивается весь элемент а не контент внутри */ .sidebar div.elDrag { -webkit-user-drag: element; } -webkit-appearance Задавая это свойство элементу вы можете определять то, как будет выглядеть элемент SPAN. Например, как radio button: span.lookLikeRadio { -webkit-appearance: radio; } Или как textarea: span.lookLikeTextarea { -webkit-appearance: textarea; } Всего таких значений около 50. Весь список можно посмотреть тут. -webkit-text-security Оказывается, маску при вводе пароля можно изменять. Например, вместо кружков можно отображать квадраты. input[type="password"] { -webkit-text-security: square; } -webkit-user-select Определяет что пользователь может выбирать внутри элемента. div { -webkit-user-select: none; } Размер шрифта привязанный к экрану font-size: calc(1em + 1vw); Вид .view { display: none; } .view:target { display: block; } Простая сетка на flex .grid { display: flex; flex-flow: row wrap; } .grid > * { flex-basis: 10em; flex-grow: 1; }