Akkord87

Здравствуйте! Может кто нибудь подсказать, как лучше всего настроить 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рх, при этом если я правлю в хроме, что соответственно становится криво в мозиле. Как решить эту проблему? Если это конечно возможно... Заранее спасибо Как отображается в мозиле: Как отображается в хроме: