Попробуйте так:
$(document).ready(function() { $('body').on('click','.togle',function(){ $(this).toggleClass('newClass'); }); });
Если нужно держите, вот накидал нормальный код.
Все js скрипты в принципе нужно подключать/писать перед </body>. Что касается стилей, то я забиваю на рекомендации гугла, потому что по-моему это уже перебор, ведь гугл рекомендует писать отдельные правила для шапки и основной части сайта прямо в HTML в теге <style>, а все остальное выносить в файл и подключать внизу, конечно если хотите 100 из 100 можете заморочиться, но по мне и 96 из 100 достаточно :).
Бывает и такое :)
Тогда у него будет на пару часов больше свободного времени ☝
HTML&CSS код прекрасно редактируется, любые элементы можно менять местами, удалять, добавлять новые, изменять.
Ладно хватит оффтопа, удачи всем в конкурсе, хоть работ и маловато.
Если брать веб-разработку, то дизайн меня интересует процентов на 30%, бывает балуюсь иногда, но самый главный критерий - это нерациональное использование времени, я быстрей накидаю страницу в коде, сразу с анимацией и другими плюшками, тем более в конечном итоге нужна html страница, а не psd, так зачем тратить время на промежуточный этап?
Что касается сетки, на мой взгляд она не принципиальна для каждого элемента на странице.
Мой вариант.
В дизайне только вектор. графика, PSD нет (не рисую), сразу HTML вариант.
Немного инфы:
- Шрифт Roboto, на фоне сайта приятный градиент.
- Иконка телефона в шапке вибрирует, привлекая внимание.
- Стрелочка у кнопки "почему мы лучшие" двигается, тем самым способствуя нажатию.
- При клике на постер у видео, он плавно сползет вниз и запустится YouTube видео.
- В основном меню при наведении ромб перевернется в квадрат, иконка потемнеет, цвет текста будет синим.
В формате woff2 шрифты весят 40 - 80 кб. Попробуйте сконвертировать, например тут .
Я пожалуй тоже что-нибудь набросаю.
Формат woff и woff2 тоже? Или вы это и имели ввиду?