chickenfoot88

@font-face {
	font-family: "RobotoRegular";
	src: url("../fonts/RobotoRegular/RobotoRegular.eot");
	src: url("../fonts/RobotoRegular/RobotoRegular.eot?#iefix") format("embedded-opentype"),
			 url("../fonts/RobotoRegular/RobotoRegular.woff") format("woff"),
			 url("../fonts/RobotoRegular/RobotoRegular.ttf") format("truetype");
	font-style: normal;
	font-weight: normal;
}

chickenfoot88

.loader
	background: none repeat scroll 0 0 #ffffff
	bottom: 0
	height: 100%
	left: 0
	position: fixed
	right: 0
	top: 0
	width: 100%
	z-index: 9999

chickenfoot88

$(document).ready(function() {
	function heightDetect(){
		$(".main_head").css("height", $(window).height());
	};

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

chickenfoot88

<?php if ( have_posts() ) : query_posts('p=1');
while ( have_posts() ) : the_post(); ?>	

<?php the_title(); ?>
<?php the_content(); ?>
<?php the_post_thumbnail(array(100, 100)); ?>
<?php endwhile; endif; wp_reset_query(); ?>

chickenfoot88

function sumTo(n) { // обычный цикл 1+2+...+n
  var result = 0;
  for (var i = 1; i <= n; i++) {
    result += i;
  }
  return result;
}

function sumToRec(n) { // рекурсия sumToRec(n) = n+SumToRec(n-1)
  return n == 1 ? 1 : n + sumToRec(n - 1);

chickenfoot88

<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>
        <div class="tab_item">Содержимое 3</div>

chickenfoot88

$colors: $blue, $red, $accent
@for $i from 1 through length($colors)
	.carousel-services .owl-item:nth-child(#{length($colors)}n+#{$i})
		background-color: nth($colors, $i)

chickenfoot88

Roadmap

• Матрица Frontend разработчика от CBS
• Frontendhandbook 2017 (ENG)
• Неплохое руководство от Mozilla

Thanks to Лена:

• "Все" веб-технологии в одной mindmap
• Матрица компетентности программиста ч.I
• Матрица компетентности программиста ч.II
• Почему научиться программировать так чертовски тяжело

chickenfoot88

// Chrome Smooth Scroll
try {
	$.browserSelector();
	if($('html').hasClass('chrome')) {
		$.smoothScroll();
		console.log('this is chrome');
	}
} catch(err) {

};

chickenfoot88

	// SVG Fallback
	if (!Modernizr.svg) {
		$('img[src*="svg"]').attr(src, function() {
			return $(this).attr('src').replace('.svg', '.png');
		})
	}