frontend-coder frontend-coder

## Включение HTML5 для IE9 и меньше
<!--[if lt IE 9]>
		<script>
			var e = ("article,aside,figcaption,figure,footer,header,hgroup,nav,section,time").split(',');
			for (var i = 0; i < e.length; i++) {
				document.createElement(e[i]);
			}
		</script>
<![endif]-->

## equalHeight-Set.js
function heightses() {
	$(".program-item").height("auto").equalHeights();
}heightses();

$(window).resize(function() {
	heightses();
});

## style.css
CSS
.top-line // контейнер с меню, лого, кнопкой позвонить
{
width: 100%;
z-index: 1;
position: fixed;
}

## script.js
// галерея всплывающая
$(".portfolio-item").each(function(e){
var th = $(this);
th.attr("href", "#portfolio-image-" + e)
.find(".portfolio-popup")
.attr("id", "portfolio-image-" + e);
});
$(".portfolio-item").magnificPopup({
mainClass: 'my-mfp-zoom-in',
removalDelay:300,

## прозраный фон
.prozrachnost {
 opacity:0.5;
 filter:alpha(opacity=50);
 -moz-opacity:0.5;
background-color:#000000;
width:340px;
height:1500px;
position:absolute;
 top:0px;
 left:0px;

## button effect
.submit-bt {
font-size:10px;
color:#fff;
background-color: #000;
border: 0;
text-align: center;
}
.submit-bt:hover{
	animation: bt-animate liner .5s infinite;
}

## Simple animate links
.second-block-link a {
  display: inline-block;
  font-weight: bold;
  text-transform: uppercase;
  border: 3px solid #efa64d;
  padding:15px 35px;
  color: #7cc15a;
  font-size: 20px;
   @include trans;
   animation: wave 5100ms linear infinite;

## button.html
<a href="#" class="button">анкор</a>

## gist:e2d75e348069986c2265cee44184d8cb
ладно если серьезно то вот &thinsp; - тонкий пробел, &ensp - пробел длиной в букву N, &emsp; - пробел длиной в букву M

## flex menu
<ul class="menu">
    <li class="menu__item"><a href="" class="menu__link">Раз</a></li>
    <li class="menu__item"><a href="" class="menu__link">Два слова</a></li>
    <li class="menu__item"><a href="" class="menu__link">Это</a></li>
    <li class="menu__item"><a href="" class="menu__link">Просто</a></li>
    <li class="menu__item"><a href="" class="menu__link">Пример</a></li>
</ul>

2 variants
<h1><span>Современное решение</span></h1>
	<!--[if lt IE 9]>
	<script>
	var e = ("article,aside,figcaption,figure,footer,header,hgroup,nav,section,time").split(',');
	for (var i = 0; i < e.length; i++) {
	document.createElement(e[i]);
	}
	</script>
	<![endif]-->
	function heightses() {
	$(".program-item").height("auto").equalHeights();
	}heightses();

	$(window).resize(function() {
	heightses();
	});
	CSS
	.top-line // контейнер с меню, лого, кнопкой позвонить
	{
	width: 100%;
	z-index: 1;
	position: fixed;
	}
	// галерея всплывающая
	$(".portfolio-item").each(function(e){
	var th = $(this);
	th.attr("href", "#portfolio-image-" + e)
	.find(".portfolio-popup")
	.attr("id", "portfolio-image-" + e);
	});
	$(".portfolio-item").magnificPopup({
	mainClass: 'my-mfp-zoom-in',
	removalDelay:300,
	.prozrachnost {
	opacity:0.5;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	background-color:#000000;
	width:340px;
	height:1500px;
	position:absolute;
	top:0px;
	left:0px;
	.submit-bt {
	font-size:10px;
	color:#fff;
	background-color: #000;
	border: 0;
	text-align: center;
	}
	.submit-bt:hover{
	animation: bt-animate liner .5s infinite;
	}
	.second-block-link a {
	display: inline-block;
	font-weight: bold;
	text-transform: uppercase;
	border: 3px solid #efa64d;
	padding:15px 35px;
	color: #7cc15a;
	font-size: 20px;
	@include trans;
	animation: wave 5100ms linear infinite;