web-tech

Например так:

var gulp = require('gulp');
var imagemin = require('gulp-imagemin'); 
var imageminJpegRecompress = require('imagemin-jpeg-recompress');
var pngquant = require('imagemin-pngquant');
var cache = require('gulp-cache');

// Images optimization and copy in /dist
gulp.task('images', function() {
  return gulp.src(projectPath.app.img)
    .pipe(cache(imagemin([
      imagemin.gifsicle({interlaced: true}),
      imagemin.jpegtran({progressive: true}),
      imageminJpegRecompress({
        loops: 5,
        min: 65,
        max: 70,
        quality:'medium'
      }),
      imagemin.svgo(),
      imagemin.optipng({optimizationLevel: 3}),
      pngquant({quality: '65-70', speed: 5})
    ],{
      verbose: true
    })))
    .pipe(gulp.dest(projectPath.dist.img));
});

// Clearing the cache
gulp.task('clear', function (done) {
  return cache.clearAll(done);
});

Ну и можно поиграться с настройками качества pngquant и imageminJpegRecompress.

Можно посмотреть и в сторону других imagemin плагинов https://www.npmjs.com/browse/keyword/imageminplugin

14 hours ago, npofopr said:

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

В данном случае вопрос скорее может только возникнуть, где должен находиться слайдер: в хедере или контентной части?

13 часа назад, Konstantin99 сказал:

для это разметки не подскажешь что можно сделать?

2 минуты назад, Konstantin99 сказал:

Нужно что бы высокий блок оставался на своем месте

 

Так он и останется - я для примера поменял его местами, чтобы показать, что будет работать и так, и так.

9 минут назад, Konstantin99 сказал:

К сожалению дополнительные классы нельзя использовать и позицию данного высокого контейнера мы заранее не знаем.

http://masonry.desandro.com/#getting-started

https://jsfiddle.net/oxtLhs5n/2/

#logo {
  float: left;
  padding-top: 15px;
  width: 34%;
  text-align: center;
}

#logo a {
  display: inline-block;
}

https://jsfiddle.net/hd45m3fc/1/

Цитата

Псевдокласс :nth-child используется для добавления стиля к элементам на основе нумерации в дереве элементов. http://htmlbook.ru/css/nth-child

.counter {
  position: absolute;
  top: 0;
  right: 0;
}

А выпадает он потому, что для .footer жестко задана высота height: 225px; 

https://jsfiddle.net/mc70Lsyp/2/

Чем обосновано расположение в шапке логотипа, меню и телефона, используя абсолютное позиционирование, а не float? Тем более, что для сетки далее по коду уже используется бутстрап? Я так понимаю, чтобы только изменить порядок элементов. Но в чем смысл было в разметке меню ставить последним, чтобы потом абсолютным позиционированием его менять местами с телефоном? 

или подскажите в какую сторону копать )))

Для начала копните в сторону того, что не может быть шесть блоков с одним и тем же id.

Да и с div будет все работать

Конечно будет, но не так как нужно ТС.

Так будет работать только если все d2 изменить с div на другой тег (например span)

http://jsfiddle.net/vadimkot/Lq3o4esf/

Это не аномалия - это кривая верстка. Валидатор сообщает вообще то о наличии закрывающего тега 

</header>

 и при этом отсутствии открывающего, тоже самое касаемо тега noindex

https://validator.w3.org/nu/?doc=http%3A%2F%2Fwww.vvd.su%2Fo-nas%2Fnovosti%2Fnovosti-kompanii%2Fitem%2F119-chistaya-pyatnitsa-goryachaya-nedelya-skidok

Как то так:

<?php foreach ($array as $item => $value): ?>  <?php if ($item == 0): ?>    <div class='name_1'>      <?php print $value; ?>    </div>  <?php else: ?>    <div class='name_2'>      <?php print $value; ?>    </div>  <?php endif; ?><?php endforeach; ?>

<?php foreach ($array as $item => $value): ?>  <?php if ($value == reset($array)): ?>     <div class='name_1'>      <?php print $value; ?>    </div>  <?php else: ?>    <div class='name_2'>      <?php print $value; ?>    </div>  <?php endif; ?><?php endforeach; ?>

О спасибо, не думал столкнуться с такой странной проблемой

в настройках фотошопа Edit — Preferences — Units & Rulers можно изменить на пиксели

font-family: Arial color: white font-size: 8px

а в фотошопе то  8 pt

вот таблица конвертации pt to px  http://reeddesign.co.uk/test/points-pixels.html

1.5Mb в background запихнуть, зачем?

как найти трастовые бесплатные хостинги

вот алгоритм

Google -> "бесплатные трастовые хостинги"

Так 600px + 200px = 800px, а у вас min-width: 700px

Названия классов ужасны, изучи БЭМ.

C каких это пор БЭМ стал стандартом де-факто?

Адаптивность в какой верстке по счету будет?

И вроде как html5, а семантических элементов не видно.

И менюшки все таки делаются списком.

Форма поиска страшненькая.

Сам по себе дизайн, типографику, подбор цветов даже и не хочется характеризовать.