webkeepers, создание сайта

webkeepers


WebKeepers

Создание сайта и его продвижение


Previous Entry Share Next Entry
Непостяжимость WebKit'овского движка
webkeepers, создание сайта
webkeepers

-webkit-touch-callout

Данное свойство позволяет управлять поведением браузера в момент тапа и удержания пальца на ссылке. По дефолту в браузерах всплывает окно, которое содержит информацию о ссылке, а значение ровно default, но установив значение none окно с информацией всплывать не будет.


a.js-only {
  -webkit-touch-callout: none;
}


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





Это конечно далеко не все свойства, но по крайней мере наша заметка говорит о том, что многие верстальщики не юзают и 50% всех возможностей движка! ;)

?

Log in

No account? Create an account