mrnobody

http://frontender.info/centering-css-complete-guide/

Отрицательные маржины можно применять, если размеры формы заданы. А так можно применить: form { position: absolute; top: 50%; bottom: 50%; transform: translate3D(-50%, -50%, 0);}

С помощью псевдоэлемента и задать ему background http://jsfiddle.net/mrnobody/ywugct53/1/ (дописал в конец стилей) Или еще можно с тем же всевдоэлементом, только адрес путь до картинки вставить в свойство content. Но недостаток в таком способе, если нужно вставлять картинку и для ретины, то не получится ее уменьшить. http://jsfiddle.net/mrnobody/d1os1tut/

http://codepen.io/corvus-007/pen/XmgyNV?editors=010

http://nicothin.ru/page/photoshop-dlja-html-verstalshhika

http://jsfiddle.net/mrnobody/3xrpax7n/1/

Есть плагин isotope, он дружит с masonry.

Есть метод holdReady. Посмотрите, может поможет: http://jquery.page2page.ru/index.php5/%D0%97%D0%B0%D0%B4%D0%B5%D1%80%D0%B6%D0%BA%D0%B0_%D1%81%D0%BE%D0%B1%D1%8B%D1%82%D0%B8%D1%8F_ready

http://codepen.io/corvus-007/pen/jbMJpj?editors=110

Может из-за полосы прокрутки, она как раз около 17px.

Можете в Dev панели нажать на иконку мобильника и там выбрать интересующие вас устройства https://leto41d.storage.yandex.net/rdisk/ea5e24c1857eb4875249d4297735f8a91e990d9aa9096912e1cd27c93313ce4e/inf/zRat6KazoOAlCSsqjxudxCLykRuKsg1dq_6IkUWnYHxnd6oDbiQWBwtoGEIQCXehwZau9cZ5Su9x9bg8OZf6Vg==?uid=0&filename=2015-09-20%2014-58-53%20JS%20vs%20CSS%20%D0%B0%D0%BD%D0%B8%D0%BC%D0%B0%D1%86%D0%B8%D0%B8%20-%20%D0%94%D0%BB%D1%8F%20%D0%BD%D0%B0%D1%87%D0%B8%D0%BD%D0%B0%D1%8E%D1%89%D0%B8%D1%85%20-%20htmlforum.ru%20-%20Google%20Chrome.png&disposition=inline&hash=&limit=0&content_type=image%2Fpng&tknv=v2&rtoken=7d641b0df05f320aac2924634b3424df&force_default=no&ycrid=na-386c7fda0beff99f4e6dd9869a4b0a2f-downloader5g

На http://htmlbook.ru/css3/first-line сказано, что:

А у меня нету медальки

Попробуйте так: $(window).load(function() { $('#home-grid').masonry({ // options itemSelector: '.grid-item', singleMode: true });});

Вам нужно отменить действие по умолчанию при клике на кнопку: $('#submitbutton').click(function(event) { event.preventDefault(); var formData = new FormData($('#formmail')[0]); $.ajax({ … });});Но лучше вешать событие не на нажатие кнопки, а на отправку формы (можно форме id добавить): $('form').submit(function(event) { event.preventDefault(); var formData = new FormData($('#formmail')[0]); $.ajax({ … });});

Может нужно добавить меню z-index ?

Можно добавить псевдоэлементу pointer-events: none; http://jsfiddle.net/mrnobody/22699nuh/4/ Только поддержка в IE хромает: http://caniuse.com/#feat=pointer-events Или можно еще сделать верхнюю и нижнюю рамку html:before, html:after {…}, а левую и правую с помощью body:before, body:after {…} http://jsfiddle.net/mrnobody/22699nuh/5/

Может добавить: box-sizing: border-box;Вы бы выложили код в песочницу, а то так сложно понять, что не так. Вы так имели ввиду — http://jsbin.com/hulizaxiqo/edit?html,css,output ?

Дайвер ) https://jsfiddle.net/mrnobody/97bhryg7/2/embedded/result/ Зомби https://jsfiddle.net/mrnobody/4vvwt9mt/1/embedded/result/

Влад, у вас в CSS коде шаблона, потерялся знак "@" перед безпрефиксным keyframes.

Полифилл есть https://github.com/BetleyWhitehorne/CSS3MultiColumn

Сейчас Гугл подключает шрифты только с расширением .woff2. Так что скорее всего его не поддерживает устройство. http://caniuse.com/#feat=woff2 Вам наверное шрифт взять отсюда http://webfont.ru/font/open-sans-condensed

http://jsbin.com/nujupo/1/edit

http://jsbin.com/qafelu/1/edit?css,output Не понятно на счет картинки, может через медиазапросы регулировать background-size?

Таже статья, но на русском — http://frontender.info/using-svg/