Hatteron

L.drawLocal = {
    draw: {
        toolbar: {
            actions: {
                title: 'Прекратить рисование',//'Cancel drawing',
                text: 'Отмена'//'Cancel'
            },
            undo: {
                title: '',//'Delete last point drawn',
                text: 'Удалить последнюю точку'//'Delete last point'

Hatteron

// Pge scroll
		$j('.menu-item a[href^="#"]').on('click',function (e) {
	    e.preventDefault();
	    var target = this.hash,
	    jQuerytarget = $j(target);
		var scroll_pos = jQuerytarget.offset().top - 80;
	    $j('html, body').stop().animate({
	        'scrollTop': scroll_pos}, 1000, 'swing');			
	});	

Hatteron

// CSS Create Animation
@keyframes tossing {
    0% {
        transform: rotate(-30deg);   
    }
    50% {
        transform: rotate(30deg);
    }
    100% {
        transform: rotate(-30deg);   

Hatteron

// The HTML

<div class="Aligner">
  <div class="Aligner-item Aligner-item--top">…</div>
  <div class="Aligner-item">…</div>
  <div class="Aligner-item Aligner-item--bottom">…</div>
</div>

// The CSS

Hatteron

/**
 * Linting Sass stylesheets with Stylelint
 * http://www.creativenightly.com/2016/02/How-to-lint-your-css-with-stylelint/
 */

var gulp        = require('gulp');

var postcss     = require('gulp-postcss');
var reporter    = require('postcss-reporter');
var syntax_scss = require('postcss-scss');

Hatteron

'use strict';

// simple express server
var express = require('express');
var app = express();
var router = express.Router();

app.use(express.static('public'));
app.get('/', function(req, res) {
    res.sendfile('./public/index.html');

Hatteron

<figure class="quote">
	<blockquote>It is the unofficial force—the Baker Street irregulars.</blockquote>
</figure>

Hatteron

<a id="play-video" href="#">Play Video</a>

<iframe id="video" width="420" height="315" src="//www.youtube.com/embed/9B7te184ZpQ?rel=0" frameborder="0" allowfullscreen></iframe>

Hatteron

$(".element").waypoint(function() {
	$(this).addClass("animated zoomInUp");
}, {
	offset: "70%"
});

.element:nth-child(1) {
	-webkit-animation-delay: 0s;
	-o-animation-delay: 0s;
	animation-delay: 0s;

Hatteron

HTML:
<div class="wrapper">
    <div class="tabs">
        <span class="tab">Вкладка 1</span>
        <span class="tab">Вкладка 2</span>
        <span class="tab">Вкладка 3</span>        
    </div>
    <div class="tab_content">
        <div class="tab_item">Содержимое 1</div>
        <div class="tab_item">Содержимое 2</div>