View 1.css
input:valid { | |
border-color: green; | |
} | |
input:invalid { | |
border-color: red; | |
} |
View normalize.css
/** | |
* 1. Переопределяет свойство `appearance`, заменяет `searchfield` в Safari и Chrome. | |
* 2. Переопределяет свойство `box-sizing`, заменяет `border-box` в Safari и Chrome. | |
*/ | |
input[type="search"] { | |
-webkit-appearance: textfield; /* 1 */ | |
box-sizing: content-box; /* 2 */ | |
} |
View better-webfont-loading-with-localstorage-and-woff2.js
// Этот скрипт должен быть размещён в <head> над всеми внешними объявлениями стилей (link[rel=stylesheet]) | |
function loadFont(fontName, woffUrl, woff2Url) { | |
// 0. Многие неподдерживаемые браузеры должны останавливать работу тут. | |
var nua = navigator.userAgent; | |
var noSupport = !window.addEventListener // IE8 и ниже | |
|| (nua.match(/(Android (2|3|4.0|4.1|4.2|4.3))|(Opera (Mini|Mobi))/) && !nua.match(/Chrome/)) // Android Stock Browser до 4.4 и Opera Mini | |
if (noSupport) { | |
return; | |
} |
View meritt.zsh-theme
# vim:ft=zsh ts=2 sw=2 sts=2 | |
# | |
# Based on Agnoster's Theme — https://gist.github.com/3712874 | |
# A Powerline-inspired theme for ZSH | |
# | |
# [Powerline-patched font](https://github.com/Lokaltog/powerline-fonts) | |
# [Solarized theme](https://github.com/altercation/solarized/) | |
# [iTerm 2](http://www.iterm2.com/) | |
### Segment drawing |
View example.js
function(kendo, _, $, Cloner) { | |
'use strict'; | |
/** | |
* The component to make grid be able to edit inline | |
* @module gridinlineedit | |
*/ | |
/** | |
* @class GridInlineEdit |
View 1.css
p:not(.intro) { | |
font-weight: bold; | |
} |
View 1.css
.parallax { | |
perspective: 1px; | |
height: 100vh; | |
overflow-x: hidden; | |
overflow-y: auto; | |
} | |
.parallax__layer { | |
position: absolute; | |
top: 0; |
View 1.css
.error-default { | |
color: #f00; | |
border: 2px solid #fc0; | |
} | |
.error-special { | |
color: #f00; | |
border: 2px solid #fc0; | |
background-color: #fcc; | |
} |
View douchebag-vertical-align.css
.element { | |
position: relative; | |
top: 50%; | |
transform: translateY(-50%); | |
} |
View table.css
table { display: table } | |
tr { display: table-row } | |
thead { display: table-header-group } | |
tbody { display: table-row-group } | |
tfoot { display: table-footer-group } | |
col { display: table-column } | |
colgroup { display: table-column-group } | |
td, th { display: table-cell } | |
caption { display: table-caption } |
NewerOlder