Skip to content

Instantly share code, notes, and snippets.

View xmalinov's full-sized avatar
:octocat:
Procrastination must die!

Alexander Malinov xmalinov

:octocat:
Procrastination must die!
View GitHub Profile
@xmalinov
xmalinov / Proportions save YT video embed
Created December 25, 2014 22:02
Embedding youtube video
.video {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.video iframe,
.video object,
.video embed {
position: absolute;
@xmalinov
xmalinov / observer.js
Created February 2, 2015 18:08
Observer pattern in JS
var Users = {
list: [],
listeners: {},
add: function(name) {
this.list.push({name: name});
this.dispatch("user-added");
},
on: function(eventName, listener) {
if(!this.listeners[eventName]) this.listeners[eventName] = [];
this.listeners[eventName].push(listener);
@xmalinov
xmalinov / jqpreloader.js
Created February 15, 2015 14:26
JQuery preloader
$(function() {
var n = 0;
var last_n;
var imgs = $('#image-preload-container img');
var totalImages = imgs.length;
var val = 100 / totalImages;
var bar = $('#preloader-line');
var percents = $('#preloader-text');
imgs.load(function() {
@xmalinov
xmalinov / deleteignore
Created October 19, 2015 09:23
Remove files which are ignored in .gitignore
git rm -r --cached .
git add .
git commit -m "Removed all ignored folders and files"
git push origin master
@xmalinov
xmalinov / v-center.css
Created October 22, 2015 11:54
vertical centering
.parent-element {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.element {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
@xmalinov
xmalinov / mousecoords.js
Created October 26, 2015 07:53
get mouse coords
function getPos(e) {
x = e.clientX;
y = e.clientY;
cursor = "Your Mouse Position Is : " + x + " and " + y;
document.getElementById("displayArea").innerHTML = cursor
}
function stopTracking() {
document.getElementById("displayArea").innerHTML = "";
}
@xmalinov
xmalinov / Simple css grid
Last active November 2, 2015 10:49
Simple css grid
<div class="container">
<div class="grid grid-pad">
<section class="col-1-3">
text
</section>
<section class="col-1-3">
text
</section>
<section class="col-1-3">
text
@xmalinov
xmalinov / template.js
Created November 2, 2015 13:22
simple js template engine
//from https://github.com/trix/nano
function nano(template, data) {
return template.replace(/\{([\w\.]*)\}/g, function(str, key) {
var keys = key.split("."), v = data[keys.shift()];
for (i = 0, l = keys.length; i < l; _i++) v = v[this];
return (typeof v !== "undefined" && v !== null) ? v : "";
});
};
@xmalinov
xmalinov / prefixes.js
Created November 3, 2015 08:17
prefixes.js
var element = document.getElementById('myDiv');
console.log(myDiv);
element.style['transform'] = 'rotate(30deg)';
element.style['msTransform'] = 'rotate(30deg)'; // IE
element.style['MozTransform'] = 'rotate(30deg)'; // Firefox
element.style['WebkitTransform'] = 'rotate(30deg)'; // Chrome
element.style['OTransform'] = 'rotate(30deg)'; // Opera
@xmalinov
xmalinov / aqualor-test-edit-manual.md
Last active November 18, 2015 12:47
Aqualor-test manual

#Aqualor-тест (руководство по редактированию)

Все данные теста (вопросы, ответы и результаты) содержатся в файле js/test-data.js (относительно корневой директории проекта).

###Объект resultsInfo Данный объект содержит данные с итоговыми результатами теста в следующем формате: