Pull to refresh
2
0

User

Send message
Да, внутренние элементы уже нельзя выровнять (хотя изначально. Но если смотреть на примеры из статьи, то лучше было бы не выводить длинный текст целиком, а использовать text-overflow: elipsis;.

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

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

Как мне кажется, этот скрипт решает чуть больше проблем, чем может решить флексбокс. Т.е. сами карточки сделать одинаковой высоты можно и флексбоксом, но как с помощью флексбокса сделать одинаковыми по высоте внутренние элементы соседних карточек? Насколько я понял, этот скрипт подобную проблему решает, а флексбокс — нет.
Понял, спасибо! Интересно было узнать, как работает. Вариант с проведением пальца по кнопке крайне неудобен.
Если не проверяли, откуда уверенность, что именно так он работает? Видели, как другие разблокируют? Или откуда информация?
А как работает сканер отпечатков? В смысле, нужно просто приложить палец или провести поперёк кнопки сверху вниз?
Простите, но вы писали
Xiaomi за 170 баксов (64/3)
но указанная вами модель бывает максимально на 32 гигабайта без возможности подключить карту памяти и стоит при этом совсем не 170 баксов, она стоит больше 200.
Xiaomi за 170 баксов

Не могли бы вы уточнить, о какой модели идёт речь? Как раз в поисках чего-то вменяемого за небольшие деньги…
:) всегда пожалуйста.
Пожалуйста
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'));
});


Попробовал только что. Запустил дефолтную задачу и при попытке изменить 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

А что случилось с сервисом, куда он пропал? Несколько месяцев назад он прекрасно работал, а потом в один момент домен перестал резолвиться. Я думал, проблема временная, может просто забыли продлить домен, но время идёт, а ситуация не меняется.
а куда перешли с него, если не секрет?
Нет, он распаян на материнке, его нельзя вынуть. Потому у меня два диска в системе — 24 для OSX и 250 для всего остального.
Кстати я что-то не нашёл планку на 6. Только на 8.

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

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

Information

Rating
Does not participate
Location
Луганская обл., Украина
Date of birth
Registered
Activity