«Великий уравнитель» или способ решить проблему выравнивания по высоте

Как в ситуации, когда нужно выровнять не только сами карточки, но и их содержимое по соседним элементам, поможет флексбокс? Имею ввиду нечто подобное — ссылка — пример утрированный, но вполне отображает суть проблемы — сами карточки товара одинаковой высоты, а вот внутренние элементы у соседних карточек совсем не по сетке и разной высоты. Скрипт автора статьи решает эту задачу в том числе. Если подскажете, как подобное реализовать на флексбоксе — буду очень благодарен.
PS я к скрипту этому не имею никакого отношения.

«Великий уравнитель» или способ решить проблему выравнивания по высоте

И зачем на JS решать задачи вёрстки, когда есть а) флексбоксы (почти все браузеры), б) старая статья «Список блоков с разным вертикальным выравниванием» (с ограничениями, но тут можно приспособить)?

Если у карточки товара более 1 элемента с плавающей высотой, а уровнять нужно все, то этот способ не подойдёт, к сожалению.

«Великий уравнитель» или способ решить проблему выравнивания по высоте

Зачем js? Чем flexbox не угодил?

Как мне кажется, этот скрипт решает чуть больше проблем, чем может решить флексбокс. Т.е. сами карточки сделать одинаковой высоты можно и флексбоксом, но как с помощью флексбокса сделать одинаковыми по высоте внутренние элементы соседних карточек? Насколько я понял, этот скрипт подобную проблему решает, а флексбокс — нет.

Про Xiaomi Mi5: недостатки, первые впечатления и живые фотографии из Барселоны

Понял, спасибо! Интересно было узнать, как работает. Вариант с проведением пальца по кнопке крайне неудобен.

Про Xiaomi Mi5: недостатки, первые впечатления и живые фотографии из Барселоны

Если не проверяли, откуда уверенность, что именно так он работает? Видели, как другие разблокируют? Или откуда информация?

Про Xiaomi Mi5: недостатки, первые впечатления и живые фотографии из Барселоны

А как работает сканер отпечатков? В смысле, нужно просто приложить палец или провести поперёк кнопки сверху вниз?

Смартфон Zuk Z1. Тот ещё ZUK

Простите, но вы писали

Xiaomi за 170 баксов (64/3)

но указанная вами модель бывает максимально на 32 гигабайта без возможности подключить карту памяти и стоит при этом совсем не 170 баксов, она стоит больше 200.

Смартфон Zuk Z1. Тот ещё ZUK

Xiaomi за 170 баксов

Не могли бы вы уточнить, о какой модели идёт речь? Как раз в поисках чего-то вменяемого за небольшие деньги…

Как я использую PostCSS

:) всегда пожалуйста.

Как я использую PostCSS

Пожалуйста

var autoprefixer = require('autoprefixer-core');
var center = require('postcss-center');
var clearfix = require('postcss-clearfix');
var colorshort = require('postcss-color-short');
var cssnano = require('cssnano');
var discardcomments = require('postcss-discard-comments');
var focus = require('postcss-focus');
var gulp = require('gulp');
var htmlhint = require('gulp-htmlhint');
var imagemin = require('gulp-imagemin');
var mediaminmax = require('postcss-media-minmax');
var pngquant = require('imagemin-pngquant');
var postcss = require('gulp-postcss');
var precss = require('precss');
var pxtorem = require('postcss-pxtorem');
var short = require('postcss-short');
var size = require('postcss-size');
var uglify = require('gulp-uglify')

gulp.task('default', function() {
  gulp.watch('src/html/**', function(event) {
    gulp.run('html');
  });
  gulp.watch('src/css/**', function(event) {
    gulp.run('postcss');
  });
  gulp.watch('src/js/**', function(event) {
    gulp.run('js');
  });
  gulp.watch('dist/images/**', function(event) {
    gulp.run('images');
  });
});


// HTML

gulp.task('html', function() {
  gulp.src('src/html/**/*.html')
      .pipe(htmlhint())
    .pipe(gulp.dest('dist/'))
});


// PostCSS

gulp.task('css', function () {
    var processors = [
        colorshort,
        focus,
        center,
        mediaminmax,
        precss,
        short,
        size,
        clearfix,
        pxtorem,
        discardcomments,
        autoprefixer({browsers: ['last 5 version', 'ie 8']}),
        cssnano
    ];
    return gulp.src('src/css/*.css')
        .pipe(postcss(processors))
        .pipe(gulp.dest('dist/css/'));
});

// JavaScript

gulp.task('js', function () {
    return gulp.src('src/js/*')
          .pipe(uglify())
        .pipe(gulp.dest('dist/js'));
});

// Image files

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

Как я использую PostCSS

Попробовал только что. Запустил дефолтную задачу и при попытке изменить css файл сразу же получил вот что:

[12:27:46] Task 'postcss' is not in your gulpfile
[12:27:46] Please check the documentation for proper gulpfile formatting
gulp.run() has been deprecated. Use task dependencies or gulp.watch task triggering instead.

Process finished with exit code 1

Работать вместе несмотря на расстояние: История появления Remote.st

А что случилось с сервисом, куда он пропал? Несколько месяцев назад он прекрасно работал, а потом в один момент домен перестал резолвиться. Я думал, проблема временная, может просто забыли продлить домен, но время идёт, а ситуация не меняется.

Очередной взлом FL.ru

а куда перешли с него, если не секрет?

Очередной взлом FL.ru

уже нету

Опыт использования Asus UX32A — моего первого ультрабука от фирмы, в которую я верил

Именно.

Опыт использования Asus UX32A — моего первого ультрабука от фирмы, в которую я верил

Нет, он распаян на материнке, его нельзя вынуть. Потому у меня два диска в системе — 24 для OSX и 250 для всего остального.

Опыт использования Asus UX32A — моего первого ультрабука от фирмы, в которую я верил

Кстати я что-то не нашёл планку на 6. Только на 8.

Ну, думаю, таких планок просто не существует. Ставить стоит именно на 8, чтоб в сумме получилось 10.

Если поставить ssd на 250 гигов, то вполне достаточно на самом деле. А с родным… Ну, поменять его нельзя, конечно, но можно же просто использовать, как отдельный диск. Для второй системы, например, или ещё чего. У меня на нём OSX стоит.

Опыт использования Asus UX32A — моего первого ультрабука от фирмы, в которую я верил

Да, слот один и станет в него только ssd толщиной 7мм или тоньше.

Опыт использования Asus UX32A — моего первого ультрабука от фирмы, в которую я верил

Там распаяно 2 гига и планка на 2 гига вставлена. Вот планку и меняем.

Опыт использования Asus UX32A — моего первого ультрабука от фирмы, в которую я верил

Вполне станет восьмигиговая планка в единственный разъём и будет у вас 10 гиг. Лично я, как многие другие, именно это сделали в первую очередь. А ещё заменил медленный hdd на шустрый ssd и ультрабук легко заменил мне в поездках мощный десктоп. PhpStorm, Photoshop и многое другое, запущенное одновременно, вполне шустро работает. Т.е. в плане производительности у меня претензий к моему ux32vd нет вообще. А вот в плане глюков — вполне себе. Тачпад отлично работает на свежевключенном ноуте, но часто перестаёт понимать жесты после нескольких закрытий/открытий крышки. Ноут периодически «недозасыпает» (экран тухнет, но вентиляторы работают и на клавиши никакой реакции) и разбудить его можно только через выключение долгим нажатием кнопки питания и включением. Если горячими кнопками перевести ноут в «самолётный режим», когда выключаются беспроводные устрояства, то назад их включить уже не получается (не всегда, но часто). Верней, они как бы включаются, в системе есть, но тот же файфай, например, перестаёт видеть сети вообще. Причём дело не в самом вайфае, т.к. я пробовал использовать Wi-Fi-usb свисток и он точно так же выключился и не включился. В первый раз не нашёл варианта, кроме переустановки винды, дальше находил какую-то утилиту стороннюю, которая включала беспроводные устройства нормально. Через полгода использования помер встроенный ssd и ноут перестал вообще нормально грузиться хотя бы в биос. Гарантийная замена материнки решила эту проблему, но все остальные глюки остались и после неё.
PS начёт вопроса

Что нужно было делать, чтобы выгнуть кусок металла?

— а ничего особенного. У меня, например, просто в один из портов был вставлен usb свисток от беспроводной мыши. Я просто взял ноутбук одной рукой сбоку со стороны этого свистка, потом, держа ноут горизонтально, слегка ослабил хват и свисток упёрся мне в большой палец. Вроде не сильно, но в итоге «кусок металла» нормально так помялся.