antonKar

Коль мы уже выяснили, чем является вёрстка ТС, я бы хотел спросить вот что. У ТС в подписи ссылка на его блог, у каждой записи есть купленная на стоке взятая в гуглокартинках картинка. Вопрос: вас выбешивают эти бесполезные картинки также как и меня? Не обязательно у ТС, например в статьях на недавно отпочковавшемся от Хабра Мегамозге?

Вначале надо вылечиться от диватоза. Потом уже смотреть на дизайн, ваш нынешний набор классов никуда абсолютно не годится. "content-box" - что это? Это статья? Это примечание? Это новость? Такое количество обёрток тоже никуда не годится. Для тега button давать класс button? Не верстайте на бутстрапе, это плохо сказывается на верстальнических скиллах. Для "контентных" тегов (типа p) не давайте классы, это излишне. БЭМ не всегда нужен, ибо параграф - он и в Африке параграф. Класс "side". И что это мне должно сказать? Что там внутри? Рекламные баннеры? Фотки голых тёток? "content-box__buttom" (buttom?) а если придёт дизайнер и скажет, что теперь этот блок будет слева вверху? Отредактировал ваше творение http://codepen.io/anon/pen/ZYoQye з.ы. Ошибся у себя, скорее просто "news-subscribe"

Вот кстати ещё интересно, а как ТС будет передавать вёрстку на привязку? Сейчас все БД хранят всё в UTF-8, да даже просто сервера настроены на UTF-8. Программист такой берёт вёрстку, привязывает, открывает - а ему там каша кракозябр. И прогер, матеря всех на свете, и в частности маму ТС, вынужден перекодировать все файлы в UTF-8.

Да пусть win-1251 юзает, пока сам не запнётся, то не будет UTF-8 использовать (или будет делать себе лишнюю работу по преобразованию из одной кодировки в другую ради сомнительного выигрыша). Помню как-то давным-давно на сайте с win-1251 надо было дать ссылки на китайскую версию сайта. Сидел и искал мнемонические коды для каждого символа текста ссылки.

JavaScript

min-height

Устроиться на работу. Я вас уверяю, что практические задания будут. И это не сарказм, а единственно правильный путь. А вообще я бы не рекомендавал долго засиживаться в месте, где нужно одновременно и PHP знать, и фронт-енд. Если контора осталась в 2005-ом году, то зачем вам оставаться в нём?

1) Первоначально планировалось сделать через Vimeo, однако: а) так и не получилось убрать все элементы плеера на PC, что было критично б) на мобильных устройствах элементы плеера не убираются вообще из Vimeo в) не получилось сделать нормальный loop, чтобы видео воспроизводилось прям сразу же как закончилось, всегда была какая-то пауза 2) Firefox при использовании FullHD-видео начинал крашиться после нескольких смен видео, пришлось юзать просто HD-видео 3) iOS не умеет воспроизводить несколько медиапотоков. То есть нельзя одновременно поставить на воспроизведение видеофайл и аудиофайл 4) iPhone 4 вообще не реагирует ни на какие JS-команды и просто воспроизводит последнее видео. Вот хоть головой треснись, а воспроизводит только последнее. Это навскидку что сейчас вспомнил. М, а ещё «ржака» была, но не связанная с видео. Вращающиеся кругляши первоначально были сделаны через css, но на iPhone были из-за этого дикие тормоза, не помню уже с чем связанные, то ли с бананом, то ли вообще со всем сайтом. В общем вращение кругляшей в итоге было не через css, а через TweenMax, в итоге стало гораздо быстрее работать.

Лого всегда, абсолютно всегда и без всяких исключений должно быть изображением, потому что по сути своей изначальной логотип - это изображение. А если чувак захочет сохранить себе логотип с сайта - ему что делать? Конкретный случай. Контентщику дали задание запилить страницу, где будут перечислены спонсоры мероприятия и их логотипы. Где ему брать логотипы? Конечно же сходить на сайт конторы и сохранить оттуда логотип. А тут он заходит на сайт - а там лого текстом, контентщик, мягко говоря, в прифигивании. А как быть с тем, что браузеры каждый по-своему рендерят тексты, и что у нас возможно искажение логотипа?

Вы бы знали об сколько камней пришлось споткнуться, прежде чем запрограммировать и сверстать вот это http://thankgoditsover.ru/

А прелоадеры в наше время не модны?

На работе нужно подготовить доклад для дизайнеров (ЦА, присутствие остальных сотрудников по желанию) с целью рассказать про вёрстку под мобильные устройства, что можно, что нельзя, какого это вообще. Набросал примерный план, может можно что добавить или наоборот убрать? 1. Общая инфа. 1.1. Вступление про мобилки и как они захватили мир, блаблабла. 1.2. Основные платформы iOS и Android, остальное ни к чему. 1.3. Разрешения экрана, iPad и почти все планшеты штука пикселей, у мобилок (в частности iPhone) 320 пикселей. 1.4. iOS - браузер на webkit, проблем почти нет, если и есть, то в основном спокойно гуглятся. 1.5. Android - всё ОК, кроме необновляемого Android браузера, который живёт со своими глюками. 1.6. Вёрстку под мобильные трудно отлаживать, удалённо на компе можно отлаживать только мобильные Chrome и Firefox, но у них почти никогда нет проблем. 1.7. Почти всегда на стороне JS можно определить tablet или phone, ОС и её версию. 2. Что можно и что нельзя? 2.1. Мобильные браузеры очень медленные, нельзя их перегружать. 2.2. Несколько слов о jQuery, TweenMax, анимации можно, но не перебарщивать, анимации со скролом срабатывают только в конце. 2.3. Видео и аудио, баги фичи в iOS (нерегулируемый звук, только 1 медиапоток) и Opera (фуллскрин при воспроизведении) 2.4. Flash нельзя, но можно определить его отсутствие 2.5. Яндекс.Карты, смещение балуна вниз и поля по бокам. 2.6. Vibration API 3. SVG 3.1. Зачем нужно, почему мыло на мобильных устройствах. 3.2 ??? 4. Flexbox (если успею) 4.1 ??? Открыт для предложений и идей.

Зачем?

Нельзя. Можно менять title, description, но не комментарий.

Кликаете на первое видео, кликаете на второе видео, вот вам и запуск. И это надо поправить. Разбитие на несколько css имеет смысл разве что когда у нас прям большой-пребольшой проект, когда это действительно имеет смысл.

У вас как-то пункты с моими не совпадают. В попапе как минимум. А вы попробуйте, а потом посмотрите на форму. Такой простой блок уж точно не должен ехать в Opera 12. Не вижу, как было "53 секунд", так и осталось. Какой программист? PHP-программист вам будет на сервере проверять отправляете ли вы пустую форму? Форма не должна отправляться, если она ошибочно заполнена. А у вас можно, и это плохо. Opera 12, Firefox. Или это дизайн такой? Тогда прошу простить, тут дизайнер говно сделал. Я сторонник того, что подключать css в css - это извращение.

1) Тайтл с маленькой буквы 2) Цена просто буквой "р", а не знаком рубля. Если не знаком рубля, то надо ставить точку перед сокращениями 3) Телефон в обратном звонке не проверяется 4) " +8(___) ___-__-__" лол. Вы хоть раз в жизни звонили по +8 (999) блаблабла? 5) "акция! Скидка 15%" не по центру слово "скидка", Opera 12 6) "21 секунд" вот за такое сразу надо по рукам бить 7) в доставке нет картинки 8) в комплектации списки выглядят криво, 2 пункта на одну строку 9) пустые формы отправляются 10) можно одновременно запустить 2 youtube видео 11) "Аленка Колесникова" перенеслось влево Это не вёрстка.

Попробуйте запрос "harmonia sans w1g torrent"

Я в проектах использую следующую схему: 1) Цепляю основной стилевой файл style.css; 2) Цепляю стилевой файл с media-запросами style-media.css. И уже в нём прописываю все media-запросы через max-width. Такая схема подойдёт? На мобилках всё очень сложно с разрешениями экрана, у них на телефоне одно разрешение, а при отображении сайтов уже совершенно иное. Вьюпорт использую <meta name="viewport" content="initial-scale=1,user-scalable=yes,width=device-width,height=device-height" />

Этого в ТЗ не было

Вполне можно найти и в своём городе что-то годное. Не все сразу же начинали с Москвы или Новосибирсков.

http://jsfiddle.net/5qsnpgp3/

Идти стажёром в какую-нить контору, и желательно не в noname, а в уже состоявшуюся, где будут люди, которые будут указывать путь истинный.

Есть https://psv4.vk.me/c610525/u79266790/docs/630db5f2c40f/firefox-color-link2.gif