Задать вопрос

koutsenko

Комментарии

  • Чем webpack лучше gulp/grunt?

    @koutsenko
    Илья Кантор: а я-то думал что browserify нужен для работы с npm-пакетами в js-приложениях для браузеров и сборка тут - лишь частная фича - чтобы сделать bundle с этими взятыми из npm-экосистемы библиотеками... Разве webpack в этом плане может делать то же самое?
    Написано

  • Как растянуть div по горизонтали, если ему предшествует изображение с высотой 100%?

    @koutsenko Автор вопроса
    Avivar

    > А почему Вы не хотите при изменения размера экрана тем js менять и размер отступов?

    Смешанную js- и css- верстку тяжело кодить и править. Если делать на чистом js, то код получается тяжелый, начинает тормозить сам ресайз (много DOM-элементов), а если троттлить реакцию на ресайз, то появляется видимая задержка. Так что, верстаю на css с очень редкими исключениями навроде плавного ресайза шрифтов через js (и тот с троттлингом). Плюс в верстке задействованы aspect ratio (портретные и ландшафтные режимы) посредством css3 media queries, и это очень удобные вещи...

    Касаемо примера - почти работает. Если затроттлить в js изменение шрифта ( jsfiddle.net/koutsenko/g3fxh3k6/8 ) и выписать всё из jsfiddle в отдельный html, то и при запуске отображается как надо, и шрифт не сломается (безвовратно огромный) если хаотично туда-сюда ресайзить окно. Осталось понять, почему на маленькой высоте у распорки появляется какой-то дополнительный отступ... Когда делал сам через display: table, то этот отступ вылез сразу и вообще не хотел уходить, из-за чего я сразу отмел подобную реализацию...
    Написано

  • Как растянуть div по горизонтали, если ему предшествует изображение с высотой 100%?

    @koutsenko Автор вопроса
    Увы, не совсем. Дополнил схему вопроса, итоговая "таблица" должна быть занимать всю высоту окна. Вот здесь я пытался сделать - jsfiddle.net/koutsenko/g3fxh3k6 . Черная распорка занимает всю высоту окна и имеет ширину в зависимости от высоты окна, это видно если изменить размера окна по высоте. Надо бы разместить div справа от нее так, чтобы он был 100% высоты и занял всю оставшуюся ширину таблицы.

    Немного технических деталей:
    - на приведенном jsfiddle есть кусочек js, который обеспечивает принудительный reflow браузера, без которого родительские контейнеры распорки могут не всегда перерисовываться
    - распорки это прошлый век, но margin и padding всегда зависят от ширины, мне же надо отталкиваться от высоты
    - в CSS3 есть всякие штуки вроде vh, vw, column layout - они в IE9 не работают, увы

    Спасибо за внимание
    Написано