IIIIIIIIII

Вполне хорошо сверстано. section вроде семантически объединяет похожие по смыслу блоки. Только я слыхал что классы задавать им не рекомендуется, нужна лишняя вложенность. Ну это не точно. И я бы посоветовал делать нижнее подчеркивание у классов.

Нет. В этом весь смысл. Сразу все продумать. А неудачные моменты возникают из-за спешки.

Персонаж очень подозрителен))) Тут боюсь уже придется не только рукам ломаться, но и бабушкам умирать и всем другим вымышленным родственникам.)))))) Если серьезно. Верстка. Любая на выбор cms из популярных. Профит. Если будете хорошо знать движок, уметь написать расширения как свои так и переделать чужие, то поверьте будете жить хорошо. Основная масса на фрилансе это верстальщики со средним знанием jquery. Взять сайт под ключ на том же битриксе или opencart совсем не редкость. А про джумлу и вп уже и не говорю.

Или так. Я тоже раньше так делал. Потом попробовал, нарезать все заранее. Этому сподвигли именно спрайты. Скорость работы увеличилась. Плюс производительнее т.к. фотошоп в процессе не загружает оперативку. В общем делал бы каждый как ему удобнее и по результатам можно было бы сравнить. Этот конкурс вообще не для не ленивых и тех кто любит верстку.

RuslanHeYca4ev, а вы все задания прошли?

Победителя, тот кто выполнил все необходимые требования для верстки и сделал быстрее. Согласен, все надо учитывать. Ускорять можно на ютубе в два раза и отключить звук. Или с ускоренной музыкой веселиться). Готовая верстка тоже будет выкладываться автором для проверки. Просматривать целое видео не нужно, просто пробегом чтобы было понятно - сверстанно без халтуры.

Всем привет! Как-то пришла идея создать конкурс для развития навыка скорости верстки. Уверен она возможно приходила и вам, но вы по каким-либо причинам эту идею не воплотили. Вот я решил её воплотить с вашей помощью, т.к. всё продумал (ну почти всё). С коллективным интеллектом это можно довести ума. Теперь непосредственно про конкурс. 1. Берем простой psd макет и заливаем на показ только скрин. Намечаем дату, время для старта. Верстальщик просматривает, анализирует будущий сайт. Думает, как сделать все это как можно быстрее. 2. За час до начала выкладывается psd макет. Разработчик его скачивает и подготавливает. А именно вырезает изображения. И больше ничего. 3. Старт, например, в 11.00 в выходной день. Вебдизайнер начинает запись с экрана (весь софт ниже) и так чтобы было видно время. Включает музыку. Работает, останавливает запись и выкладывает на ютубе. Пробежимся подробнее по пунктам. *1. Макет какой-нибудь простой для начала и чтобы его было тяжело найти. Ищем с забугорных сайтов и предлагаем. Простой, т.к верстать на запись делая все четко, тяжелее чем вы думаете. *2. Создаем все папки. Пустой, html и css файл. Запускает все необходимые приложения. Если используете препроцессоры, то инициализируете папку. И т.д… (В примере я верстал чисто на портянках css). *3. Bandicam - http://rutracker.org/forum/tracker.php?nm=bandicam Важно! Отключаем чекбоксы горячих клавиш, старт/стоп/пауза и скринов. Это чтобы было видно, когда вы стартанули и финишнули , или нажали на паузу. Насчет пауз. Считаю их вообще не использовать, вырубить телефон и сделать верстку от начала до конца. (Верстка просто на дивах или html5 семантика, и все требования можно обсудить). Или включать один, два раза, но не больше минуты. Время должно быть обязательно видно. Видео монтаж запрещен. Для того у кого инет плохой, как у меня. Есть замечательный конвертер, без особой потери качества. Regular – normal , web optimized и в путь. За час у меня вышло 750mb, после конвертации 281mb. http://rutracker.org/forum/viewtopic.php?t=3806942 Музыка фоновая. Инструментальная, не напрягающая, без слов. Подготовили (не как я в примере). Включили и потом только с концом с ней прощаемся. Можно и без музыки. Предлагаю участвовать всем кроме вновь зарегистрировавшихся (для чего? В след. Предлжении). Экспертов и опытных отправляем в конец формулы один, изначально им минуснув балы. (Я б так сделал, но в итоге решать администрации.) Вывод. Конкурс нужный. Соперничество призывает к действию. Быстрота верстки зависит от того насколько мы все сразу продумываем. А быстрая верстка приносит как удовольствие так и поток клиентов… Опять же, Кэп очевидность решил не дописыватьJ Всем спасибо кто прочитал. Надеюсь вы не пройдете эту идею стороной. Её можно развивать и добиться хорошо результата… Вот макет который я сверстал для примера:

Да, залейте весь код на jsfiddle или родственный ему.

Да, только для родителя ul задано свойство position со значением absolute. Там нечего очищать. Могу сказать. что вам стоит больше понимания обрести при верстке с помощью чтения. В целом верстка не плохая, успехов!

Еще добавлю. Что у вас этот див очищает? - <div class="clear_l"></div>Может я что-то недопонимаю, или не могу найти плавающих элементов.

1. это не обязательно. хоть я сам его всегда прижимаю 2. профессиональней верстать на классах 3 сделайте чтобы она появлялась при прокрутке, скажем больше 500px

Метатеги никто давно уже не прописывает, не смотрят на них поисковики. подтверждаю! исключением является только title Дескрипшен тоже еще играет роль

Мне это делать незачем. Но если вы хотите защищать свою слабость, то стреляйте в сильных и уверенных.

Выживают сильнейшие. Пока кто-то плачет и сомневается, другой читает и что-то делает.

http://jscrollpane.kelvinluck.com/

А вы попробуйте это сделать.

Они меня все устраивают. Только они помогают визуально манипулировать контентом, а не увеличивают производительность сайта. Если на маленьких экранах скрывать ненужную разметку при помощи css, то это никак не повлияет на скорость доступа с мобильного интернета. Т.е тут идет в бой прогрессивное улучшение с js. Сразу все лишнее не отображаем, а на больших экранах подгружаем нужный контент...

Любая книга про адаптивный дизайн. Дело в том , найдете ли вы работу с такими требованиями. У нас все решается медиазапросами и считается адаптивкой) Можно жить) Странно но я тоже склоняюсь к такой мысли. Тогда расслабьтесь и курите http://www.ozon.ru/context/detail/id/6277333/ Но все-равно знаещему native js разработчику, всегда будет больше уважения. Собственно сабж , читайте - http://hashcode.ru/questions/44833/javascript-%D1%87%D0%B5%D0%BC-%D0%BF%D0%BB%D0%BE%D1%85-jquery

В адаптивном дизайне широко используется чистый js. Только в нормально адаптивном, а не отзывчивом...

http://htmlbook.ru/css/display

Зачем бордер совсем убирать? Его надо просто сделать прозрачным при наведении. http://jsfiddle.net/g4pa8v53/4/ так? А вы вообще абру-кадабру сделали Почему? .l-menu li a {...border-bottom: none;...}.l-menu li:hover a {...border-bottom:1px rgba(0, 0, 0, 0);... }Объясните логически смысл вашего кода.

Зачем бордер совсем убирать? Его надо просто сделать прозрачным при наведении. http://jsfiddle.net/g4pa8v53/4/ так? А вы вообще абру-кадабру сделали

Приветствую! Решил как-то отвлечься от работы и сделать 5 задачек по css. Надеюсь они понравятся новичкам. Готовые решения прошу не выкладывать, чтобы верстальщики сами штрудировали справочник. Внимание! Изменять html код запрещается. Разметка обязана соответствовать примеру. Разрешена стилизация только через css. Javascript использовать так же нельзя. 1. Оформить первый символ только в первом абзаце цветом #f00.При удалении заголовка из тела документа, оформление символа остается у того же абзаца.Подсказка: Тип Разметка- Результат - Результат - 2. Стилизовать меню таким образом - для селектора ссылки задать золотой цвет, черный фон и наклонный шрифт. Для селектора списка, маркер - квадрат.Внимание! Вложенное меню не должно наследовать ни одно свойство и отображаться по дефолту. Отменна стилей для вложенных селекторов например (font-style: normal;) запрещена.Подсказка: Сел-атрРазметка - Результат - 3. Перекрасить первую и последнюю ссылку в красный цвет. Использование псевдоклассов запрещено. Подсказка: Сел-атр Разметка - Результат - 4. В незаполненном (неправильном) состоянии полей формы - звездочка красного цвета , в заполненном и правильном - звездочка зеленая. Никакого желтого цвета быть не должно и в помине, но и удалять инлайновые стили запрещается. Подсказка: Важно Разметка - Результат - Результат - 5. При клике на input c типом текст и текстарея - плейсхолдер должен исчезать.При клике на input с типом радио, цифра в сестринском спане увеличиваеться на 20%, кроме цифры 4.Подсказка: Тип фокусник.Разметка - Результат - Всем удачи! Проверьте свои навыки.

@fenix_63, а тему с типичными ошибками читали?

Вы сколько лет в вебе?