Zverushka

Ну ведь в других браузерах тормозов нет, так? Значит дело не в памяти или чтении с винта? Просто проц/видеокарта могут некоторые более быстрые инструкции не поддерживать и тормозить. Но вижу и интельщиков лагает, даже не знаю, какие-то рандомные лаги...

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

Еще такой вопрос - в статье написано, что, для, допустим, юникс систем надо прописывать другие шрифты. но разве Arial, sans-serif прописать недостаточно? Чтобы система сама выбрала шрифт похожего начертания? Вот этот момент задевает очень сильно. Что же плохого в такой верстке? Возвращаешь элемент в поток и все. Может кто подробно объяснить, что же здесь ужасного в такой верстке? На практике что плохого может произойти от нее? И чем заменить такие элементы? Это как?... Каким образом, если они в одной строке еще и без отекания и как их размещать?

http://csslint.net дает рекомендации коду. например, Disallow duplicate background images Насколько нормальны и качественные его рекомендации, так как приведенной выше я не понимаю? Too many floats (13), you're probably using them for layout. Consider using a grid system instead. Слишком много плавающих элементов - ну и что? Мне предлагают ставить некую сетку - это хорошо? Headings should only be defined once You have 4 h2s defined in this stylesheet. 4 H2 заголовка в лендинге - плохо? Disallow too many font sizes Too many font-size declarations (39), abstraction needed. Много размеров шрифтов - да много, лендинг все-таки, почти каждый элемент уникальный. Далее немного не по теме топика, читаю вот эту статью http://habrahabr.ru/post/114256/ Микроформаты не только полезны для SEO, но и здорово упорядочивают код. Не нужно полчаса думать как назвать новый блок. Выбирай из существующих стандартных имён! Бери entry-content, не ошибёшся В настоящее время (2012 год) микроформаты постепенно вытесняются microdata, стоит использовать и то и другое.Я как-то пыталась читать про микроформаты (микродата) - какая-то очень специфичная тема, плюс - она разве не выдает тысячу ошибок при валидации кода? Его ведь тяжело будет отладить валидатором. Кто-нибудь использует микроформаты как стандарт своей верстки? И где о них прочитать попроще? Разве микроформаты не разные для каждого поисковика, например? Ведь именно для них они и нужны или как? Плохо разбираюсь в этой теме.

@Radiocity, скажите а по графику видно, что именно нагружает систему? Просто я этого не вижу. И не подскажете - как вы включили таймлайн - это ведь в хроме? У меня просто там ничего не отображается - как будто не включено. Тени да - я вроде еще 2 дня назад нашла причину - это 12 теней - вот нелагучая версия сайта, если интересно http://zverushka.bl.ee

$(window).resize(function(){ var maxWidth = $(".wrap-outer").width(); var minWidth = 1024; var width = $(window).width(); if (width > 1024 && width <= maxWidth) { var scale = width/maxWidth; console.log(scale); //$(window).css("transform" , "scale("+scale+"," + scale+")"); if (navigator.userAgent.indexOf('Firefox') != -1 && parseFloat(navigator.userAgent.substring(navigator.userAgent.indexOf('Firefox') + 8)) >= 3.6){//Firefox //$('body').css('MozTransform','scale(' + scale + ')'); } else { document.body.style.zoom = scale; } } else if (width > maxWidth) { if (navigator.userAgent.indexOf('Firefox') != -1 && parseFloat(navigator.userAgent.substring(navigator.userAgent.indexOf('Firefox') + 8)) >= 3.6){//Firefox { //$('body').css('MozTransform','scale(' + 1 + ')'); } else { document.body.style.zoom = 1; } } });Пока мне удалось идеально сделать в хроме. В моизилле эффект как при css3 трансформе - скролл остается. ИЕ же не может промасштабировать фиксед элементы - такая печаль. прямо хочется выть)...

Ну все-таки не зря лагодром убирала, хоть это радует...

@alexriz, это тоже самое, только там я 12 теней (6 блоков у каждого внутренняя и внешняя тень) заменила на картинки, вот и не лагает. При этом в других браузерах эти всего лишь 12 теней не создают лагов. Я пытаюсь объяснить заказчику, почему я потратила лишние несколько часов в целях оптимизации сайта, а выясняется, что у него на офисной машине первая лагучая версия и не лагает. Я в шоке в общем. Тут видимо какая-то несовместимость с конкретным железом. Пока подозрения на амд процессоры.

Да никак думаю).... Кстати что там бордер понимать умеет, писели, ем и ех и все?

Ну да - я делала под фиксированную верстку, так то просто надо надо 3 картинки отдельных разделять и будет тянуться(... Объединила в спрайт, чтобы меньше запрос было на сервер. Комменты сейчас почитаю - может есть какой-то конкретный хороший коммента? А то ведь там куча левых...

Оу! Спасибо большое за видео! Кстати интересует именно плавность прокрутки меню - то есть надо кликнуть например на калькулятор. когда страница в самом верху. Но может мне кажется или на видео действительно все рывками? Или просто в видео мало кадров, ощущение будто pagedown листается?

Суть такова, можно ли сэмитировать увеличение уменьшение страницы в браузере и как будет называться это свойство в скрипте? При этом важно. чтобы, если прокрутка на 1500 должна появляться, то со скриптом страница уменьшится, а прокрутки не появится. Как высчитывать проценты увеличения и уменьшения на событии resize понятно, но какое свойство использовать при этом? Обычный css3 трансформ оставляет прокрутку, кажется (может неудачно попробовала). document.body.style.zoom = scale; вот это свойство кажется оставило артефакты в состыкованных спрайтах ...

Пожалуйста, у кого не лагает - напишите хотя бы марку проца и видеокарты!

Прошу зайти и понажимать по навигации меню на этом сайте в браузере гугл хрома . http://zverushka.bl.ee/monitors3/ И отписаться тормозит или нет прокрутка (то есть плавная она или дергается), а у кого тормозит - назвать процессор и видеокарту. Так как у меня на мощном компе тормозит, а у заказчика не тормозит на офисном компьюютере - я хочу разобраться почему так. У меня АМД и АТИ.

http://zverushka.bl.ee/#calc вот этот сайт? Только в хроме лагает (.... Может я зря переделывала? У заказчика кстати не лагает. а я аж смотреть на это не могу.

@klierik, у тебя при навигации по меню плавно крутится? Хотя вопрос уже устарел - я все 3 раза уже переделала...

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

Dashed вроде не кроссбраузерный... мало ли что нарисует в другом браузере..

http://zverushka.bl.ee/monitors10/ Я короче в полном расстройстве.... как такое может быть и почему... Это произошло даже при локальном запуске вчера, когда грузится все моментально...

Сказать сложно - ведь от скорости загрузки я как поняла зависит, а если все убрать - то загрузка будет моментальной. Но это уже 3й сайт с багом.

Да вроде договорились о фиксированной верстке, но как выяснилось, что заказчик сегодня посмотрел на ноутбуке и понял, что прокрутка это не то, что ему хотелось бы видеть и они ошибся, когда говорил о фиксированной верстке (ну или по меньшей мере надо было переделывать сайт под другое разрешение). Ну допустим, тут или уменьшать все картинки через фотошоп или применять background-size нужно, а значит про 8й ие уже забываем. И макет достаточно сложный и кривой...

http://zverushka.bl.ee/monitors10/ Cколько будет стоить переделать такую фикс верстку под резину или нормальное 1024 пикселя разрешение? Есть ли моя вина в том. что я увидев макет не подсказала, что при такой рисовке на 1600 пикселей - будет горизонтальная прокрутка? Принято ли у дизайнеров для резиновой верстки создавать макет под минимальное 1024 пикселей разрешение или нарисовать вот такой большое - это нормально?

Сегодня локально запустила сайт - слиплось text-align justify c родительским шрифтом verdana (без всяких леттер-спейсингов). По ходу это какой-то ярый баг....

У меня тоже можно, но говорят, что очень классная вещь - видимо оно как-то лучше генерирует css, чем встроенный генератор?

Вот