Димитрий

1. Ну я так понял, что все делить на 2 (макет). 2. А дизайнер нарисовал для ретины - чтобы картинка была для ретина дисплеев ? 3. И еще для ретины, это только изображение увеличивать х2, или еще что то нужно увеличивать ?

На сколько я знаю, normalize еще и исправляет какие то баги с браузерами (почитайте в самом файле), reset только сбрасывает (думаю с ним многие значения придется переустанавливать).

Спасибо!

- Я про шрифты, для мобилы если брать 320px (ширину) то 80px шрифт явно будет много для мобильно версии, и как мне правильно уменьшать шрифт для мобил с 320px шириной экрана и скажем для 480px ? в макете только для 750px. Картинками тоже практический такая ситуация, если оставить ширину картинок таким же как в макете то в 665px(высота) будет очень большим в 320px экранах. То есть 2880px - это будет максимальная ширина сайта ? Другой макет - найду а вот с этим я считаю все равно разобраться нужно. Тупо все делить на 2, а как макеты для кретин верстают ?

Кто подскажет как верстать такой макет ? Шрифты слишком большие, размеры отступов и самой картины тоже. Как мне быть, сверстать так как есть или поменять все отступы и размеры шрифта на более менее подходящую ? psd макет скачать

Думаю, разберешься... https://webref.ru/course/css-basics/css-reset https://habrahabr.ru/post/45296/ https://htmlacademy.ru/blog/64-about-normalize-css

Спасибо!!! А то я уж думал что я такой туп***, что не могу разобраться в этой спецификации....

Мне понадобилось 8-9 месяцев чтобы понимать хоть что-то в этой спецификации, даже сейчас я местами чего-либо не понимаю. Так что это нормально. Пиши в лс, если в телеграмме сидишь, а лучше в скайп го ? Там я тебе могу про спецификацию рассказать столько сколько я знаю.

На практике и я туплю. Статью может кто и написал, лично я не видел. Советую чего не знаешь искать в спецификациях, не зря же они существуют (там кроется ответы на многие вопросы, хотя новичку разбираться там будет очень тяжело, тем не менее знать спецификацию, - я считаю нужно).

Зачем тебе именно этот макет, что макетов больше нет ? Бери отсюда https://htmlforum.io/forum/31-макеты-для-вёрстки/, и сверстай, или другой какой нить найди бесплатных полно же в инете. ps: могу скинуть один psd лендос + шрифты к нему, сам верстаю этот сайт, все не как времени нет до верстать.

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

Спецификации так и написано...

А где кроме can i use можно посмотреть, почитать про все браузеры, мобильные/и десктопные которые сейчас актуальны и их нужно поддерживать ? ps: вроде как не нужно сами браузеры поддерживать, нужно вроде как движки поддерживать.

То есть это только для того чтобы поддерживать ie 4 и выше ? Я сейчас видел на новых сайтах/проектах есть только woff,woff2, и ttf. А почему svg нету, на сколько я знаю в старых продуктах Apple использовались как раз таки svg? или я что то не то читал ? Нет, шрифт тот же самый, просто формат шрифта другой... Вот мне и интересно почему в названии указывается, а не с помощью font-weight ?

@font-face { font-family:'SF Pro Display'; font-style:normal; font-weight:500; src: local('☺︎'), url("/wss/fonts/SF-Pro-Display/v1/sf-pro-display_medium.woff2") format("woff2"), url("/wss/fonts/SF-Pro-Display/v1/sf-pro-display_medium.woff") format("woff"), url("/wss/fonts/SF-Pro-Display/v1/sf-pro-display_medium.ttf") format("truetype"); /* (C) 2015 Apple Inc. All rights reserved.*/ } @font-face { font-family:'SF Pro Display 500'; src: url("/wss/fonts/SF-Pro-Display/v1/sf-pro-display_medium.eot"); /* (C) 2015 Apple Inc. All rights reserved.*/ } 1. Почему при подключении шрифта apple указывает имя шрифту такое font-family: 'SF Pro Display 500'; а где то без 500 font-family:'SF Pro Display'; ? 2. И почему при подключении eot не указывается font-style, и font-weight в то время как сверху указывается ?