Vlad R vladanyes

## clearfix
.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

## box-shadow.html
<!DOCTYPE html>
<html>
	<head>
		<title>Box Shadow</title>

		<style>
			.box {
				height: 150px;
				width: 300px;
				margin: 20px;

## jquery first word
Drupal.behaviors.listWords = {
      attach: function () {
          $.fn.paintFirstWord= function(color) {
              var str = this.text();
              var splited = str.split(' ');
              var replaced = str.split(splited[0]).join('<span style = "color:' + color + ';font-weight:bold">' + splited[0] + '</span>');
              this.html(replaced);
          };

          $('.pane-fpid-136 li').each( function() {

## smooth scroll
var $link = $('ul.header-nav li:first-child a');
            $link.on('click', function(e) {
                e.preventDefault();
                $('html, body').animate({ scrollTop: $('#about').offset().top }, 1000);
                console.log($('#about').offset().top);
            });

## accordion
 $('.view-commonly-asked-questions .views-row').click(function (){
              $(this).find('.field-name-field-answer').slideToggle();
              $(this).find('.views-field-name').toggleClass('active-tab');
              $(this).siblings().find('.field-name-field-answer').slideUp('slow');
              $(this).siblings().find('.views-field-name').removeClass('active-tab');
          });

## hiding scrollbar css
//hiding scrollbar
html {
overflow: scroll;
overflow-x: hidden;
}
::-webkit-scrollbar {
  width: 0;
  background: transparent;
}

## create & remove elements js
// function addNewElem() {
//     //adding banner element to the top of the page
//     var div = document.createElement('div');
//     div.className = "sale-banner--mobile";
//     div.innerHTML = "BOOK NOW TO GET YOUR FIRST PICK UP FREE";
//     var createdDiv = document.querySelectorAll('.sale-banner--mobile');
//
//     if (window.matchMedia("(max-width: 685px)").matches && createdDiv.length <= 0) {
//         document.body.insertBefore(div, document.body.firstChild);
//     }

## localStorage
if (window.localStorage) {
                var elements = document.querySelectorAll('[name]');

                for (var i = 0, length = elements.length; i < length; i++) {
                    (function(element) {
                        var name = element.getAttribute('name');

                        element.value = localStorage.getItem(name) || '';

                        element.onkeyup = function() {

## JSConf Iceland 2016
1.чтобы сделать всю статью кликабельной(ссылка) и при этом чтобы она имела другие вложенные ссылки  - используем тег <object>
ex. HTML:
      <a href="#1"> Some main text
        <object><a href="#2">Nested link</a></object>
      continuation of the main text</a>

    Browser parser reads it as:
      <a href="#1">Some main text</a>
      <a href="#2">Nested link</a>
      <a href="#1">continuation of the main text</a>

## ajax
$(document).ready(function(){

  $.ajax({
    url: "lines.txt", // path to file
    dataType: 'text', // type of file (text, json, xml, etc)
    success: function(data) { // callback for successful completion
      $("#sentences").html(data);
    },
    error: function() { // callback if there's an error
      alert("error");
	.cf:before,
	.cf:after {
	content: " ";
	display: table;
	}

	.cf:after {
	clear: both;
	}
	<!DOCTYPE html>
	<html>
	<head>
	<title>Box Shadow</title>

	<style>
	.box {
	height: 150px;
	width: 300px;
	margin: 20px;
	Drupal.behaviors.listWords = {
	attach: function () {
	$.fn.paintFirstWord= function(color) {
	var str = this.text();
	var splited = str.split(' ');
	var replaced = str.split(splited[0]).join('<span style = "color:' + color + ';font-weight:bold">' + splited[0] + '</span>');
	this.html(replaced);
	};

	$('.pane-fpid-136 li').each( function() {
	var $link = $('ul.header-nav li:first-child a');
	$link.on('click', function(e) {
	e.preventDefault();
	$('html, body').animate({ scrollTop: $('#about').offset().top }, 1000);
	console.log($('#about').offset().top);
	});
	$('.view-commonly-asked-questions .views-row').click(function (){
	$(this).find('.field-name-field-answer').slideToggle();
	$(this).find('.views-field-name').toggleClass('active-tab');
	$(this).siblings().find('.field-name-field-answer').slideUp('slow');
	$(this).siblings().find('.views-field-name').removeClass('active-tab');
	});
	//hiding scrollbar
	html {
	overflow: scroll;
	overflow-x: hidden;
	}
	::-webkit-scrollbar {
	width: 0;
	background: transparent;
	}
	if (window.localStorage) {
	var elements = document.querySelectorAll('[name]');

	for (var i = 0, length = elements.length; i < length; i++) {
	(function(element) {
	var name = element.getAttribute('name');

	element.value = localStorage.getItem(name) \|\| '';

	element.onkeyup = function() {
	1.чтобы сделать всю статью кликабельной(ссылка) и при этом чтобы она имела другие вложенные ссылки - используем тег <object>
	ex. HTML:
	<a href="#1"> Some main text
	<object><a href="#2">Nested link</a></object>
	continuation of the main text</a>

	Browser parser reads it as:
	<a href="#1">Some main text</a>
	<a href="#2">Nested link</a>
	<a href="#1">continuation of the main text</a>
	$(document).ready(function(){

	$.ajax({
	url: "lines.txt", // path to file
	dataType: 'text', // type of file (text, json, xml, etc)
	success: function(data) { // callback for successful completion
	$("#sentences").html(data);
	},
	error: function() { // callback if there's an error
	alert("error");