Анна Бакурова

hidden будет игнорироваться только если элементу дать position fixed - другого нет варианта. Согласна что было бы круто если бы такое было возможно))

установить не 1.5em а 1.5rem - поддержка ie8. Так как Я не совсем поняла вопрос то возможно придётся ставить rem у всех кроме первой строки

автору нужно почитать статью
А эмитацию cover Я делаю так

.index-page .video {
position: absolute;
left: 0;
top: 0;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -1;
}

function makeup() {
		var $video = $('.index-page video');
		if($window.width() < $video.width()) {
			$video.css({
				marginLeft: -($video.width()-$window.width())/2
			});
		}
	}

	$window.ready(function(){
		makeup();
	});

	$window.resize(function(event) {
		makeup();
	});

смешно) а Вы можете хоть код ужать? читать такое не возможно, или ссылку киньте

цикл пишите а проверка правильность и соответствия символа через indexOf()

если выхода не найдёте то можно и radio стилизовать так)))

.load {
-webkit-animation: rot 1s linear infinite;
-moz-animation: rot 1s linear infinite;
-ms-animation: rot 1s linear infinite;
-o-animation: rot 1s linear infinite;
animation: rot 1s linear infinite;
}
@-webkit-keyframes rot {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(359deg); }
}
@-moz-keyframes rot {
0% { -moz-transform: rotate(0deg); }
100% { -moz-transform: rotate(359deg); }
}
@-ms-keyframes rot {
0% { -ms-transform: rotate(0deg); }
100% { -ms-transform: rotate(359deg); }
}
@-o-keyframes rot {
0% { -o-transform: rotate(0deg); }
100% { -o-transform: rotate(359deg); }
}
@keyframes rot {
0% { transform: rotate(0deg); }
100% { transform: rotate(359deg); }
}

Как по мне то лучше книги (могу посоветовать), по фронэнду Я Sorax смотрю. А так то сейчас записаась на курсы javascript.ru/courses - говорят хорошие )

Мне как то кидали но Я в ней не разбиралась ещё (хотя через пару дней нужно будет).
Возможно и Вам поможет вот ссылка.

Скорее нет чем да. Можно только иметь представление о jQuery. Вы же сайты рисовать будете так что Вам по большей степени вёрстку только хорошо знать нужно.

структура html

<div class="block-wrap">
			<div class="block-img"></div>
			<div class="block-text">
				<h2>Заголовок</h2>
				<p>Текст</p>
			</div>
		</div>

структура css

.block-wrap{
    position: relative;
    overflow: hidden;
}
    .block-img{
        position: relative;
        width: 100%;
        height: auto;
    }
    .block-text{
        position: absolute;
        top: 0;
        left: 0;
        background: rbga(0,0,0,.3);
        color: #fff;
        opacity: 0;
        visibility: hidden;
width: 100%;
height: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
padding: 5%;
                -webkit-transition: all 0.2s ease;
                -moz-transition: all 0.2s ease;
                -o-transition: all 0.2s ease;
                -ms-transition: all 0.2s ease;
                transition: all 0.2s ease;
    }
    .block-wrap:hover .block-text{
        opacity: 0;
        visibility: visible;
    }

Задаёшь каждому блоку определённую высоту в css (так чтобы текст был не виден) и пишешь overflow: hidden. потом через js при hover на элементе вызываешь анимацию и изменяешь высоту на auto

В ие должно вывести ошибку в консоли. Код ошибки смотрите msdn.microsoft.com/ru-ru/library/ie/hh180764(v=vs.85).aspx
А так то лучше всё же это делать через библиотеки, предпочтительнее JQ