Akkord87

Спасибо большое за идею, немного доработал и получилось так, как и задумывалось)))))

Здравствуйте! Помоги пожалуйста решить проблему с небольшим куском верстки :) Пример на картинке. Я не могу понять, как свертать так, чтобы правая часть границы квадрата не перекрывала заголовок. При этом если заголовок из 1,2,3 строк то квадрат так же подстраивается и растягивается по высоте. Есть у кого идеи, как можно это реализовать?

Здравствуйте! Может кто нибудь подсказать, как лучше всего настроить gulp-imagemin для оптимизации изображений, чтобы google PageSpeed не ругался? Я использую стандартные настройки этого плагина: gulp.task('imagemin', function() { return gulp.src(['app/img/**/*.+(jpg|png)') .pipe(imagemin()) .pipe(gulp.dest('dist/img')); }); К примеру если я ужимаю те же картинки на TinyPNG, то получается гораздо лучше, но это ручной способ... Может к этому плагину нужно какие то дополнения? Или есть более лучший вариант? Заранее благодарен за помощь!

Спасибо) В целом работает, но почему то не объединил вот такой вариант: font-size: 20px font-weight: bold font-family: sans-serif

Здравствуйте Обнаружил, что плагин, который я использовал в Gulp для минификации - "gulp-clean-css" не объединяет стили. Пример: .test { background: black} .test { margin-top: 10px margin-bottom: 20px} На выходе хотелось бы увидеть: .test{background: black;margin:10px 20px 0 0} Но сам плагин проводит минификацию, а сами свойства не объединяет... Может кто подсказать плагин, который отвечает именно за чистку кода (объединение правил CSS)?

Здравствуйте. Очень нужно решить такую задачу. Имеется: - header зафиксированный вверху страницы position: fixed - footer зафиксированный внизу страницы position: fixed - content центральная часть, где находится текст При скролинге страницы хотелось бы, чтобы текст, когда заходил за блоки header или footer исчезал, а не просматривался сквозь них. Блоки header и footer имеют прозрачность. Возможно ли это реализовать средствами CSS? Вот пример: http://codepen.io/anon/pen/BKZMWm

У меня такой кусок отрезать не получится, так как там цельное видео, специально смонтированное для сайта(

Пробовал это видео через youtube ужимать, получилось 23мб, но немного качество ухудшилось. Так же смотрел сайты с фоновым видео, где видео с такой же продолжительностью весит всего 5мб, при этом качество очень хорошее. Я вот не понимаю, как они это сделали:)

Здравствуйте. Верстаю сайт и до этого никогда не сталкивался с фоновым видео на сайте. Задача сделать видео максимально легким при этом оно не должно ухудшиться в качестве. Видео длительностью 1:36 сек, в формате mp4 , общий размер видео (несжатый) 116мб. Естественно его нужно ужать в разы, но вот без понятия, какие хорошие сервисы для этого есть. Само видео на сайте будем вставлено через тег video. И еще пару вопросов: - какие форматы видео еще стоит загрузить или будет достаточно только mp4? - в тег video так же можно прописать src картинки. Будет ли эта картинка автоматически подставляться, если видео по каким либо причинам не воспроизведется в браузере пользователя?

Здравствуйте! Помогите разобраться с динамической анимацией числа в блоке, интересует решение только на чистом javascript. Имеется блок с размерами 25 на 25px, в блоке находится число (0%), при клике по этому блоку происходит событие, которое задает блоку величину (в данном случае 75%), после чего его ширина плавно увеличивается на заданную величину. Но как привязать это динамическое увеличение и к числу, чтобы увеличение числа так же происходило синхронно при увеличении ширины блока до заданного числа, то есть до 75%? Вот пример http://jsfiddle.net/56mg4xyf/embedded/result/ Может есть какое то событие, которое отслеживает состояние блока? Буду благодарен, если подтолкнете в нужном направлении

Попробовал, не работает, хотя сама идея интересная

Ковырялся в верстке (в мозиле). При разном разрешении все отображается как нужно, а в хроме косяки. Поэтому мне кажется, что проблема именно в браузере. Видимо придется переделывать именно дизайн

Хм, а вы правы, буду искать проблему) Спасибо, что послали в нужном направлении)))

Ок. Спасибо за совет, раз уж пока решения нету, попробую этот вариант

То есть универсального хака нету?

Здравствуйте уже ни раз сталкиваюсь с подобной проблемой и вот наконец то решил обратиться за помощью Суть проблемы: Подопытный сайт: http://www.retro.ontuning.ru/ Так же прикладываю картинки для наглядности. В левом садбаре имеется табличка, а за ней находится труба, эту трубу я реализовал следующим образом: вырезал кусок трубы размером 12рх на 12рх, после чего добавил в сайтбар свойством background, определил позицию трубы свойством background-position и растянул в длину, чтобы она состыковывалась с фоном в шапке и с фоном в подвале. Таким образом, я добился, чтобы труба тянулась при наличии контента. В мозили все отображается хорошо, так как нужно, а вот в хроме, расхождения фона в 1рх, при этом если я правлю в хроме, что соответственно становится криво в мозиле. Как решить эту проблему? Если это конечно возможно... Заранее спасибо Как отображается в мозиле: Как отображается в хроме:

Нашел))) На мой взгляд он лучший. Надеюсь кому пригодится) http://csstemplater.com/

Здравствуйте, около полугода назад нашел очень крутой сервис, где можно быстро сделать любой макет сайта (двухколоночный, трех, прижатый футер, не прижайтый) то есть накидать скелет сайта. Сейчас решил опять обратиться к сервису, но вот что то в интернете его найти не могу, забыл как называется, но сервис очень полезный. Может кто знает его? Буду благодарен, если поделитесь ссылкой

Спасибо, помогло)))

Я уже пробовал. Код вызова скрипта с 9 строки перемещал перед закрывающим тегом body, сейчас еще раз попробовал, результат такой же. Может еще какие варианты? Честно говоря первый раз с такой проблемой сталкиваюсь.

Здравствуйте. Я установил на сайте слайдер, который прекрасно работал. После этого я установил плагин contact form 7 и этот слайдер сломался, у него слетели стили и перестал работать js. Но как мне кажется тут дело именно в конфликте js. Скажите, как эту проблему можно выявить и решить? Вот сам сайт, плагин я активировал, поэтому сладер сломался http://pulsar-msk.ru/ Буду признателен за помщь, если подскажите куда смотерть и в чем проблема. В интернете решение проблемы не нашел.

Да, все оказалось просто, почистил кэш. Странно, что я раньше не додумался... А можете еще подсказать, чтобы тему дополнительно не создавать? Почему карты яндекса не работаю в хроме? Картинка карты не отображается. Как можно решить проблему? Вот пример: http://www.gruzchiki-tver.ru/sample-page/

Проблема следующая. При наведении на пункт меню "Услуги" в мазиле выпадает меню второго уровня с перечнем услуг, собственно как и должно. А при наведении на этот же пункт меню в хроме, меню второго уровня так же появляется, но при попытке наведения на одну из услуг меню исчезает. В чем тут проблема? Почему эффект hover пропадает в хроме, а в мазиле работает? Вот сайт: http://www.gruzchiki-tver.ru

Главная цель - это сохранить позицию блоков на картинки, даже если ее растянуть (поменять разрешение), блоки все равно должны остаться на своих местах. Мне кажется, что тут единственный вариант это при помощи media query прописать несколько условий для разных разрешений.