Какой фреймворк по flexbox взять?

Максим Гатилин: понравилась штука, меньше трачу времени на всю эту разметку и хватило минут 5-10, чтоб привыкнуть.

Сортировка списка в php?

ThunderCat: я просто нехрена не понимаю и не знаю. Php для меня другой уровень.

Сортировка списка в php?

AlikDex: блин

Сортировка элементов с помощью js?

я не знаю, как это сделать :/ ну элемент я выберу с помощью jQ var item = $('.item'); а потом с помощью find найду блок s3, а дальше как?

Какой фреймворк по flexbox взять?

Sergey: Но, все равно ваши ответы были очень полезны. Мне просто сейчас нужно сделать сайт и встал выбор framework или вручную писать. Когда вручную писал, код css весил копейки, но много багов с флекс было, перешел на framework, багов нет, но код много весит. В этот раз попробую другой framework, а дальше попробую расписать готовые mixins или что-то такое. Спасибо за ответы.

Какой фреймворк по flexbox взять?

Sergey: ну тогда идею оттуда взять то можно? Задать определенные mixins, а потом их вызывать в коде. Косяки были в том, что например я писал flex 1 0 auto, а IE11 не правильно читал это. А не в том, что указал я префикс или нет.

Какой фреймворк по flexbox взять?

Sergey: Я сейчас пишу все через Stylus. Про постпроцессоры не знаю, это наверно autoprefix? Если да, то я его тоже использую. В одном из ответов этого вопроса мне скинули это Flex Grid Framework. Я самому писать сейчас нет желания, но это отлично же подходит под ваш совет, так?

Какой фреймворк по flexbox взять?

Sergey: а gridlex полностью почти из него состоит, значит все же лучше отказаться от него, так?

[class*="grid-"][class*="-noGutter"] {
  margin: 0;
}
[class*="grid-"][class*="-noGutter"] > [class*="col"] {
  padding: 0;
}
[class*="grid-"][class*="-center"] {
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
[class*="grid-"][class*="-right"] {
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end;
  margin-left: auto;
}

Какой фреймворк по flexbox взять?

Sergey: ну, я честно говоря не могу похвастаться своим опытом (4 месяца от силы работаю над сайтами), но пока проблем от фреймворков у меня не было. Я их раньше просто не использовал из-за того, что мне сказали, их не использовать.

Какой фреймворк по flexbox взять?

Почему? Такое правило тогда вообще лучше использовать для всего, разве нет так? Я же написал, что не хочу писать вручную, потому, что потом надоедает фиксить какие-то неведомые баги

Какой фреймворк по flexbox взять?

UiKit довольно крупная штука, но как раз ее и хочу начать использовать. Надоело искать слайдеры и тому подобную фигню для каждого сайта.

Какой фреймворк по flexbox взять?

Очень интересная штука, я сам пользователь Stylus (хотя от силы использую, наверно немного его возможностей). Я так понимаю, эта штука позволяет вызывать готовую разметку в моем коде?

Какой фреймворк по flexbox взять?

littleguga: Я думал [class*=] такого вида код нагружает браузер, я был не прав? Там вроде такого вида кода очень много

[class*="grid-"][class*="-noGutter"] {
  margin: 0;
}
[class*="grid-"][class*="-noGutter"] > [class*="col"] {
  padding: 0;
}
[class*="grid-"][class*="-center"] {
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
[class*="grid-"][class*="-right"] {
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end;
  margin-left: auto;
}
[class*="grid-"][class*="-top"] {
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
[class*="grid-"][class*="-middle"] {
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
[class*="grid-"][class*="-bottom"] {
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}
[class*="grid-"][class*="-reverse"] {
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
[class*="grid-"][class*="-column"] {
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
[class*="grid-"][class*="-column-reverse"] {
  -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
[class*="grid-"][class*="-spaceBetween"] {
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
[class*="grid-"][class*="-spaceAround"] {
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}
[class*="grid-"][class*="-equalHeight"] > [class*="col"] {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
[class*="col-"][class*="-top"] {
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start;
}
[class*="col-"][class*="-middle"] {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
}
[class*="col-"][class*="-bottom"] {
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end;
}
[class*="col-"][class*="-first"] {
  -webkit-order: -1;
      -ms-flex-order: -1;
          order: -1;
}
[class*="col-"][class*="-last"] {
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
}
/************************
    GRID BY NUMBER
*************************/
[class*="grid-1"] > [class*='col'] {
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
  max-width: 100%;
}
[class*="grid-2"] > [class*='col'] {
  -webkit-flex-basis: 50%;
      -ms-flex-preferred-size: 50%;
          flex-basis: 50%;
  max-width: 50%;
}
[class*="grid-3"] > [class*='col'] {
  -webkit-flex-basis: 33.33333333%;
      -ms-flex-preferred-size: 33.33333333%;
          flex-basis: 33.33333333%;
  max-width: 33.33333333%;
}
[class*="grid-4"] > [class*='col'] {
  -webkit-flex-basis: 25%;
      -ms-flex-preferred-size: 25%;
          flex-basis: 25%;
  max-width: 25%;
}
[class*="grid-5"] > [class*='col'] {
  -webkit-flex-basis: 20%;
      -ms-flex-preferred-size: 20%;
          flex-basis: 20%;
  max-width: 20%;
}
[class*="grid-6"] > [class*='col'] {
  -webkit-flex-basis: 16.66666667%;
      -ms-flex-preferred-size: 16.66666667%;
          flex-basis: 16.66666667%;
  max-width: 16.66666667%;
}
[class*="grid-7"] > [class*='col'] {
  -webkit-flex-basis: 14.28571429%;
      -ms-flex-preferred-size: 14.28571429%;
          flex-basis: 14.28571429%;
  max-width: 14.28571429%;
}
[class*="grid-8"] > [class*='col'] {
  -webkit-flex-basis: 12.5%;
      -ms-flex-preferred-size: 12.5%;
          flex-basis: 12.5%;
  max-width: 12.5%;
}
[class*="grid-9"] > [class*='col'] {
  -webkit-flex-basis: 11.11111111%;
      -ms-flex-preferred-size: 11.11111111%;
          flex-basis: 11.11111111%;
  max-width: 11.11111111%;
}
[class*="grid-10"] > [class*='col'] {
  -webkit-flex-basis: 10%;
      -ms-flex-preferred-size: 10%;
          flex-basis: 10%;
  max-width: 10%;
}
[class*="grid-11"] > [class*='col'] {
  -webkit-flex-basis: 9.09090909%;
      -ms-flex-preferred-size: 9.09090909%;
          flex-basis: 9.09090909%;
  max-width: 9.09090909%;
}
[class*="grid-12"] > [class*='col'] {
  -webkit-flex-basis: 8.33333333%;
      -ms-flex-preferred-size: 8.33333333%;
          flex-basis: 8.33333333%;
  max-width: 8.33333333%;
}

Какой фреймворк по flexbox взять?

Ну это табличная разметка, я обычно сам себе разметки пишу, но ищу flex из-за нежелания борьбы с багами на IE

Какой фреймворк по flexbox взять?

И еще, хотелось бы узнать, правда ли [class*=] нагружает так сильно браузер.

Какой фреймворк по flexbox взять?

Ясно, спасибо. Но хотелось бы узнать еще какие-нить инструменты) Если честно, то даже хотел бы попробовать что-то вроде bootstrap, например Ulkit показался интересной штукой.

Как привязать sh скрипт к контекстному меню в windows?

Вроде бы запускается скрипт, но не запускается в текущей папке. А хз где.

Почему Cygwin не правильно читает скрипт?

Oleg: Лан, я сам решился не выпендриваться и в notepad++ сохранять в unix

Почему Cygwin не правильно читает скрипт?

Может есть способ заставить cygwin читать dos файлы? Bash от git же нормально читает и не выделывается

Как автоматизировать рутинные действия?

АртемЪ: Я это решил через курл. Я не знаю как выбрать один файл из всех файлов у которого на окончании нету -(?).jpg