Vlad

Друзья, всех с наступающим Новым годом! Поднимем себе настроение выбрав понравившуюся анимированную открытку и его автора. 1. iKNG http://jsfiddle.net/iKNG/ahean/embedded/result/ 2. nfsworld http://jsfiddle.net/qb39A/embedded/result/ http://jsfiddle.net/FY8zf/embedded/result/ http://jsfiddle.net/rHgYT/embedded/result/ 3. vinny http://jsfiddle.net/6TRfn/1/embedded/result/ 4. rpmcmerphy http://jsfiddle.net/rpmcmerphy/ZfzvF/embedded/result/ 5. Andrey-009 http://free-sait.ru/otkr/ 6. Zhannet http://jsfiddle.net/Zhannet/R8sNn/embedded/result/ 7. memed http://jsfiddle.net/memed/snuu2/embedded/result/ 8. illya_v http://jsfiddle.net/illya_v/vGn2z/embedded/result/ 9. ESSqS http://jsfiddle.net/Ab2TL/embedded/result/

Спасибо всем за ответы, много интересного узнал.

Думаю, что здесь не в анимации дело, а в буфере клавиатуры. Нажали 10 раз вправо, ограничение ещё не выполняется, анимация поехала.

Работу не засчитаю, факт.

Есть такой код. Квадрат управляется стрелками и может перемещаться в пределах серого поля. Всё работает нормально, пока не удерживать какую-нибудь стрелку, тогда проверка ограничений не срабатывает и квадрат выходит за пределы поля. Как можно исправить этот недочёт? http://jsfiddle.net/htmlbook/avExc/

Всё в открытую показываем, здесь важен не код, а идея.

Тема перешла в разряд болтовни, поэтому перенёс её во Флуд.

Где "Интсрукция" и "Краткое описание" точно не input должен быть, а textarea, это же многострочный текст.

Мне лично БЭМ не нравится, это крайняя форма вёрстки, которая годится для узкого типа сайтов. Например, для больших проектов или которые делаются командой или связаны с другими сайтами похожими элементами. Т.е. она имеет право на существование, но не надо делать из этого религию и вставлять буквально везде. К тому же есть альтернативы (забыл, кто подскажет?), так что зацикливаться точно не следует. Какие-то фишки позаимствовать можно и адаптировать под себя. Если же надо ускориться, то haml, sass и подобные проверенные инструменты помогут.

Спасибо всем участникам за задачи, постепенно начну добавлять их на htmlbook.ru, так что возможно потребуется ещё ваша консультация. Победителями с небольшим перевесом стали alexriz, Softlink, sigma77. Прошу их написать мне письмом или в личку, какую книгу они выбрали на books.ru, ну и адрес доставки с ФИО, конечно же. Плюс добавил им репутацию +30 и медальку победителя. Остальные участники увеличили свою репутацию на +10 и получили медальку лауреата; новички переведены в разряд пользователей, это даёт им несколько больше прав на форуме. Эту тему закрываю, чтоб больше не голосовали, если возникнут какие-то вопросы, прошу задавать их здесь. http://htmlforum.ru/index.php?showforum=45

Я цинично в таких случаях рассуждаю. Отключен JavaScript, старый браузер? Ну и зачем мне на сайте такой неудачник!

Копируйте не через Ctrl+C, а через Ctrl+Shift+C, тогда скопируется содержимое всех видимых слоёв и не надо переключаться на текущий слой и ещё какие-то манипуляции делать.

Микроформаты потеряли свою актуальность, после того как Гугл и Яндекс стали поддерживать schema.org. Так что микроданные в HTML5 на данный момент единственно правильное средство. На паре сайтов использовал и то и другое и могу сказать, что плюсов от использования больше, чем минусов. Поскольку всё завязано на чёрный ящик поисковиков, можно только эмпирически выводы делать. Во-первых, никаких сложностей с вёрсткой нет. Разобраться и внедрить микроданные можно за час максимум, это никак не ломает существующий макет. Возможно, разве что, придётся добавить несколько лишних <div>. Во-вторых, поисковики стали лучше индексировать сайт и вообще его "полюбили" и начали двигать выше. Не могу заявить с уверенностью, что именно из-за микроданных, но если есть такая вероятность, стоит потратить час времени на добавление. В-третьих, Яндекс в результатах поиска стал иначе выводить информацию с сайта, не просто первые нашедшие строки, а по теме всё. Это, опять же, лучше для пользователей и сайта.

img { transition: 1s ease-out; cursor: pointer; } img:hover{ transform: scale(1.2) rotate(360deg); -webkit-transform: scale(1.2) rotate(360deg); }

Народ, похоже, время зря не терял, уже несколько открыток выставили.

Рекомендую авторам работ проголосовать за себя. Правилами это разрешено, а ваши моральные ограничения никому не сдались.

Поскольку на конкурс выставили достаточно много работ, выбираем не лучшую задачу, а автора лучшей задачи. Награждать то его надо, по любому. В конкурсе приняло участие 11 человек, предоставили 48 задач. Авторы публикуются в той последовательности, что и сдавали работы, все задачи можно посмотреть в этой теме. Ниже ссылки на сообщения с задачами. 1. mrnobody http://htmlforum.ru/index.php?showtopic=46658#entry311452 2. iKNG http://htmlforum.ru/index.php?showtopic=46658#entry311458 3. Bassline http://htmlforum.ru/index.php?showtopic=46658#entry311612 4. Vezha http://htmlforum.ru/index.php?showtopic=46658#entry311618 5. terorama http://htmlforum.ru/index.php?showtopic=46658#entry312029 http://htmlforum.ru/index.php?showtopic=46658#entry312033 http://htmlforum.ru/index.php?showtopic=46658#entry312040 http://htmlforum.ru/index.php?showtopic=46658&page=2#entry312378 6. gvardi http://htmlforum.ru/index.php?showtopic=46658#entry312162 http://htmlforum.ru/index.php?showtopic=46658&page=2#entry312538 7. Kyokata http://htmlforum.ru/index.php?showtopic=46658#entry312322 8. ALEEX SWN http://htmlforum.ru/index.php?showtopic=46658&page=2#entry312450 9. alexriz http://htmlforum.ru/index.php?showtopic=46658&page=2#entry312552 10. Softlink http://htmlforum.ru/index.php?showtopic=46658&page=2#entry312555 11. sigma77 http://htmlforum.ru/index.php?showtopic=46658&page=2#entry312561 Голосование продлится до 5 декабря. Напоминаю, что участвовать в опросе могут те, у кого не меньше двух сообщение на форуме.

Участвовать могут все, в том числе танки-ветераны.

@, почему три картинки, при каких условиях вид меню меняется? Кто делает задание с анимацией, рекомендую GIF добавить, это будет нагляднее всего.

Ширина контента фиксирована, фон в подвале и в шапке занимает всю ширину. В задании об этом чётко сказано.

@Vezha, задачу про IE7 принимать не буду. В правилах, конечно, про браузеры ничего не указано, но популяризация подобных динозавров не входит в мои планы.

Подобная тема несколько раз уже поднималась на форуме, не знаю только нашёлся хоть раз учитель или нет.

Можно.

Canvas можно.

Что тут непонятного? Ты ведь сам написал: "Когда по спойлеру нажимаешь ПКМ и копировать адрес страницы,то оно копирует javascript:; ". Если спойлер делается не через <a>, то копироваться адрес страницы не будет. Ах, да, потренируйся перед зеркалом произносить элемент через Э. Много раз.