Skip to content

Instantly share code, notes, and snippets.

View kolyasademetrio's full-sized avatar

kolyasademetrio

View GitHub Profile
{
"snippets": {
"html": {
"abbreviations": {
"jq": "<script src=\"https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-alpha1/jquery.min.js\"></script>",
"a": "<a href=\"#\"></a>"
},
"snippets": {
"mmm": "<!--- ------------------------ ${0:} ----------------------------------------------------- -->\n\n\n\n<!-- ------------------------ ${0:} End ------------------------------------------------- -->",
@kolyasademetrio
kolyasademetrio / flexslider.html
Last active September 16, 2016 07:51
HTML: template of flexslider
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title></title>
<!-- Bootstrap -->
@kolyasademetrio
kolyasademetrio / jquery.flexslider.js
Last active September 16, 2016 07:50
JS: template of flexslider
/*
* jQuery FlexSlider v2.6.1
* Copyright 2012 WooThemes
* Contributing Author: Tyler Smith
*/
;
(function ($) {
var focused = true;
@kolyasademetrio
kolyasademetrio / flexslider.css
Last active September 16, 2016 07:50
CSS: template of flexslider
* jQuery FlexSlider v2.6.1
* http://www.woothemes.com/flexslider/
*
* Copyright 2012 WooThemes
* Free to use under the GPLv2 and later license.
* http://www.gnu.org/licenses/gpl-2.0.html
*
* Contributing author: Tyler Smith (@mbmufffin)
*
@kolyasademetrio
kolyasademetrio / Emmet.sublime-settings
Created September 5, 2016 09:37
Emmet.sublime-settings
{
"snippets": {
"html": {
"abbreviations": {
"jq": "<script src=\"https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-alpha1/jquery.min.js\"></script>",
"a": "<a href=\"#\"></a>"
},
"snippets": {
"mmm": "<!--- ------------------------ ${0:} ----------------------------------------------------- -->\n\n\n\n<!-- ------------------------ ${0:} End ------------------------------------------------- -->",
@kolyasademetrio
kolyasademetrio / clearfix.less
Created September 15, 2016 10:01
LESS: .clearfix()
.clearfix() {
&:before,
&:after {
content: "";
display: table;
}
&:after {
clear: both;
}
@kolyasademetrio
kolyasademetrio / transition.less
Created September 15, 2016 10:23
LESS: .transition();
.transition ( @property: all, @duration: .3s, @function: ease, @delay: 0s ) {
-webkit-transition: @property @duration @function @delay;
-moz-transition: @property @duration @function @delay;
-o-transition: @property @duration @function @delay;
transition: @property @duration @function @delay;
}
@kolyasademetrio
kolyasademetrio / transform.less
Created September 15, 2016 10:27
LESS: .transform();
.transform( @scale: 1.1 ) {
-webkit-transform: scale(@scale, @scale);
-moz-transform: scale(@scale, @scale);
-o-transform: scale(@scale, @scale);
transform: scale(@scale, @scale);
}
@kolyasademetrio
kolyasademetrio / controw_custom.less
Created September 15, 2016 12:41
LESS:.controw_custom();
.controw_custom ( @width: 1000px, @offset: 15px ) {
&__container {
max-width: @width + @offset * 2;
}
&__container,
&__innerItem {
padding-left: @offset;
padding-right: @offset;
}
@kolyasademetrio
kolyasademetrio / matchMedia.js
Created September 16, 2016 06:40
jQuery: matchMedia
$(window).resize(function(){
if ( window.matchMedia("screen and (max-width: 768px)").matches ) {
} else {
}
});