werty1001

werty1001
Рейтинг
82
Регистрация
30.03.2008

Попробуйте так:

$(document).ready(function() {

$('body').on('click','.togle',function(){
$(this).toggleClass('newClass');
});
});
megallodon:
Провериоа сайт в панели Google PageSpeed Insights там порекомендвали следущие
Удалите из верхней части страницы код JavaScript и CSS, блокирующий отображение

перенесла все перед </body> в самый низ но после этого криво шаблон загружается

может кто знает как правильно в данной ситуации сделать?

Все js скрипты в принципе нужно подключать/писать перед </body>. Что касается стилей, то я забиваю на рекомендации гугла, потому что по-моему это уже перебор, ведь гугл рекомендует писать отдельные правила для шапки и основной части сайта прямо в HTML в теге <style>, а все остальное выносить в файл и подключать внизу, конечно если хотите 100 из 100 можете заморочиться, но по мне и 96 из 100 достаточно :).

Mvk09:
вот второй сайт меня и сбил с толку. символьный шрифт значит....
ну это нормально а то я испугался что уже в средствами CSS как-то иконки рисуют )))

Бывает и такое :)

Veto:
Заказчик вполне может оказаться верстальщиком. ;)

Тогда у него будет на пару часов больше свободного времени ☝

Veto:
Кстати, а как вносить правки в макет? Такая потребность может возникнуть.

HTML&CSS код прекрасно редактируется, любые элементы можно менять местами, удалять, добавлять новые, изменять.

Ладно хватит оффтопа, удачи всем в конкурсе, хоть работ и маловато.

strea_m:
А не использование фотошопа - это какая-то принципиальная позиция? Макет то хороший, только с сеткой есть проблемы. Может как раз фотошоп помог бы направляющими :)

Если брать веб-разработку, то дизайн меня интересует процентов на 30%, бывает балуюсь иногда, но самый главный критерий - это нерациональное использование времени, я быстрей накидаю страницу в коде, сразу с анимацией и другими плюшками, тем более в конечном итоге нужна html страница, а не psd, так зачем тратить время на промежуточный этап?

Что касается сетки, на мой взгляд она не принципиальна для каждого элемента на странице.

Мой вариант.

В дизайне только вектор. графика, PSD нет (не рисую), сразу HTML вариант.

Немного инфы:

- Шрифт Roboto, на фоне сайта приятный градиент.

- Иконка телефона в шапке вибрирует, привлекая внимание.

- Стрелочка у кнопки "почему мы лучшие" двигается, тем самым способствуя нажатию.

- При клике на постер у видео, он плавно сползет вниз и запустится YouTube видео.

- В основном меню при наведении ромб перевернется в квадрат, иконка потемнеет, цвет текста будет синим.

powerkisa:
Нет только гугл шрифты а в формат woff и woff2 перевести можно както ттф неверно.

В формате woff2 шрифты весят 40 - 80 кб. Попробуйте сконвертировать, например тут .

Я пожалуй тоже что-нибудь набросаю.

powerkisa:
гугл шрифты нам неподходять.

Формат woff и woff2 тоже? Или вы это и имели ввиду?

Всего: 205