Какую сетку использовать в моем случае?

Александр А: Зависит от бурбона, не охота эту хрень в проект тянуть.

Правда ли, что можно протестировать сайт на корректную работу с ретиной в эмуляторе устройств Chrome?

Неа

Правда ли, что можно протестировать сайт на корректную работу с ретиной в эмуляторе устройств Chrome?

Иван: Вы вопрос точно поняли?

Правда ли, что можно протестировать сайт на корректную работу с ретиной в эмуляторе устройств Chrome?

Лол.

Flexbox как растянуть блоки по по высоте типа space between только по вертикали?

Сергей: А! Точно. Спасибо :)

Flexbox как растянуть блоки по по высоте типа space between только по вертикали?

Вы тут похоже эксперт по флексбоксу) Еще такой вопрос, добавляю контейнеру padding: 0 20px; И он точно на эти 20 px с обеих сторон становится больше, то есть выпирает за рамки блока в котором он лежит, получается padding по другому работает во flexbox?

Последние блоки в сетке flexbox растягиваются, как предотвратить?

Александр Пупкин: Нет, блоки по центру внизу не в тему :(

Последние блоки в сетке flexbox растягиваются, как предотвратить?

Александр Пупкин: не вижу изменений

Последние блоки в сетке flexbox растягиваются, как предотвратить?

Александр Пупкин: Это плохо. Неужели нет способа :(

Последние блоки в сетке flexbox растягиваются, как предотвратить?

Александр Пупкин: Так они тогда подстраиваться под размер контейнера не будут, так?

Последние блоки в сетке flexbox растягиваются, как предотвратить?

Александр Пупкин: ЛОЛ. Это свойство применяется к flex контейнеру, а не к детям.

Последние блоки в сетке flexbox растягиваются, как предотвратить?

У меня такого в коде нет

Последние блоки в сетке flexbox растягиваются, как предотвратить?

ОБновил пост

Как сделать разметку с flexbox?

Сергей: Спасибо! А почему значение 9999?

Как сделать разметку с flexbox?

Спасибо! А как растянуть по вертикали сайдбар и main?

Как складывать список при уменьшении экрана?

Спасибо, но я так понял при таком подходе все кнопки разом поместятся в скрытую кнопку. А нужно по очереди, то есть по мере уменьшения экрана

Самый простой способ сверстать несколько блоков разнoй высоты в bootstrap?

В бутстрапе блоки разной высоты распадаются.

Легкий, проверенный, семантичный способ сделать действия открытия выбора файлов?

Что странного? Можно же как то сделать чтобы по ссылки открывалось окно выбора файлов?

Как использовать Jade в моем случае?

jlekapb: 40 файлов и 45 паршлов для инклюдов.
Решил пока что косытлем в виде делая 2000. если предложите что то дельное буду рад. Jade-inheritance и кеш пробовал, временно помогает, потом опять начинается
// plugins for development
var gulp = require('gulp'),
rimraf = require('rimraf'),
jade = require('gulp-jade'),
sass = require('gulp-sass'),
inlineimage = require('gulp-inline-image'),
prefix = require('gulp-autoprefixer'),
csscomb = require('gulp-csscomb'),
plumber = require('gulp-plumber'),
dirSync = require('gulp-directory-sync'),
browserSync = require('browser-sync').create(),
concat = require('gulp-concat');

// plugins for build
var purify = require('gulp-purifycss'),
uglify = require('gulp-uglify'),
imagemin = require('gulp-imagemin'),
pngquant = require('imagemin-pngquant'),
csso = require('gulp-csso'),
combineMq = require('gulp-combine-mq');

//plugins for testing
var html5Lint = require('gulp-html5-lint');

var assetsDir = 'source/';
var outputDir = 'public/';
var buildDir = 'production/';

//----------------------------------------------------Compiling
gulp.task('jade', function () {
gulp.src([assetsDir + 'pages/*.jade', '!' + assetsDir + 'pages/_*.jade'])
.pipe(plumber())
.pipe(jade({pretty: true}))
.pipe(gulp.dest(outputDir))
.pipe(browserSync.stream());
});

gulp.task('sass', function () {
gulp.src([assetsDir + 'sass/**/*.scss', '!' + assetsDir + 'sass/**/_*.scss'])
.pipe(plumber())
.pipe(sass())
.pipe(inlineimage())
.pipe(prefix('last 3 version', '> 1%', 'safari 5', 'ie 8', 'ie 7', 'opera 12.1', 'ios 6', 'android 4'))
.pipe(csscomb())
.pipe(gulp.dest(outputDir + 'css/'))
.pipe(browserSync.stream());
});

gulp.task('jsConcat', function () {
return gulp.src(assetsDir + 'js/all/**/*.js')
.pipe(concat('all.js', {newLine: ';'}))
.pipe(gulp.dest(outputDir + 'js/'))
.pipe(browserSync.stream());
});

//----------------------------------------------------Compiling###

//-------------------------------------------------Synchronization
gulp.task('imageSync', function () {
return gulp.src('')
.pipe(plumber())
.pipe(dirSync(assetsDir + 'img/', outputDir + 'img/', {printSummary: true}))
.pipe(browserSync.stream());
});

gulp.task('jsSync', function () {
return gulp.src(assetsDir + 'js/*.js')
.pipe(plumber())
.pipe(gulp.dest(outputDir + 'js/'))
.pipe(browserSync.stream());
});
//-------------------------------------------------Synchronization###

//watching files and run tasks
gulp.task('watch', function () {
gulp.watch(assetsDir + 'pages/**/*.jade', ['jade']);
gulp.watch(assetsDir + 'sass/**/*.scss', ['sass']);
gulp.watch(assetsDir + 'js/**/*.js', ['jsSync']);
gulp.watch(assetsDir + 'js/all/**/*.js', ['jsConcat']);
gulp.watch(assetsDir + 'img/**/*', ['imageSync']);
});

//livereload and open project in browser
gulp.task('browser-sync', function () {
browserSync.init({
port: 3000,
reloadDelay: 2000,
server: {
baseDir: outputDir
}
});
});

//---------------------------------building final project folder
//clean build folder
gulp.task('cleanBuildDir', function (cb) {
rimraf(buildDir, cb);
});

//minify images
gulp.task('imgBuild', function () {
return gulp.src(outputDir + 'img/**/*')
.pipe(imagemin({
progressive: true,
svgoPlugins: [{removeViewBox: false}],
use: [pngquant()]
}))
.pipe(gulp.dest(buildDir + 'img/'))
});

//copy html
gulp.task('htmlBuild', function () {
return gulp.src(outputDir + '**/*.html')
.pipe(gulp.dest(buildDir))
});

//copy and minify js
gulp.task('jsBuild', function () {
return gulp.src(outputDir + 'js/**/*')
.pipe(uglify())
.pipe(gulp.dest(buildDir + 'js/'))
});

//copy, minify css
gulp.task('cssBuild', function () {
return gulp.src(outputDir + 'css/**/*')
.pipe(purify([outputDir + 'js/**/*', outputDir + '**/*.html']))
.pipe(combineMq({
beautify: false
}))
.pipe(csso())
.pipe(gulp.dest(buildDir + 'css/'))
});

//testing your build files
gulp.task('validation', function () {
return gulp.src(buildDir + '**/*.html')
.pipe(html5Lint());
});

gulp.task('default', ['jade', 'sass', 'imageSync', 'jsConcat', 'jsSync', 'watch', 'browser-sync']);

gulp.task('build', ['cleanBuildDir'], function () {
gulp.start('imgBuild', 'htmlBuild', 'jsBuild', 'cssBuild');
});

Почему в firefox слишком жирный текст?

Антон Ф.: Везде стоит 600, но отображается в FF как будто 900 или 800