advokatua

1) <div class="header__logo"><img src="/images/header/logo.png" alt=""></div> 2) class="moreInformationAboutProduct" 3) Так вообще нормально делать? (Для себя спрашиваю) <header class="header>...

Лого не ссылкой

Есть люди которым интересно самим что-то сделать. Ну как же отсутствует, а менюшка слева? ) Ее надо чуть поправить, дабы глаза не резала и все станет ок.

По логике вещей, первое что приходит в голову: Всегда центрировать логотип и для пунктов меню поставить ограничение на длину символов, при превышении разбивать на строки (как в главном меню) Учитывая, что нижнее меню повторяет верхнее, то больше 8 пунктов там быть не должно (по идее). Впринципе, если меню (нижнее) могло бы быть на две строки, то это должен был нарисовать дизайнер. Если он не нарисовал, то мы не экстрасенсы дабы гадать, как оно там будет выглядеть при расширении. Оверфлоу можно поставить, чтобы не рушилось, и нормик Ну и остального кода добавить.

decode, Подобные сайты делают люди которым нужно сделать максимум один сайт для себя, так что критиковать тут особо нечего. Можно только посоветовать как улучшить юзабилити. Первым делом сделайте отступ у пунктов меню, поменяйте цвет ссылки, и уберит подчеркивание. В CSS файл добавить что-то вроде такого: .nav a { padding-left: 7px; text-decoration: none; color: #d9fc84; font: 14px Arial, sans-serif; }

На первый взгляд и придраться не к чему (учитывая, что макета мы не видели). На второй взгляд - бекграунд картинка почти на метр!!! Можно запросто сделать меньше. Заказчику пробовали объяснить, что ИЕ7 это ископаемое? График за 2013 Вот бы увидеть его лицо когда он узнает процент конверсии этих 1.8%. Причем это данные по всему миру, не только для России 1) <h2>INTERTOPS ЗАПУСКАЕТ НОВОЕ ОНЛАЙН-КАЗИНО</h2> - кепс делается через CSS 2) Пустой элемент. <div class="prev-page"> <a href="#"><span></span> Предыдущая</a> </div> И тут пачка: <div class="banners"> <div class="banner-outside fst"></div> <div class="banner-outside scd"></div> <div class="banner-outside thrd"></div> <div class="banner-outside fth"></div> Понятно, что из-за ИЕ7 3) При добавлении пункта в меню, все падает. Так надо или заказчик сам знает, что там ограничение на 4 пункта? Причем если убрать пункт, то опять же все едет PS Тирасполь привет. Лет 6 там не был.

Пожать CSS, не плодить непрозрачные картинки в PNG и результат: 1 строчка кода и еще капельку быстрее Не мог понять почему в ИЕ8 все выглядит как груда мусора, оказалось что разметка хтмл5 там не респектуется. Заменил section article и т.д. на обычные дивы, все отлично заработало. Выходит, чем быстрее все переейдут на хтмл5 разметку тем быстрее мы забудем об ИЕ8 и ниже.

Хм, интересный сайт, твой сайт 74/100 мой 69/100 Меньше значит хуже или наоборот? )) Что тогда означает 100? Ну и разница никакая т.к. я для оптимизации только пару картинок в спрайты нарезал и все. К тому же в папке с картинками у меня есть допольнительно +1 большая, +2 картинки актеров, и +3 (вместо 5) картинок в слайдере. Т.е. очевидно запросов всяко больше твоих. Сейчас поем и буквально за пол часа могу наставить фишечек и думаю легко обгоню. )

Дизайнеры еще те халявщики бывают. Они думают верстальщики как экстрасенсы, сами догадаются как должен выглядеть макет на мобильнике и на экране монитора

Про важность скорости загрузки сайта. (Кто-то упрекал меня, что при нынешнем инете лишние килобайты это ерунда) Читаю книжку по CSS. Там абзац:

Так в этом и вся загвоздка, влепить пнг прозрачный на 1МБ любой сможет ) Как вариант, еще можно так сделать http://webdevelop.zz...etka/index.html В хроме открой, или ИЕ, он там есть. Вот что точно, так я один сделал блоки через внутреннюю тень, включая ухи слайдера. Если не прав, удивите кто-нибудь? Еще, не заметил чтобы кто-то сделал всплывающие фотки для имен актеров. Для фаерфокса надо со скриптами совокупляться, чего я не захотел делать.

Да, видел, на момент когда делал не мог понять как исправить (быстро). Поковырялся, вроде теперь все ок. Первый макет тоже был с данным косяком.

открывешь файл style.css, ищещь строки: td.advantagetd { background-color: ; background: url(images/backgroundlow.png) repeat; position: relative; width: 100%; height: 245px; line-height: 15px; /* и тут ставишь отступ какой нравится*/ }

Теперь конечно гуд, но что если добавить перца - http://jsbin.com/ixuxiv/13/ Короткого решения даже для непрозрачного фона пока не придумал. (если таковое вообще существует) Решения на основе огорода after/before и доп. элементов само собой задачу выполнят. Только вот время траха не будет стоить потраченных усилий, по идее. upd. испортил исходник #выше Итог http://jsbin.com/ixuxiv/19/ Но тут, опять же, не интересно т.к. при задании радиуса размытия у внутренней тени все опять начинает выглядеть не так.

SelenIt, Один табик добавить ок, а вот ушко, как на картинке выше? И стоит ли игра свечь, по-твоему? У меня таб вообще без пустых элементов прошел. <div class="head-gallery"> /*Наш таб*/ <h2>Кадры из фильма</h2> </div> <div class="gallery"> <div class="hears"> </div> /*Доп. блок для ушей галереи*/ <div class="slide-wrap"> Ухи тоже пытался без блока сделать, но в итоге голова распухла и я забил на этот опыт. Zverushka, я заметил ) Всмысле обрезается? У меня при уменьшении масштаба по бокам ели заметные границы по бокам сайта появляются и все это выглядит вполне прилично. Сейчас прочитал пару статей, про то как должна строиться работа между верстальщиком и дизайнером и дико удивился тому, как мысли у профи, которые набивали шишки годами опыта совпали с мыслями недельного новичка как я )) Буквально больше половины пунктов за свои 60 постов уже успел тут упомянуть. http://ilovepsd.ru/# - маст рид каждым дизайнером рисующим макеты для веба. Они должны ее перед каждым сном как молитву наизусть читать! http://habrahabr.ru/post/173271/ http://habrahabr.ru/post/197588/ Особенно понравились пункты про: сетку, дробные числа ака 19.653px, кнопки и ссылки у которых не указан ховер или эффект при нажатии. Это же как надо не любить свою работу...

Почему невозможно? Наверное поэтому http://jsbin.com/ixuxiv/5/ А если еще ухи слайдера добавить, то вообще "красота" будет ) Внутреннюю тень. Максимально увеличь мой сайт и приглядись к ухам, табу и форме. И заодно загляни в свойства форм в фотошопе. В увеличенном виде

Разве это задание? Найди и сделай копи-паст, делов то )

точно, спс.

Win7 x64 ultimate Ты это скажи тем кто с айпеда по ВиФи сайты смотрит сидя в кафе, где скорость 1Мбит на 20чел. ) Да и хватает на планете Земля мест где инет до сих пор оооочень хреновый, например Тай, и там очень много русских. Теперь и в фаере поехало, зато границы нормальные. Изначальная причина почему я решил потрахаться с этим макетом это были эти ухи у галереи, табы, и куча перекрытий. Но, потом, я увидел эту внутреннюю тень в формах и понял, что это что-то совсем из разряда оргий. Вы кстати в той теме абсолютно все прохалявили. Сделали вид, будто ее нет. Ты кстати одна походу заметила (пол часа назад прочитал): Если бы не эта тень, особенно в ушках, оргии бы по сути и не было

Теперь понял. Картинкой эту подсветку убийственно вставлять, она ведь 800кб весит. ) Кстати твой макет у меня валится в последнем хроме, в фаере нормально. Даже бордеры под именами и описанием фильма какие-то странные. Шрифт там еще с засечками должен быть. Одна половина что-то типа Готик, а другая Джорджия. ЗЫ Шрифт в фаере неверно отображается, в хроме(скрин) норма. Поставил весь фон одной картинкой. Жмотно как-то 230кб на один фон сливать, однако. Зато этот радиальный радиал не надо настраивать часами )

1) Скрипты в конец документа пытался подключить, но что-то они не заработали, с этой темой я еще не полностью разобрался, но в курсе. 2) Насчет шрифта и высоты строки - как по мне можно. Без единиц измерения это просто кратность размера. Но я не уверен на 100500%, что так делать абсолютно правильно. Лишь где-то на 85-90%. ) 3) Имел ввиду кавычки? - это я так переучиваюсь меньше мусора плодить. В хтмл кавычки также необязательны, но без них сублайм тогда перестает нормально выделять параметр от переменной. Они становятся одного цвета, а когда с кавычками, то ему ясно где значение, а где название переменной. В настройках надо копаться.

Скажи пожалуйста какой у тебя монитор. Потому что половину замечаний у меня не видно. 1) Не согласен. Я знаю, что на разных дюймах этот градиент будет не слабо отличаться, потому я не парился на этот счет, а подгонял конкретно под свои 15.6дюймов 1366х768 100% масштаб в хроме. Взял колорпикер и сравнил 6 контрольных точек, в некоторых местах вообще число в число совпадает с фотошопом. Как там выглядит на 24 дюйма или 27 меня мало сейчас волнует т.к. основная задача была другая. 2) Они прозрачные, аж вот так: border: 1px solid rgba(255, 255, 255, .12); 3) Да. Это я вчера парился с высотой строк и обратно не вернул параметр. Парился, потому что если текст будет в две строки, то выглядеть это начинает не очень хорошо. В 4) Либо я не то мерял, либо опять что-то из-за разных мониторов. Доказательства: 5) Это ерунда ) 6) У меня фотошоп 19 намерял ) 7) Очевидно потому что изначальный макет 1050пикселей, а стал 1024 Больший марджин даст меньшие кнопки и меньший текст на них, который очень плохо будет виден 8) Это ты прохалявила, в фотошопе она есть. Даже если на нее забили в конце, я все равно решил вставить, шоб було. 9) Умышленно. Там надо было сразу 4 позиции высчитывать, только чтобы один марджин поставить на 5 пикселей больше. Поленился. Уже нашел, насчитал как надо 10) 16 пикселей в данном случае очень по-конски выглядит, да и готик санс не самый удачный шрифт, впринципе как и в остальных местах. Увеличил, ну явно выглядит по-конски ). ИМХО Так и надо. Там одна пара строчек для галлереи, а другая для ссылок, когда по именам актеров клацаешь.

Наконец-то закончил, этот убойный макет. На первый взгляд многие могут и не понять в чем собственно проблема его сделать за пол дня, а не за 3 как я А проблема в: - контурах форм - хитрожоповыпиленные тени (хотел бы я увидеть лицо того кто это нарисовал) - изначально запиленный под 1050px, что означает - мы будем ломать голову и искать где красиво посжимать 1024. - куча слоев с перекрытиями - давно не подключал скрипты для картинок. В итоге день только на перебор скриптов потратил - еще день потратил пока придумал как ушки у галереи прилепить. Сделать все это без внутренней тени у блоков или просто нарезать блоки фиксированными - как два пальца об асфальт, другое дело почти все сверстать на css. Сайт - http://webdevelop.zz...etka/index.html CSS - http://webdevelop.zz.mu/ruletka/css/ (style.css объединенный) Картинка макета - http://webdevelop.zz...letka/index.png Все заняло под 800кб, можно и еще меньше, если совсем позадротствовать. Без видео апплета все грузится довольно быстро, сам же апплет жрет в несколько раз больше времени, чем все остальное. В ИE 9 вроде все нормально отображается, за исключением радиальной подсветки в центре. За ИЕ8 и ниже можно не писать. ) Если кто подскажет серьезные косяки любого характера, тому большущий респект

Так и есть. И еще много всякого мусора убрали. Повыделять все скрипты которые обернуты в <script></script> и закинуть их все в отдельный файл. Тоже самое как 2 текстовых файла поместить в один. Только теги <script></script> писать не нужно. На файл ставишь расширение .js, кидаешь например в папку js и подключаешь например так: <!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <title></title> </head> <body> <script src="js/my-scripts.js"></script> ... Хотя разницу в скорости врядли заметишь. Сейчас пересмотрел сайт и вижу, что виджет и флаш по 3 секунды грузятся. Потому мучаться ради 100-200 миллисекунд нецелесообрано как-то )

Скриптов огород нереальный. Загрузка 644ms, вполне себе средней нормальности, с учетом того как раскиданы скрипты по телу html-a. На календарик примерно 25% времени уходит, да и зачем он вообще там? Разбавить страничку? Тогда лучше что-то полегче поискать. Вот это: <script language="Javascript" src="http://widgetsmonste...f"></script><br /> Поменяй так: <script src="http://widgetsmonste...f"></script><br /> Ну и все остальные script вставки лучше склеить в один файл и подключить один раз