Leaderboard

может кому надо http://specs.operafan.net/css2.1RU/CSS21/cover.html

Есть еще такой вариант http://jsfiddle.net/9Ek5e/2/ Может пригодится.

Итак, сделав основую верстку, с плывающими окнами и скриптами нужно пройтись по нижеследующем пунктам, прежде чем отдать сайт заказчику. После каждой своей верстки я прохожусь по каждому из этих пунктов. Часть из них относится только к верстке landing page. Завершение проекта 1) Просмотр страницы в разных масштабах(zoom) и разрешениях. Здесь обычно всплывают такие проблемы - как неверное масштабирование спрайтов, лишняя прокрутка страницы, съезжание некоторыъ элементов. Некоторые люди любят смотреть сайты в 0.9 или 1.1 масштабе и у них сайт тоже должен выглядеть нормально. 2) Проверка работы javascript - все ли скрипты подключены, нет ли ошибок, проверка usability сайта, подсветки ошибок отправок форм, реакции на hover, active. 3) Валидация html css Тут все понятно, всплывают опечатки, в css или html, а также некоторые ошибки, это все нужно поправить. 5) Чистка html, javascript Удаляем из базового шаблона, на основе которого делалась верстка, лишние javascript плагины, удаляем лишние закомментированые и ненужные куски кода. Код должен быть чистым и аккуратным. 6) Окончательная сверка с макетом Чрезвычайно важный пункт. Так как в процессе верстки часть стилей могла перезаписаться другими, съехать отступы или даже банально - можно было упустить некоторые моменты. Обычно на этом этапе отлавливается много косяков. Накладываем pixel perfect - и смотрим. 7) Проверка орфографии. Этот пункт нужен только верстальщикам лейндинг пейдж, где сайт делается под ключ и контент-менеджеров не предвидется. Чтобы потом вас не задалбывали правками, что где-то пропущена запятая или написано с маленькой, а не большой буквы. 8) Оптимизация изображений и шрифтов Оптимизируем большие изображения, прежде всего касается png, мелкие - кодируем в base64, шрифты - проверяем все ли использовались, что были приложены к проекту - лишние комментируем на будущее. 10) Проверка отправки каждой формы Пункт относящейся опять к LP верстке под ключ. Отправляем каждую форму из любимого браузера - проверяем на почте - все ли правильно. 11) Проверка кроссбраузерности + одна отправка форм Смотрим сайт в ie, firefox, chrome, opera - заодно в каждом из них делаем одну отправку формы. Известны случаи, когда отправка формы не работает только, например, в файрфоксе. 12) Удаленная проверка Заходим на сервисы удаленной проверки - для проверки сайта на mac os (здесь я проверяю только в сафари), ie8, android планшетах, ipad'е. Как они выглядят - нет ли багов, глюков, желательно делаем отправку формы (опять же, в и8 легко славить с формой глюк). Ну все - сайт оттестирован и отполирован - можно отправлять заказчику. Если у вас есть какие-то варианты с дополнительными пунктами - пишите, интересно послушать.

@CroaToa,дада, это я скосячила и тут же передалала на нужный вам вариант, посмотрите еще раз - я тот пост отредактировала http://jsfiddle.net/Zverushka/9Ek5e/1/

@SelenIT, я вот об этом - http://jsfiddle.net/Vn5kW/ смотреть в файрфоксе и... любом другом браузере, то есть он не понимает существования такого шрифта как Arial Black - он думает, что есть Arial, а black - это жирнота и чтобы его включить нужно установить font-weight. Лично я его поведение именно так трактую. Если винда стоит с установленным шрифтом конечн. огооо, клево. А говорили, что не баг, а фича это и типа так даже правильнее =)... еще ток года 2 ждать после выхода новой версии, прежде чем можно будет без зазрения совести пользоваться позиционированием ...Ну и это лично мой опыт, что больше всего различий в кроссбраузерности из всех современных браузеров я встречаю в файрфоксе. А так особых различий я больше-то и не припомню у каких-то других браузеров. П.С. - Я что, чей-то любимый браузер обидела?

Я говорю о том что дизайнеры любят использовать платные и еще не разу на этом сайте не удалось найти нужный шрифт. Я свожу все к тому - кому-то этот сайт полезен, а кому-то нет, например мне. И ничего от меня не зависит в данном случае.. Чтобы было бы желание я б сделал с пиратскими шрифтами.... Я уверен что вы их используете и не покуапете тоже. Можно доказать что это треп от вас. Т.к про шрифты, тем много, и вроде вы писали как там взламывать чтобы белка съела. Может и ошибаюсь, но кто-то из постояльцев точно писал. Да и у каждого из вас установлен utorrent если на то пошло.. Короче, нужен портал с пиратскими шрифтами. Вот это полезно!

Конечно платные, более того по лицензии их вообще в веб использовать нельзя. На webfont собраны шрифты которые 100% бесплатные и их не запрещено использовать в веб

Если есть тяга изучать программирование, и хватает мозгоф, то не удивительно. Насчет сайта. Из моего опыта, сколько не заходил туда ни разу не нашел нужный нестандартный шрифт. Например Myriad Pro, Calibri, Segoe UI и др. которые используют любимые дизайнеры. П По мне так лучше было бы там 50 популярных для верстки, чем 400...

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

Подойдет любой шаблон wp

А что тут сложного то?)) Верстка + натяжка + привязка к админке ~ часов 7-8 )) Ну погрешность в оценке у меня процентов 30)

наш человек Совершенно без злого умысла написал Среднестатистический маркапер такую страницу порежет за 10-12 часов. Когда я работал порезчиком - скорость была порядка 2. Соотв сам бы порезал за 5-6.

каждую неделю один и тот же вопрос. Почему так сложно сделать один запрос в гугл? http://htmlbook.ru/blog/svoi-shrift-na-stranitse http://www.xiper.net/collect/html-and-css-tricks/typographics/font-face-non-standart-fonts-on-css.html

Решение нашел. А вы, как правильно говорят - форумное отребье - сидите тут, впустую просиживаете жизнь. Это нужно так опуститься чтобы сидеть тут днями и себе репутацию поднимать в интернетах. В жизин нихрена ни можете, остолопы!

fontsquirrel.com например otf конвертирует в ttf Понял, спасибо!