Skip to content

Instantly share code, notes, and snippets.

View EfremovMS's full-sized avatar

Max EfremovMS

View GitHub Profile
@EfremovMS
EfremovMS / reset.css
Last active February 7, 2019 18:08
CSS reset
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
@EfremovMS
EfremovMS / fonts.css
Last active January 30, 2018 15:28
CSS include font
@font-face {
font-family: "Font Family";
src: url("../fonts/font-family_normal/font.eot");
src: url("../fonts/font-family_normal/font.eot?#iefix") format("embedded-opentype"),
url("../fonts/font-family_normal/font.woff2") format("woff2"),
url("../fonts/font-family_normal/font.woff") format("woff"),
url("../fonts/font-family_normal/font.ttf") format("truetype"),
url("../fonts/font-family_normal/font.svg#fontfamily") format("svg");
font-style: normal;
font-weight: normal;
@EfremovMS
EfremovMS / script.js
Last active March 31, 2018 14:48
JS start
// [ DELETE ME ]
function debug (string) {
if(!$('.debug').length) {
$('body').append('<div class="debug" style="position:fixed; z-index:10000; top:66px; left:0; padding:7px 10px; border-radius:0 5px 5px 0; border:1px solid #c00; none; background:#eee; color:#333;"></div>');
}
$('.debug').html(string);
}
// [ /DELETE ME ]
$(function () {
@EfremovMS
EfremovMS / style.css
Last active March 31, 2018 10:31
CSS start
/* ___________1. Сброс CSS_____________________ */
a,abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,ins,kbd,label,legend,li,mark,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote::after,blockquote::before,q::after,q::before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}input[type=submit],input[type=reset]{cursor:pointer}::-moz-focus-inner{padding:0;border:0}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*::before,
*::after {
-webkit-box-sizing: border-box;
@EfremovMS
EfremovMS / style.css
Created February 6, 2017 07:03
CSS container: float
.container {
margin-right: auto;
margin-left: auto;
padding-right: 15px;
padding-left: 15px;
width: 100%;
max-width: 1170px;
}
.container__row {
margin: 0 -15px;
@EfremovMS
EfremovMS / script.js
Last active February 6, 2017 07:15
MagnificPopup: JS open popup
$(function () {
// открытие модальных окон
// - [all]
$('.js-popup').magnificPopup({
type: 'inline',
midClick: true,
closeMarkup: '<button title="%title%" type="button" class="mfp-close"></button>',
mainClass: 'mfp-fade',
removalDelay: 300,
});
@EfremovMS
EfremovMS / script.js
Last active March 12, 2019 12:26
JS page scroll event
$(function () {
// параллакс при прокрутке
// - [all]
function pagerScroll () {
let t = $(window).scrollTop();
// code ...
}
$(window).scroll(function () {
pagerScroll();
});
@EfremovMS
EfremovMS / map.google.js
Last active June 27, 2019 10:19
JS google map
function initialize () {
var myLatlng = new google.maps.LatLng(55.7531262, 37.6203079);
var mapOptions = {
center: myLatlng,
zoom: 16,
mapTypeId: google.maps.MapTypeId.ROADMAP,
scrollwheel: false,
};
var map = new google.maps.Map(document.getElementById('map'), mapOptions);
@EfremovMS
EfremovMS / map.yandex.js
Last active January 11, 2019 13:33
JS Yandex map
ymaps.ready(function () {
var loc = [55.830963, 37.130694],
z = 16;
var myMap = new ymaps.Map('map', {
center: loc,
zoom: z
}, {
searchControlProvider: 'yandex#search'
}),
myPlacemark = new ymaps.Placemark(loc, {
@EfremovMS
EfremovMS / script.js
Last active October 19, 2017 16:47
JS input styling
$(function () {
// стилизация элементов форм
// - [all]
$('\
select, \
textarea, \
input[type="checkbox"], \
input[type="radio"], \
input[type="number"], \
input[type="file"]\