lexxcode

Ну вот только он действовать будет для всех

А вы в dev tools или firebug заглядываете? там все подсвечивается при наведении и можно посмотреть какие параметры по-умолчанию у элемента. У списков по-умолчанию есть padding-left настройте его в 0 и отступа "лишнего" не будет Это уже другой вопрос, можно и на inline-block построить, только там придется бороться с другой проблемой - с пробелами. Можно и на table-cell построить, можно и на flexbox построить. Плавающие элементы, да автоматически становятся блочными

Читай об clearfix, очистке потока\float'ов

да сбрасывать вообще не надо, просто настраиваешь, как тебе нужно. Вот пример из твоей же работы: В reset.css у тебя есть запись: html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } Сейчас обратим внимание на заголовки h1-6, для них сброшен размер шрифта, отступы и т.д. А потом уже в основном файле стилей идет определение заголовков h1 { text-transform: uppercase; font: 28pt Val; color: #a1764b; float: left; width: 271px; margin-top: 32px; } h3 { font: 13pt Arial, sans-serif; color: #777777; margin: 8px 0; } Ну и тому подобное. Но ведь можно было это все сделать сразу и не заниматься ерундой Установленный font-size: 100%; для всего подряд тоже нелепое решение, во-первых это свойство наследуется, достаточно его прописать к селектору html и оно будет применено ко всем вложенным элементам, кроме тех у кого по-умолчанию есть свои значения, например у заголовков, но ведь их мы отдельно настроим, так как нам нужно А вот еще: Если добавить больше текста, или бОльшие картинки, или еще 100500 причин, получится бяка, т.к. блоки фиксированной высоты. В общем совсем не гибко. Это лучше было построить на какой-нибудь сетке, например, основанной на inline-block Блок справа "фолоу за свиттером" можно было сделать на css, а не картинкой, и тоже гибким

А зачем сначала поломать то что нам дали добрые дяди\тети разработчики браузеров, а потом все равно это восстанавливать? Настройте что вам нужно и как вам нужно. Зачем это бесполезное сбрасывание? Вот спрашивается зачем взяли и сломали списки? Ну вот что они вам плохого сделали? Печеньку украли? ol, ul { list-style: none; } Зачем поиздевались над таблицами? table { border-collapse: collapse; border-spacing: 0; } Это вообще несуразица какая-то O_o blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

немного размеры шрифтов, отступы и цвета не выдержаны, да и тот логотип стоило все-таки делать картинкой и сохранить градиент текста. Фон хоть и быстро грузится, но можно было его еще оптимизировать, вырезать паттерн, он будет меньше размером чем сейчас фон Комментирование кода конечно хорошо, но комменты типа "<!-- end heading -->", как по мне, весьма бесполезны Используете id не по назначению. Для оформительских целей стоит использовать class, это гораздо удобнее. id лучше для скриптов использовать. Сторонний шрифт можно было и прямо в css подключать. reset.css - плохая практика, очень плохая практика

svg же.... градиент можно делать на svg <?xml version="1.0" ?> <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1 1" preserveAspectRatio="none"> <linearGradient id="g" gradientUnits="userSpaceOnUse" x1="0%" y1="0%" x2="0%" y2="100%"> <stop offset="0%" stop-color="#848484" stop-opacity="1"/> <stop offset="100%" stop-color="#434343" stop-opacity="1"/> </linearGradient> <rect x="0" y="0" width="1" height="1" fill="url(#g)" /> </svg> подключить в качестве фона selector { background: url(gradient.svg) #848484; background: linear-gradient(#848484, #434343); } Это же просто. и большинство браузеров это поймет

??? тьфу... каюсь попутал... то box-sizing с префиксом в мозиле

border-radius давно поддерживается современными браузерами без префиксов, кроме Fx

Да тут как бы без вариантов Достаточно популярный подход, когда логотип выполнен в виде текста. Что касается логотипов, то целиком и полностью согласен с вашими рассуждениями. Но считаю, что логотип в виде текста имеет право на жизнь. p.s. да и не надо мне ВЫкать, я не настолько стар Должен определяться. Если по тексту ткнуть Type Tool'ом, как бы пытаться отредактировать текст, фотошоп предупредит, что шрифта нету, если согласиться то попадешь в режим редактирования и шрифт заменится на другой, который есть в системе, а вот если в момент предупреждения отказаться или нажать esc, то вверху, там где селект выбора шрифтов, будет название шрифта этого текста, только он будет в квадратных скобках. т.к. его нету в ОС, примерно так: [font_name]

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

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

у меня и в хроме все в норме

При том, что его можно было абсолютно безболезненно адаптировать и под 1024px

Ну, а так сложно что-то сказать... http://jsfiddle.net/alexriz/Cvnug/ ну вот, я проблемы не наблюдаю... больше инфы нету...

дайте ссылку на страницу, ванговать по фото весьма проблематично Исходя из css приведенного выше бросается в глаза странность применять display:table-cell; к li, а потом следом к ссылкам внутри них

без пациента мало что понятно. Давайте ссылку на страницу с проблемой

на нативном в смысле? document.querySelector('#dreamod').addEventListener('click', function(){ document.querySelector('#menu').classList.toggle('display'); }, false); нужно только не забывать, что classList работает с IE10+, для старших есть небольшие заплатки, гуглятся за 5 сек ios, мне кажется, сама по себе больше ресурсов отъедает, чем android

Ну всякое может быть и аппаратные проблемы от яблок тоже не исключены. Но вообще я больше пинаю в сторону проблем производительности jQuery как такового. Тяжелый этот фреймворк, тем более для такого несчастного камня в 1GHz как у ipad 2 и 512MB RAM

ну читайте вопрос хоть.... ТС же говорит что его аппарат тормозит, и хочет с этим бороться, а не устанавливать задержки... Dreamod, нужно постараться локализовать проблему. Попробуй для теста написать обработчик событий на нативном js и посмотреть как будет работать: $(function() { document.querySelector('#dreamod').addEventListener('click', function(){ document.querySelector('#menu').style.display = "block"; }, false); }); Если будет тоже тормозить, стоит поискать другой аппарат такой же, может конкретно с этим iPad'ом косяк какой-то

Тема плавно перетекает в другое, не менее интересное, русло. Стоит подытожить основной вопрос. Да поставить отдельно версии IE можно, но это весьма жесткое извращение, особенно на win7+ (не думаю, что очень много мазохистов которые сидят на winXP). Но в реальности за глаза хватает режимов совместимости в IE10. Выгоднее, для спорных ситуаций просто держать виртуалку с чистой win7 где есть IE8 "из коробки", ну и xp если уж так нужен IE7. А теперь, что касается именно целесообразности поддержки старья "Везде" бывают разные. Есть, например, такое наблюдение, весьма смахивающее на правду. Воот эта история иллюстрирует действительную ситуацию, которую дешевые заказчики пытаются завуалировать под нытьем, якобы, у них 50% посещений с IE7. Ложь и провокация! Вот, что я на это скажу Ни один здравомыслящий предприниматель не будет страдать фигней и заморачиваться со старыми браузерами, ибо поддерживать их дороже чем отказаться.

То есть ты хочешь сказать, что нужно поддерживать это старое барахло? Нет конечно, но ведь везде "кроссбраузерность ie7+". Это ты просто не туда смотришь. Кроссбраузерность максимум IE8+, а вообще IE9+ инфа 100%

То есть ты хочешь сказать, что нужно поддерживать это старое барахло?

Ну вот только в этом есть ряд организационных минусов: 1. В результате получаешь довольно бесполезные скриншоты, и чтобы получить всю страницу целиком нужно сделать несколько скринов. 2. Скрины, хоть и относительно быстро получаются, но все равно дольше чем обновить страницу в браузере 3. Мне необходимо сливать верстку на какой-то хостинг, либо расшаривать виртуальную машину в интернет. Лишние телодвижения, время и головняк. В целом получается весьма неудобное решение

ну ну... большинство из этих портабл версий не идут даже на win7 я уже молчу про win8. Тем более, что эти портаблы, ничем не лучше того же ieTester'а, такие же кривые и глюченные. Уже проще пару виртуалок поднять, чем кашмариться с этими недоподелками....