Skip to content

Instantly share code, notes, and snippets.

View vitkarpov's full-sized avatar
🔲
I help folks prepare for coding interviews

Viktor Karpov vitkarpov

🔲
I help folks prepare for coding interviews
View GitHub Profile
@vitkarpov
vitkarpov / gist:5684042
Last active December 17, 2015 22:39
Extend jQuery.Event object with custom event
(function ($) {
//cache native handler for click
var nativeHandler;
$.event.special.leftClick = {
//init event for the DOM element
setup: function (r) {
$(this).bind('click', eventHandler);
},
//destroy event for the DOM element
@vitkarpov
vitkarpov / gist:9908836
Last active August 29, 2015 13:57
block img inside inline-block
<div class="image-container">
<span class="image-wrapper">
<img class="image" src="http://festival.1september.ru/articles/594478/presentation/23.jpg">
</span>
</div>
<p class="info">
<b>Задача:</b> Отцентрировать иконку относительно тянущейся картинки. <br />
<b>Решение:</b> Обернуть картинку в блок, который будет повторять размеры картинки и спозиционировать иконку относительно него. <br />
<b>В чем проблема:</b> При первой отрисовке обертка соответствует размерам картинки, однако при ресайзе все портится — по высоте блок соответствует, а по ширине нет.
</p>
@vitkarpov
vitkarpov / gist:6214e5f35b60c5114940
Last active August 29, 2015 14:02
История про i18n и yate

История про i18n

Пусть, у нас есть yate-шаблон:

match / {
    string = (
        '<span>'
        .somedata.somevalue
 ''
@vitkarpov
vitkarpov / feather.js
Created August 12, 2014 09:07
Aviary bootstrap
var avpw_swfobject = function () {
function n() {
if (!B) {
try {
var n = N.getElementsByTagName("body")[0].appendChild(v("span"));
n.parentNode.removeChild(n)
} catch (t) {
return
}
B = !0;
@vitkarpov
vitkarpov / dabblet.css
Last active August 29, 2015 14:05
Горизонтальные инлайн-блоки равной ширины
.wrapper
{
display: flex;
padding: 10px;
background: lightyellow;
font-size: 2.5em;
}
.wrapper-item
{
@vitkarpov
vitkarpov / dabblet.css
Last active August 29, 2015 14:05
Untitled
.text
{
padding: 20px;
height: 200px;
column-count: 3;
column-gap: 3em;
background: wheat;
}
p:first-child
@vitkarpov
vitkarpov / dabblet.css
Created October 30, 2014 16:23
Untitled
body {
background: lightyellow;
margin-right: 50%;
}
.img {
position: relative;
background-size: contain;
/* вычисляется из отношения сторон картинки */
padding-bottom: 62.5%;
@vitkarpov
vitkarpov / dabblet.css
Created November 6, 2014 13:22
Untitled
a {
display: block;
margin-right: 50%;
opacity: 0.5;
}
a:hover {
opacity: 1;
}
@vitkarpov
vitkarpov / dabblet.css
Created January 22, 2015 16:22
Untitled
.wrapper {
padding: 10px;
margin-left: -40px;
background: lightyellow;
}
.item {
display: inline-block;
width: 300px;
padding: 10px;
@vitkarpov
vitkarpov / octave.md
Last active August 29, 2015 14:14 — forked from obstschale/octave.md

Octave CheatSheet

GNU Octave is a high-level interpreted language, primarily intended for numerical computations.
(via GNU Octave)

Basics

  • not equal ~=
  • logical AND &amp;&amp;