aqua.77

	gulp.src('styles/style.css').on('data', (file) => {
		return prettier.resolveConfig('styles/style.css').then((options) => {
			return prettier.format(file.contents, Object.assign(options, {filepath: 'styles/style.css'}));
		});
	})
	.pipe(gulp.dest('styles'));

Как мне прогнать файл styles/style.css через через галп, с помощью prettier ?

Многие сервисы можно подключить разными способами. 
Hапример подключить Stylelint в проект можно: с помощью API, с помощью плагина PostCss, с помощью плагина gulp-stylelint, и вроде ещё с помощью webpack. Только ли в удобстве заключается разница между этими способами? Влияет ли способ подключения на скорость работы? Если результат всегда один, какая разница в способах подключения.

Плюс иногда плагины обрабатываются методом pipe (потоками) - значит работают быстрее

1 час назад, mrnobody сказал:

Блин, не знаю — ничего не происходит когда вызываю методы `mySwiper.init();` / `mySwiper.update();` при ресайзе.

Знаешь, возможно это костыль, но я что-то вроде этого придумал ?

$( window ).resize(function() {
	mySwiper.autoplay.stop();
  mySwiper.autoplay.start();
});

 https://jsfiddle.net/24nsz5rq/5/

2 часа назад, mrnobody сказал:

https://jsfiddle.net/mrnobody/24nsz5rq/1/

Я тоже так сделал https://jsfiddle.net/24nsz5rq/2/ Но,1 вопрос. как сделать чтобы при изменении экрана слайды продолжали двигаться, а не останавливались?

https://jsfiddle.net/hjyern2a/

Сейчас слайдер медленно двигается от первого слайда до последнего. Но когда достигает последнего элемента, он начинает резко скролить в начало. Как настроить так, чтобы при достижении последнего элемента он начинал так же медленно двигаться до первого и т.д. Т.е. как качели - от первого до последнего и обратно, с одинаковой скоростью.

1 час назад, klierik сказал:

https://jsfiddle.net/klierik/s4eoawef/19/

А как точно так же сделать на чистом JavaScript???

Как сделать чтобы событие на 'div' выполнилось, после своего появления от нажатия на 'p' ?

https://jsfiddle.net/s4eoawef/17/ 

Что за термин Полифилл?? касательно JS

Почему элемент <li> внутри элемента <p> тоже входит в выборку селектора ul > li ?
он же не непосредственно дочерний https://jsfiddle.net/5unz8ta4/

И не работает если у карусели стоит значение loop: true, а если false то норм

https://jsfiddle.net/hhnq8a26/21/

1 час назад, DivMan сказал:

Да вроде бы тоже в браузере хранится, ведь при закрытии браузера, сессия удаляется. 

В браузере хранится  куки с идентификатором сессии пользователя, а сами данные на сервере.

Когда создаётся куки setcookie("Cookie", "123"); Значение "123" хранится в браузере пользователя и занимает несколько байтов памяти компьютера.
Если же создаётся сессия session_start(); $_SESSION['session'] = "456"; То значение "456" хранится на сервере и занимает память сервера верно?

В 29.04.2017 в 15:53, andrey7287 сказал:

А самому попробовать ? 

Не разу не использовал Pull и Push в бутстрап. При грамотном подходе они просто не нужны. Если возникают какие то сложности, проще сверстать отдельно взятый блок ТАК как вам нужно, не стоит становится заложником технологии.   

Как вариант, не большие элементы можно подвигать через translate или position. 

Про JS уже написали. Выбирайте что вам подходит. Успехов.

Как пример в бутстрапе нельзя сделать 5 ровных колонок занимающие всю ширину. Приходиться самому создавать, или редактировать в бутсбрапе ширину для col-lg-2

1 час назад, Vlad_P сказал:

Или js или дублировать блоки, по другому никак

Так я пологаю тоже не получится? 

<container>
  <div class="row">
   <div class="col-xs-12 col-md-12">
    <div>1</div>
    <div class="col-xs-push-12">3</div>
   </div>
    <div class="col-xs-12 col-md-12">
        <div class="col-xs-pull-12">2</div>
        <div>4</div>
    </div>
  </div>
</container>

Можно ли при такой структуре поменять местами при маленьких экранах блоки  c текстом 2 и 3?

<container>
  <div class="row">
   <div class="col-xs-12 col-md-12">
   	<div>1</div>
   	<div>3</div>
   </div>
    <div class="col-xs-12 col-md-12">
    	<div>2</div>
    	<div>4</div>
    </div>
  </div>
</container>

т. е. сперва идёт обычный порядок  1 3 2 4, а при размере col-xs-12 меняется на 1 2 3 4

афтер не работает https://jsfiddle.net/1ygc5Lkb/

1 hour ago, Tilonorrinco said:

Так и должно быть. NaN != NaN.

NaN вообще ничему не ровно получается

Смотрите: 
var n=prompt(); // Если ввести строку
n=+n;
alert(n); // И вывести непосредственно alert(n); То выводит NaN
Но если проверить n==NaN будет false

1 hour ago, Igor Schnaider said:

Он построение DOM не блокирует

Тогда вопрос;

Примитивный пример: Есть скрипт с алертом, подключенный вот так <script src="js.js" defer></script> с defer. При обновлении сперва появляется алерт и только потом контент страницы. Почему так, ведь defer подразумевает сперва загружать содержимое страницы и только потом скрипт?

1 hour ago, Igor Schnaider said:

асинхронный

То есть не ждёт полной загрузки страницы, а выполняется как только сам загрузился?

Оба метода гарантируют что скрипт загрузится только после того когда загрузится весь html документ. Какая между ними разница кроме той, что $(document).ready пишется в js файле, а defer в атрибуде?

В коде

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

$('.wrapper img').each(function(){
var att =$(this).attr('src');
var qwe = /(\.\w{3,4}$)/;
att=att.replace(qwe,'_q.jpg');
var newI= $('<img src="'+att+'">');
$(this).click(function(){ 
$('.open').append('newI');
});
});

Я применил вот такой цикл предварительной загрузки изображений. Т.е. each проходит по всем изображениям получает их src адрес, и загружает её в переменной att. После при клике должна без загрузки появится большая версия картинки. Я всё правильно сделал? на практике всё работает без зависаний.

    $('.wrapper img').each(function(){
        var att =$(this).attr('src');
        var qwe = /(\.\w{3,4}$)/;
        att=att.replace(qwe,'_q.jpg');
        
        var newI= $('<img src="'+att+'">');
        
        $(this).click(function(){ 
          
        $('.light img').attr('src',att);
    });

Я понимаю что display не анимируется, но height то анимируется. Как объединить эти два свойства вместе? Стоит задача плавно раскрыть скрытый элемент. Да знаю можно сделать visibility: hidden, но хочется чтобы лишний блок не нагружал браузер и не появлялся до своего момента. https://jsfiddle.net/2ds6ke41/