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

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

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

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/

.counter { position: absolute; top: 0; right: 0; } А выпадает он потому, что для .footer жестко задана высота height: 225px;

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

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

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

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

Так будет работать только если все 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 можно изменить на пиксели

а в фотошопе то 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, а семантических элементов не видно. И менюшки все таки делаются списком. Форма поиска страшненькая. Сам по себе дизайн, типографику, подбор цветов даже и не хочется характеризовать.