Skip to content

Instantly share code, notes, and snippets.

View Postnov's full-sized avatar
🏠
Working from home

Postnov Daniil Postnov

🏠
Working from home
View GitHub Profile
@Postnov
Postnov / XMLHttpRequest.js
Last active May 22, 2018 10:53
send mail via ajax
if ('FormData' in window) { //проверяем, поддерживает ли браузер функцию FormData
form.preventDefault();
var form = document.querySelector('form'),
formData = new FormData(form),
request = new XMLHttpRequest();
request.open('POST', 'sendMail.php', true); // sendMail.php - обработчик запроса
request.onload = function() {
@Postnov
Postnov / showMessage(v2).js
Last active March 30, 2018 09:22
Modal tip, which position absolute under cursor
var mousePosition = {x:0, y:0};
document.addEventListener('mousemove', function(mouseMoveEvent){
mousePosition.x = mouseMoveEvent.pageX;
mousePosition.y = mouseMoveEvent.pageY;
}, false);
// показ подсказки
window.showMessage = function(message) {
@Postnov
Postnov / main.js
Created March 29, 2018 14:24
get position cursor
function getPosition(e) {
var posx = 0;
var posy = 0;
if (!e) var e = window.event;
if (e.pageX || e.pageY) {
posx = e.pageX;
posy = e.pageY;
}
@Postnov
Postnov / setting.json
Created April 10, 2018 14:17
vscode setting
{
"window.zoomLevel": -0.3,
// "editor.fontFamily": "'Inconsolata', Consolas, 'Courier New', 'Anonymous Pro', monospace",
// "editor.fontFamily": "'Anonymous Pro', monospace",
"editor.fontFamily": "'Liberation Mono', Consolas, 'Courier New', monospace",
"editor.fontLigatures": true,
"editor.tabSize": 4,
"workbench.colorTheme": "Atom One Dark",
"editor.fontSize": 17,
"editor.lineHeight": 24,
@Postnov
Postnov / style.css
Created April 23, 2018 10:44
Customize placeholder
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: pink;
}
::-moz-placeholder { /* Firefox 19+ */
color: pink;
}
:-ms-input-placeholder { /* IE 10+ */
color: pink;
}
:-moz-placeholder { /* Firefox 18- */
@Postnov
Postnov / style.scss
Last active August 7, 2018 13:01
Media mixin
// using example
//
// div {
// @include _1170 {
// font-size: 20px;
// }
// @include _480 {
// font-size: 13px;
// }
// }
@Postnov
Postnov / _loadCss.js
Created April 23, 2018 10:46
asynchronous loading css
// load non-critical css rules, this script put in end html
var cb = function() {
var l = document.createElement('link'); l.rel = 'stylesheet';
l.href = 'template_styles.min.css'; //your file
var h = document.getElementsByTagName('head')[0]; h.parentNode.insertBefore(l, h);
};
var raf = requestAnimationFrame || mozRequestAnimationFrame ||
webkitRequestAnimationFrame || msRequestAnimationFrame;
if (raf) raf(cb);
@Postnov
Postnov / my-sign.html
Created April 25, 2018 16:06
My sign
<div class="b-cover__made-by">
<span>SITE BY</span><a href="http://dev-postnov.ru" title="Open web-page developer" target="_blank">DEV.POSTNOV</a>
<style>
.b-cover__made-by {
font-size: 18px;
}
.b-cover__made-by a {
position: relative;
color: #b35d5d;
text-decoration: none;
@Postnov
Postnov / index.html
Last active April 27, 2018 06:56
Progress bar (top line)
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<style>
.progress-bar {
@Postnov
Postnov / script.js
Created April 27, 2018 03:43
solve grid on premium relax
//<script src="https://unpkg.com/masonry-layout@4/dist/masonry.pkgd.min.js"></script>
// vanilla JS
// init with element
var grid = document.querySelector('.girls-list');
var msnry = new Masonry( grid, {
// options...
itemSelector: '.girls__item',