by chris

46 минут назад, radioactive сказал:

ну а вообще обходной путь можно поискать для ie, если вообще тс решит под него писать

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

@radioactive, в ие10 такая разметка крашнется.

10 часов назад, radioactive сказал:

https://jsfiddle.net/qmp0hnL2/1/

 

Тут размеры элементов определяет контент. Если убрать текст у четного дива, то первый растянется на всю ширину, т.е в итоге может вообще занять 600 пикселей. Если тс такое поведение в компоновке устраивает, тогда хорошо. Но это не решение задача "пикселей и процентов".

11 час назад, хакер ботаник сказал:

Так ведь таких блоков в 600px может быть больше 1

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

@хакер ботаник, Я вижу что в данном случае ширина как-раз всегда известная. Величина не возьмется из ниоткуда она либо задается вручную в css, либо через js, а в условии яваскрипт не используется.
И что вообще значит 

17 минут назад, хакер ботаник сказал:

всегда разная

@MiHALbI4, http://codepen.io/default_/pen/JbyaNe

57 минут назад, хакер ботаник сказал:

использования процентов и пикселов

Вот только зачем?

http://codepen.io/default_/pen/VmzGvR

4 часа назад, Endorphin сказал:

Ну по поводу btn это класс для кнопок в котором будет прописана общая стилизация для всех кнопок в макете, ибо они идентичны, по бэму рассказывали такой прием имеет место быть, чтобы не копипастить код для нее несколько раз, т.е у меня в less есть блок button, в котором будут все кнопки прописаны. .reviews сделал для того чтобы я смог отзывы стилизовать под тип слайдера. Нажал кнопочку следующий отзыв выехал. Как то так. Скажите свое мнение о данном блоке, если есть ошибка поправьте.

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

2 часа назад, ЮрийВеб сказал:

Т.е. в em? А почему, не поделитесь?

В em или rem. По-первых для адаптивности. Через rem можно изменять размер типографики от рута (html) для всей страницы. А через em от родителя блока  по-модульно, изолированно.

6 часов назад, Endorphin сказал:

Поэтому модификатор у элемента. Интересно ваше мнение по поводу правильно ли я понял концепцию именования. И не наделал ли ерунды всякой

Тогда встает вопрос. Как вы понимаете классы .reviews и .btn в данной разметке - 

 <article class="about__reviews reviews">
 ...
 <a href="#" class="reviews__write btn">Написать</a>
 ...

21 час назад, aqua.77 сказал:

Почему если присвоить href="#" то, таблица закрывается и браузер возвращается на начало страницы

Таково действие по умолчанию.

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

Повторяйте за ним

Это лучший случай для тс

Люблю бэм и тех кто его использует. Замечу на счет модификаторов, практика показала что лучше использовать их не для элементов а для блока. Таким образом код чище и легче приплясывать в препроцессорах, как для штмл, так и для цсс.

Грид-раскладка штука годная. Только когда я начну ее использовать? Возможно, через лет эдак 10. Если нету подготовленных снипетов, шаблонов, то можно и засматриваться. Иначе только мозг себе забивать лишней инфой, имхо.

6 часов назад, BrusSENS сказал:

Так и я не спорю) Просто привёл аргументы в пользу реализации на PHP)

Так я и не отрицал)

12 часа назад, BrusSENS сказал:

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

Увы, увы.. Никто не спорит.

Конечно, конечно. Пусть делает на php.

@alleclf, https://www.w3.org/TR/css-flexbox-1/

Тут php не нужен. В первый раз пользователю придется скачать весь файл json. Затем при каждой загрузке страницы забираем значение из локального хранилища и оперируем им. Storage mdn

setValueInStorage("1", function(str) {
  // делаем с нашей строкой все что вздумается
  document.write(str);
});

function setValueInStorage(key, callback) {
  if (('myvalue' in localStorage)) return callback(localStorage.myvalue);

  var json, value;

  $.getJSON('my.json', function(data){
    json = data;
    value = json[key];

    localStorage.myvalue = value;
    callback(value);
  });
}

@alex_web64, а в сторэдж записывать значение не вариант?

@Анатолий1944, технология плейсхордеров не особо перспективная. Сейчас в тренде и еще будет долгое время - позиционирование связанного элемента label с последующей его анимацией.

9 минут назад, aqua.77 сказал:

Есть этот сайт на русском?

Попробуй найди компетентного переводчика. Надо ведь не просто перевести, а осмысленно и качественно. Разве что, @SelenIT - эту задачку можно доверить. Только это дело не благодарное получится. Работы много, а профита мало)

Во втором случае достаточно вызвать функцию f.

@aqua.77, нужно отменить прижатие слева. left: auto;

6 часов назад, Джулия сказал:

но,чтобы быстрый-быстрый клик по табам работал(

Лучше задать себе вопросы. Зачем мне это надо? Кто вообще так будет делать?

п.с. мне на эти вопросы отвечать не надо)

@nickptg26, через мыло работать неэффективно. Есть скайп?