AlexZaw

Например для того что бы сделать якорный переход по ссылке без использования js

В теге ul должны быть только li, перенесите ссылки внутрь пунктов списка

медиа запросы

Честно сперто с htmlbook.ru https://jsfiddle.net/AlexZaw/x4xo30zb/

Попробуйте поиграться с -webkit-font-smoothing У этого свойства три значения: none — сглаживания нет; subpixel-antialiased — сильное сглаживание; antialiased — среднее сглаживание. Чтобы это свойство себя проявило, необходимо в настройках выбрать сглаживание отличное от «Стандарт Windows» (Настройки > Внешний вид > Сглаживание шрифта)

Это же webformyself , они, как и Русаков продают то что можно освоить самостоятельно.

Про градиент то на заднем фоне забыли. Как один из вариантов решения: <div class="wrap"> <fieldset class="rotate"> <legend> <div class="button rotate">button</div> </legend> <div class="box rotate"> Lorem ipsum dolor sit amet consectetur, adipisicing elit. Magni nihil magnam eum aspernatur at aperiam officiis nam aliquid inventore ab repudiandae laboriosam odio ad possimus cupiditate ut, voluptas numquam deserunt. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Unde earum voluptates magni quisquam natus neque ipsam ad similique autem illum facere architecto ut explicabo, numquam minus provident exercitationem. Numquam, in. </div> </fieldset> </div> body{ background: linear-gradient(to right top, #f00 0%, #0f0 25%, #00f 50%, #ff0 75%, #f0f 100%) no-repeat; } .wrap{ width: 500px; margin: 0 auto; } .rotate{ transform: rotate(180deg); } .button{ background: #ff0; width: 75%; margin: 0 auto; border-radius: 10px; } fieldset{ border-radius: 20px; border: 5px solid #fff } legend{ text-align: center; width: 150px; border: 1px solid transparent; box-sizing: border-box; }

Это? window.open("http://google.com", "Sample", "width=200,height=200");

http://bayguzin.ru/main/skriptyi/karuseli/jquery-carousel.html Только адаптивность самому делать придется

Ну например перенести этот блок в параграф к картинке, убрать у него позиционирование, задать display:inline-block; и vertical-align:middle; Более точно уже сами подравняете. А вообще способов много есть, вопрос в том что вы хотите получить в итоге

Ну да, оттуда и копировал, а что непонятно то?? У вас блоку .telefon задано абсолютное позиционирование, расположен этот блок в body, body это вся страница, вот относительно нее и располагается .telefon, и если вы задали координаты элементу top:100px, то, как вы не изменяйте размер окна браузера, он будет отодвинут от верхнего края страницы на 100px а, все другие элементы ведут себя так, как-будто этого элемента вообще нет. Что у вас и происходит, когда вы заходите с телефона - все элементы выстраиваются так как вы им указали, а .telefon просто располагается поверх них.

absolute Указывает, что элемент абсолютно позиционирован, при этом другие элементы отображаются на веб-странице словно абсолютно позиционированного элемента и нет. Положение элемента задается свойствами left, top, right и bottom, также на положение влияет значение свойства position родительского элемента. Так, если у родителя значение position установлено как static или родителя нет, то отсчет координат ведется от края окна браузера. Если у родителя значение position задано как fixed, relative или absolute, то отсчет координат ведется от края родительского элемента.

у меня сработал костыль setTimeout(window_resize,100); почему у вас не срабатывает непонятно

Извиняюсь, не вникал в код. Предложенное вам решение конечно хорошо, вот только оно будет просто растягивать видео на весь экран, а, как я понял, вы хотите пропорции сохранить

Все правильно вы вызываете функцию только при ресайзе окна, вызовите window_resize при загрузке страницы window.onload =window_resize()

Посмотрите на готовые решения как сделано там, потом попробуйте реализовать подобное сами

По моему то что вам нужно https://codepen.io/zohf/pen/doNrjr Внизу в коде js в counter указываем дату, остается только дописать проверку на окончание отсчета. Либо воспользуйтесь генератором счетчиков, например http://megatimer.ru

Ох блин ну и ладно, все равно ведь можно

А серую обводку можно сделать с помощью outline-offset:1px; outline:1px solid lightgrey;

Интересно они в спортзал ходят крылья качать или сами занимаются? И можно ли у них взять несколько уроков?

Если не лень заморачиваться с ручной расстановкой каждого блока то можно либо как в примере выше, либо с помощью гридов. Но вариант выше это всего лишь имитация, плюс требует ограничение по высоте, если же использовать гриды то у них поддержка еще хромает, но можно расставить элементы как нужно. Выбор за вами

Скрипт у вас только показывает/скрывает блок с картинкой и меняет его координаты, на z-index он не влияет конечно, но попробуйте уменьшить его для картинки или наоборот увеличить для остальных элементов, чем черт не шутит

Попробуйте masonry

Это вам гусеница сказала?

Лично я чуть больше года, а вебматрикс увидел свет в 2003 году, затем в 2011 и 2012 году вышли webmatrix 2 beta и webmatrix 2 rc, затем, 1 мая 2013 состоялся релиз webmatrix 3, а в 2016 мелкомягкие объявили о прекращении поддержки матрикса в пользу viusal studio code (что по личным наблюдениям неплохой редактор) и полностью прекратили поддержку 1 ноября 2017 года, даже странно что столько тянули. Так что понятно почему я его не знаю, я его просто не застал, но мне по прежнему неясно где вы то нашли это ископаемое?