advokatua

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

тебе же подсказали уже. Удали из стилей: word-wrap: break-word;

Мой любимый зверек http://jsfiddle.net/rfQHD/2/

Всю? Пару Раз? Ту которая 1к страниц? Да ладно. Во-первых она точно не для новичков, во-вторых это больше справочник чем учебник и читать его несколько раз бесмысленно. ИМХО. Если до этой книги не было каких-то элементарных понятий о функциях, ООП и переменных, то стоило искать что-то попроще.

Когда заходишь, внизу такая штука висит:

Я об таких случаях и говорил. Неужели можно было понять иначе? Да не в заборе дело. Почему большинство людей в один момент времени склонно думать лишь в одной плоскости и в одном конкретном контексте? Я вырвал пример про друга из большего контекста, просто описывать его весь было довольно лишним. Прикалывался я с него насчет этих деструкторов из-за того, что у него по другим предметам висело 3 или 4 долга, а он, блин, лабы сидит расписывает так будто ему тестовое задание из Гугла прислали и зарплату в "100тыщь" обещают, если он сделает все красиво и как надо. Делать что-то очень хорошо это хорошо, и это очень видимо про Джобса. Вот только не работай на него (в свое время) десятки мега-профи рекламщиков и супермаркетологов, хрен бы он продавал свои Макбуки по 2к у.е. этим людишкам, которые думают, что думают иначе

Тут очень хочется пример, ибо это не С++ и даже не Javascript, где ты поленился вынести функцию в отдельный блок (чисто для эстетики данной программы) или алгоритм сортировки выбрал самый долгий (с учетом большого количества данных). Заказчик кидает макет и ставит срок 2 часа и ни минутой более. Ты понимаешь, что качественно, по всем правилам и всеми премудростями разметки тут минимум пол дня работы. Объясняешь это заказчику, он говорит что-то типа:"Я не дибил, сам знаю, но мне пофигу как, сделайте за 2 часа, чтобы тупо совпадало с фотошопом и кнопочки везде были как на макете, иначе бабла не будет". Что делать? Забить и пусть он отдаст свои деньги кому-то другому? Быстро - никогда не было и не будет качественно, но если человек платит, то он музыку и танцует. ИМХО. Делать нужно не по БЭМу, а как диктует срок сдачи и как стоит сама задача. На каждую работу свой инструмент и свои детали. P.S. Вспомнил сейчас как на первом курсе, один друг мой делал лабы по Делфи. Задание было что-то типа: определить 10 переменных, задать им все известные типы данных и вывести в консоль, через строку. И таких лаб штук 6-8. Ну так вот, пока все тупо писали var a: Integer; b: String; a = 5... и выводили это на экран, он в добавок, после вывода в консоль, дополнительно к каждой переменной прописывал строки кода для удаления переменной из памяти. И так в каждой лабе, к абсолютно каждой переменной. Было понятно, что чувак прочитал где-то про деструкторы, очистку памяти и тому подобное, но какой смысл в данном случае писать лишние строки? Тем более препод все равно не заценил, он даже не знал что это за хрень такая у него, которой больше ни у кого не прописано. По промышленным меркам, это было верно, но в контексте поставленной задачи это было не иначе как нерациональное использование времени...

Не согласен, в корне. Если сделать говняно, заказчик потом может у какого-нибудь знакомого айтишника проконсультироваться на счет не особо быстрой загрузки сайта, и в итоге лови негативчик в отзывы. А с учетом, что про аки на фриланс биржи почти всегда платные,то очень уж неприятно будет видеть у себя такое. Да и что значит говняно? Сделать всю работу, но не оптимизировать пару картинок с общим выигрышем в 30-50КБ или CSS не ужать на 5-6 КБ? Как говорится - "Без ТЗ и верстка ХЗ"

https://www.google.com.ua/search?q=css+%D0%BF%D0%BE%D0%B7%D0%B8%D1%86%D0%B8%D0%BE%D0%BD%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5+%D0%B1%D0%BB%D0%BE%D0%BA%D0%BE%D0%B2&oq=css+%D0%BF%D0%BE%D0%B7%D0%B8%D1%86%D0%B8%D0%BE%D0%BD%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5&aqs=chrome.1.69i57j0l5.6140j0j1&sourceid=chrome&espv=210&es_sm=93&ie=UTF-8

Лишний запрос на картинку убьет больше времени, нежели трижды неоптимизированный CSS. Хотя и лишним он не будет )

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

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

Вчера на западенском видел. Там h1 со списком был обернут. Но статья была за 2009 год, и в комментах ооочень жаркие споры. И вдобавок довольно прилично статей с устаревшиими данными. Заметил, спецификация по некоторым элементам html5 чуть ли не каждый месяц обновляется. Конкретно на данный момент не скажу. У СЕОшников методы продвижения раз через раз меняются. Кстати, лого делается ссылкой, а отмена для главной происходит через СМS. Иначе программеру прийдется самому дописывать. Насчет списка меню: Так у вас же все равно ссылки обернуты в доп. див. По приведенной ссылке это проще выглядит. Хотел бы я знать откуда он вот это вычитал: <nav> <section> <a href="#">Главная</a> <nav> <a href="#">HTML и CSS приемы</a> <a href="#">Обучение</a> <a href="#">HTML справочник</a> </nav> </section> <a href="#">HTML и CSS приемы</a> <a href="#">Обучение</a> <a href="#">HTML справочник</a> </nav> Наткнулся на очередной перевод, на хабре http://habrahabr.ru/post/124993/ Комменты один в один с тем, что я писал выше. Народ просто плюется и обсырает, и лишь единицы пытаются объяснить разъяренной толпе что-то толковое, но их попытки навести порядок тут же подавляются бунтующими настроениями Понравился коммент с 5+

Стесняюсь спросить ребята. А вам доплачивают за это? Разные движки по своему рендерят и отображают многие элементы, в чем тогда состоит суть такой идеальной подгонки? Нет С точностью до пикселя во всех популярных _современных_ браузерах. Firefox 5,6, Opera > 9.50, Chrome, IE >= 8 Мне такое даже во сне не снится, а кто-то еще и сделать хочет Впринципе, чудеса бывают. Надо просто верить

да все есть, только работает это как Battlefield 4 на 386-ом

http://workshop.chro...ents.com/stars/ этот сайт и должен работать как слайдшоу, или это только у меня так на последнем Хроме? )

А где-то бывают короткие?

Могли бы и в листочках измерять Каждый год лишаем дома 15 млрд зеленых листочков

Как-то так http://jsfiddle.net/8jhC2/ Выравниванием сам займись. upd. (забыл сохранить пример выше) http://jsfiddle.net/8jhC2/1/

name надо один и тот же ставить

Любой интересный материал выходящий на русских форумах это фактически 100% перевод. Это факт, а не нелюбовь к рунету или что-то вроде того. ) Nav - по западным статьям/спорам/дискуссиям, должен быть на странице только один и относится он должен к самой главной навигации. (Споры, впринципе, будут продолжаться до тех пор пока элемент не перейдет в release candidate, а не editor's draft как сейчас). Выдержка с developer.mozilla.org: еще один (статья за 2009) Но это еще пол беды. 1) Откуда у вас в nav взялся h2? Может это и не ошибка, но нигде доселе такого не видел <nav class="footer__menu"> <h2 class="footer__menuTitle">Download Piatto</h2> 2) Зачем каждый пункт меню оборачивать в div? Чем список не устроил? ЗЫ У лого на главной ссылка вешается для СЕО. В итоге ссылочный вес добавляется для лучшего ранжирования.

10 наугад открыл, пытался скачать - или 100у.е. просят или Нот фаунд (The requested URL /buy/buygraphics/15775-inferno-psd-minimalizm.html was not found on this server. )

Так это же лендинг

Очевидно все ради семантики. Пару дней назад читал/смотрел и наши статьи и пиндостанские. Что у нас споры про article, section, figure|figcaption, что у них. Но у них в комментах прослеживается желание все это понять, хотя бы по своему, и начать использовать, а наши же просто плюются в стороны намекая, что все это бред на сегодняшний день и никому эта дИбильная семантика не сдалась. Ведь по сути все эти элементы начнут работать и на что-то влиять попозже (у астрологов надо спросить когда именно). Какой сейчас толк трахать себе мозг и спорить о том где применить figure|figcaption (которые применяются не только к картинкам, а и к любому связанному содержимому), когда ни на поиск, ни на выдачу это не влияет. Зато вся эта %;№: семантика в ИЕ8 уже не работает. А как известно, сегодня еще предостаточно динозавров, которые хотят кроссбраузерную верстку вплоть до ИЕ6. Выходит надо лепить хаки и кучу всяких <!-- lte gte IE --> со своими стилями. Насчет шапки. Этих шапок на странице может быть сколь угодно, потому называя главную шапку таким же именем странно как потом при поддержке сайта не запутаться? ) Не увидел точку спереди и все, сиди дебаж 3 часа. Да и не в точке дело. Почему не назвать просто и понятно: top-header, main-header, main-head, top-head? ) Это я у одного из админов подсмотрел подобную методику оценивания. Кажется, что лучше ткнуть в место где (якобы) косяк, и человек сам подумал, нежели ткнуть и все за него додумать и сказать Ну если совсем прямо то: 1) Лого не ссылкой + не прописан alt - Мелочь, а неприятно 2) Такой длинный, самописный, да еще и кемел кейс я вижу впервые upd. Еще могу посоветовать скачать и прочитать книгу по хтмл5, потому что судя по этому отрывку вы еще далеки от понимания новых элементов, поверьте. <nav class="footer__menu"> <h2 class="footer__menuTitle">Download Piatto</h2> <div class="footer__menuItem"><a href="#" title="">He returned to Chile</a></div> <div class="footer__menuItem"><a href="#" title="">as a professor</a></div> <div class="footer__menuItem"><a href="#" title="">at the Universidad de Chile in 1946</a></div> <div class="footer__menuItem"><a href="#" title="">Parra has been nominated several times for the Nobel Prize in Literature.</a></div> <div class="footer__menuItem"><a href="#" title="">Nicanor Parra</a></div> </nav>

MSIE 4.01 - 1 Это что за? Типа как в фильме "Пароль Рыба Меч". Какой-то хакер соединился с IBM 5550, пылящегося в подвале универа, соединенного через 12Кбитный модем, и решил полазить по сайтам?