Leaderboard

Придирки? Ну, записывай. Как по мне, верстальщика срочно нужно кастрировать, отнять комп и лишить права заниматься версткой на 1-2 года (пока не исправится). Заказчик жалуется на 1 - валидатор, 2 - пара заголовков H1, и 3 - ИЕ8. Ок, отрываем валидатор и смотрим что этому мудаку не нравится: 1) Line 59, Column 47: An img element must have an alt attribute, except under certain conditions. For details, consult guidance on providing text alternatives for images. <img src="images/shopping-cart.png" /> Вот лошара, альт не дописал к картинке, в итоге имеем 5 ошибок одного типа. Срок исправления 1.5-2 минуты. Вполне себе замечание, но не смертельно. Line 216, Column 17: Duplicate ID logo. <div id="logo"> пару раз ID-шку использовал - понять и простить. Замешкался, торопился, бывает. 2) Оба H1 находятся в разных section. Объяснить 2-мя предложениями, что это допустимо в HTML5. Если мудак не понимает, дать ему ссылку на спеку, пусть читает 3) В IE8 не работает меню (смотрел через эмулятор на - IE11 ) - этого с головой достаточно, чтобы дальше не смотреть на скачущие блоки и пропавшие цифры внизу. Если был уговор на IE8, то звание мудака и криворукера переходит к исполнителю. В ie11, эмуляция 8-ой версии происходит криво. При эмуляции ie8 через ie10, меню работает, но блоки внизу страницы все же скачут и отступы кое-где не те, что надо. Далее, что сам заметил: 1) Даже не открывая код в папке images лицезреем картинки, из которых особенно порадовали "menu-bg.jpg" на 60х95 230КБ (после сжатия стало 2.3КБ!) и "featured-bg.jpg" 37х37 на 225КБ (стало 1.7КБ!). И в довесок пара картинок по 800-900КБ. Все картинки ужимаются 3-мя кликами мыши в минимум 3 раза. Блин, я ели сдерживаюсь сейчас от матюков. На моих 50Мбитах/сек, когда эта верстка первый раз открывается, я даже вижу как грузится слоями картинка фона! Исполнителя срочно стерилизовать, срочно! 1-ая строка - изначальная верстка 2-ая - ужал 2 фоновые картинки в 3 раза и уже имеем минус секунду 3-я - ужал еще 4 картинки (без потери качества). Итого: почти 2 секунды экономии времени и 1.5 метра трафика, буквально парой кликов мыши. Это я еще даже не говорю о том, что на 8 картинок можно было легко сделать 2 спрайта и в итоге еще более увеличить скорость загрузки. Далее вот, что я вижу в FF на Win7 - И вот, что можно углядеть в разнице с IE - HTML - Смотрел бегло, т.к. хватило и картинок , но можно было заметить, что аФтар верстки не любит псевдоэлементы, а потому имеем кучку пустых блоков. Хотя возможно он просто надеялся таким образом зацепится и за ИЕ7, дабы там хоть что-то разглядеть можно было. Можно похоливарить и на тему целесообразности использования section, которое никак не добавляет семантичности, но это думаю лишнее (ИМХО). Также есть закомментированый не удаленный блок на 7 строк. Заказчику видать не понравился такой мусор, вполне оправдано. CSS - гуру css-а и ненавистники сбросов его бы отимели во все дыры, попадись этот исполнитель им где-нибудь в темном переулке. Файл base.css прилеплен к проекту без какого-либо редактирования, со всякими iframe и q:before, которые нигде не юзаются. Ок. Допустим мы не гуру CSS-a и не дрочим на тему глобального сброса на каждом форуме, но объединить в 1 файл два CSS-а можно ведь было. Видать религия не позволяет сокращать количество запросов к серверу. В самом CSS гипер каскады - .header-right-box .phone-header .phone-header-number { ... }. Здравствуй какой-нибудь LESS или SASS. Не думаю, что он это руками лепил. Итого: если это не месть исполнителя и ему заплатили не менее 2к рублей (хотя, может меня кто поправит насчет расценок), то иного выхода кроме кастрации я не вижу. ИМХО. Кому интересно http://webdevelop.zz.mu/new1/ - верстка без ужатия картинок, и с ужатием http://webdevelop.zz.mu/new/.Особенно зацените как грузится фон в первом и втором случае.

C первыми пунктами согласна. С картинками - непонятно, как человек обладает такими хорошими навыками, чтобы сделать такую динамичную страницу и при этом совершенно не оптимизирует графику. С твоим сжатием я не согласна, извини, но ужать в Jpg задний фон меню - это дилетантство - выглядит расплывчато и смазано. Нужен png - цветов очень мало, сам файлик в итоге весит 2 кб, при этом абсолютно не теряется качество. Про файрфокс - косяк знатный, да только за это такую верстку конечно надо было послать. В 8м осле у меня работает меню. Объединять base и style - считаю плохим тоном. Сайт не требует оптимизации изначально - это не огромный портал с большой посещаемостью, чтобы следовало заботиться о нагрузке на сервер. зато каша в коде с примешанным base.css не ведет к прозрачности, организованности и читабельности кода. Объединение и оптимизация кода должны иметь под собой обоснованную подоплеку. Вообще меня удивляет, с виду страница выглядит достаточно круто, думаю я так не смогу сделать, но при этом есть косяки, от которых только "эмм" сказать и хочется.

Я бы сказала, что основной принцип функционирования js - это то, что скрипты интерпретируются, а не комплириуются. Интерпретируются на лету на стороне клиента. При этом все вычисления выполняются последовательно (без паралельных вычислений) в одном потоке и только пока открыта страница, при переключении на другую страницу, события выстраиваются в очередь - и разом выполняются один за другим при обратном переключении на эту страницу (от этого часто бывают глюки анимации, посаженные на timeout и interval функции, когда они начинают выполняться уже без интервала один за другим).

Вот вообще никогда не было проблем ни на одном компе. На убунте с версии 8.40 — всё всегда нормально, если не ставить только что вышедшие версии, а обновляться после пары месяцев с выхода новой версии. Убунтой пользоваться очень удобно. Что касается «как можно пользоваться», то я, например, не понимаю как можно пользоваться виндой, если разрабатываешь для веба (не берём в расчёт дотнетчиков, для меня это что-то загадочное навроде НЛО или йети). Убунта (как и прочие нормальные дистрибы линуксов) или макось — нормалдык. А вот с виндой не понимаю как работать — хоть тресни. Так что всё, как говорится, на вкус и цвет...

Потому что при отключенных картинках меню станет нечитабельным. А адаптированная картинка в ие8 не сможет машстабироваться, Градиент тоже не будет виден, зато будет ровно смотреться с учетом изящной деградации - будет коричневый прямоугольник. Почти идеально. Все же интересен свг... http://jsfiddle.net/Zverushka/neB6b/3/