ryter

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

Это не вопрос религии, а вопрос здравого смысла. Я уже 100500 раз говорил, скажу ещее раз. Ресет это бесполезный кусок стилей. Объяснял это я тоже 100500 раз. Normalize, по сути тоже весьма бесполезен, но в нем хотя бы смысла заведомо больше заложено. Если именно сам Normalize адаптировать под конкретный проект, а не просто кидать как есть и потом все переопределять, то еще куда ни шло. лично я так и делаю беру normalize и подгоняю под проект и в итоге получаю полезный кусок css

дизайнер все не предусмотрит. Идеального мира не существует. Но с стороны верстальщика нужно по максимум все предусмотреть и продумать. Насчет визивиг это зло да но он популярен и более менее удобный)

теги выглядят по разному. И каково удивление людей вбивающих контент через визивиг или подобные редакторы когда все теги выглядят одинаково. и сколько приходится писать css чтоб вернуть тегам первоначальный вид например чтоб ul выглядел не нумерованным списком или ol нумерованным . А всего то надо не юзать reset не сбрасывать все стандартные стили тегов а просто сделать их вид одинаковый во всех браузерах собственно что и делает normalize. Верстальщики не понимают этого пока не сталкиваются с более менее большими проектами (30 и более страниц). Я сам пользовался рессетом пока не столкнулся с этой проблемой обнуления стилей на проекте который я делал более 1000 часов. Собственно после этого я и перестал юзать reset.

https://medium.com/what-i-learned-building/b4daab987fb0 тут все написано

а поставь сначала 3.3 версию http://rubygems.org/gems/sass/versions/3.3.0.alpha.2

а версия sass какая стоит ?

можно градиентом сделать такую тень, логотип лучше картинкой

вы про source map ? https://developers.google.com/chrome-developer-tools/docs/css-preprocessors

min-width поможет

можно эмулятор ифона поставить на виртуалку мак а на мак sdk там есть эмулятор можно еще так http://imm.io/1lLR5

я предполагаю что автор имеет ввиду <meta content="width=device-width,minimum-scale=1.0,maximum-scale=1.0> эту мету ?

http://jquerytools.org/demos/rangeinput/index.html http://fryn.github.io/html5slider/

тогда следите чтоб размеры все были четные

лично я использую scss + compass так что префиксы генерятся автоматом а если какие-то не нужны то это настраивается одной строчкой

у стрелки бордер dotted еще и с тенью думаю картинкой в самый раз соответственно картинку в спрайт и :after на элемент

скролл оставлять не стоит. юзай em или rem удобнее потом масштабировать под все устройства через media queries

насчет префиксов есть еще для кого писать

http://jsfiddle.net/TTLJQ/2/

http://learn.javascript.ru/ . А насчет input:number https://github.com/jonstipe/number-polyfill вот например. Но это одно из решений

Не нужно этого делать. Пользователь должен видеть, какое поле активно! Для поля с телефоном есть <input type="tel"> Курсор пользователю в помощь. В чем проблема? если уберать outline то к любом случае нужно как-то выделять поле в фокусе бордером для всех браузеров box-shadow для нормальных, получается при навигации например tab-ом не совсем понятно где ты находишься. Все-таки юзабилити не стоит нарушать

только вот основная проблема http://caniuse.com/#feat=input-number, так что лучше все-таки js юзать

есть такой раздел спецификации shadow dom. Дак вот если что можно застилить input:number как в дизайне

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

box-shadow вам поможет просто можно с прозрачностью использовать (rgba())