Leaderboard

Подниму ка я старую темку и, возможно, что-то освежу Я работаю Front-end разработчиком под Mac OS X. Поделюсь своей средой для разработки Эталонный браузер Chrome Основной и самый полезный аддон PerfectPixel by WellDoneCode [*]IDE для написания HTML кода JetBrains PhpStorm Тем кто работает тесно с Magento CMS прийдется по вкусу плагин Magicento [*]IDE для написания CSS Sublime Text 2 Рекомендую к прочтению шикарную статью Готовим Sublime Text 2 для front-end [*]Исходники макетов могут быть в чём угодно Adobe Photoshop Adobe Illustrator Adobe Fireworks [*]Оптимизация изображений будет более эфективна при помощи ImageOptim [*]Для конвертации кастомных шрифтов подойдет FontXChange [*]Создание шрифта с иконками станет возможно с помощью IcoMoon [*]Контроль версий при помощи Git Хранение репозитариев на GitHub или Bitbucket Кому интересно узнать побольше о Git погут прочесть статьи на хабре [*]Скрин-граббер Jing [*]Кроссбраузерный/Кроссплатформенный тестинг при помощи BrowserStack или Sauce Labs В общем как для основы этого должно хватить. У меня так же стоят все браузеры но ими пользуюсь редко. Новичкам хочу сказать, что вместо сервисов, которые указаны в последнем пункте списка, лучше использовать Виртуальную машину (VMware Fusion, VM VirtualBox). У меня такие машины, естественно, стоят но тестирую код в IE я крайне редко, ибо с вероятностью в 95%+ что код будет работать. Я себе позволяю проверять, в случаях надобности, в вышеуказанных сервисах, но новичкам настоятельно рекомендую проверять каждую страницу в реальных условиях (в виртуальной машине). Еще я каждый день пользуюсь Терминалом для выполнения множества задачь в разработке, например: Авто сборка Less файлов проекта Создание Sass спрайтов Получить Base64 картинки Управление Git репозитариями Главный подход для меня - мне должно быть комфортно разрабатывать. Должно быть удобное рабочее место. Под рукой всегда должно присутсвовать ПО, даже если оно требуется раз в месяц. У меня 2 монитора, но уже маловато -- хочу 3й Ах да, самое важное -- работа должна быть хобби а хобби работой, тогда у тебя всё получится Дерзай.

Скорее всего это связанно с ОС. Возможно у тебя Windows7 и выключенно сглаживание шрифтов (хотя тогда и ИЕ не должен был бы сглаживать их). А еще можно почитать статью Свойства CSS, влияющие на рендеринг шрифта

думается мне что проблема на твоем компьютере со сглаживанием, ибо: Chrome, Mac

Это возможно поможет Вам(просмотрите всю страницу, там добавочно есть про тени). Ну и естественно здесь

вообще, в такой конструкции else ставится последним условием, а у вас он получается второй: else { //Проверяем, зарегистрирован ли вошедший а дальше опять else if...

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

Погуглив 2 минуты, нашел: http://jsbin.com/ukojo4/ Оказывается, в CSS есть счетчик

Pixel Perfect :: Дополнения Firefox https://addons.mozilla.org/ru/firefox/addon/7943 Плагин под FireFox который позволяет создавать зеркальную вертку А так же: кроссбраузерный аналог PixelPerfect http://habrahabr.ru/blogs/webdev/30191/ и так же на заметку: Internet Explorer Collection — автономные версии Internet Explorer от 1.0 до 8.0 http://finalbuilds.edskes.net/iecollection.htm

Элемент может содержать сколько угодно классов через пробел. Назначьте более-менее одинаковым элементам одинаковые свойства, а потом переопределите нужные свойства в новом классе. Или назначте второй класс, который будет дополнять первый. Пример: /* Переопределение */ .class_main { background: red; color: green; } .class_special { color: blue; } /* HTML */ <div class="class_main">я зеленый на красном фоне</div> <div class="class_main class_special">я синий на красном фоне</div> /* Дополнение */ .class_base { background: red; } .class_color-1 { color: green; } .class_color-2 { color: blue; } /* HTML */ <div class="class_base class_color-1">я зеленый на красном фоне</div> <div class="class_base class_color-2">я синий на красном фоне</div>

Хорошая верстка, аккуратненькая.

ИЕ8- не поддерживают новые теги, для них в head можно подключить дополнительный скрипт <!--[if lte IE 8]><script src='http://html5shiv.googlecode.com/svn/trunk/html5.js'></script><![endif]--> сразу после указания кодировки вот так: <!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <!--[if lte IE 8]><script src='http://html5shiv.googlecode.com/svn/trunk/html5.js'></script><![endif]--> <title>Title</title> <link rel="stylesheet" type="text/css" href="css/style.css" media="all"> <script src="js/jquery-2.0.0.min.js"></script> </head> <body> </body> </html>

Видно, что старались) 1) Как по мне, много идентификаторов. Постарайтесь использовать их только там, где это действительно необходимо. 2) Конструкция #registration input#logo в данном случае избыточна, поскольку #logo - и так уникальный элемент на странице. 3) Верхнее меню и нижнее имеют общие стили, их можно было вынести в отдельный класс, а отличия прописать для каждого свои. HTML-код для этих блоков я бы использовала одинаковый. 4) При увеличении ширины экрана футер съезжает влево. Для чего там абсолютное позиционирование?

убери их