Skip to content

Instantly share code, notes, and snippets.

Avatar
🎯
Focusing

Alexey Simonenko meritt

🎯
Focusing
View GitHub Profile
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 */
}
@meritt
meritt / better-webfont-loading-with-localstorage-and-woff2.js
Last active Apr 29, 2020
Улучшение загрузки веб-шрифтов с использованием localStorage и поддержкой формата WOFF2
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 }
You can’t perform that action at this time.