vladmih

Флекса, что не на есть хорошо подходят для модальных окон. Ровняют сами, вообще супер, но... Я никак не могу понять, как работают флекса с переполнением... Что если дочерний больше, "папе" я добавляю скролл: авто, да скроллится, но как мне сделать внутренние отступы у "папы", чтоб "сынок" не прилипал к краям папы??? Накидал мальенькой пример. Вверху видно внутр. отступ есть, а внизу он съедается... Как быть? Такое наблюдаю в лисе, в вебкитах все правильно... Пример: http://codepen.io/hesrun/pen/LNjKYR

Поняли идею, тоглить классы на которых будут разные анимации, одна открытия другая закрытия?

Да, елемент скрывается через scale, добавил по умолчанию visibility: hidden, он то не анимируемый... Но эффект остается, скрытия через scale остается. Можно через анимацию, но делал через транзишн с целью простоты самой реализации и меньшего размера написанного текста... Заметна такая хреновина только в вебките

Я считаю ссылка должна быть картинкой, ибо если кому-то понадобиться картинка вашего логотипа, никто не будет заморачиваться и искать ее через свойства CSS. И стронг я считаю тоже лишним, т.к. строчный текстовый тег, для выделения важной информации по статье или еще чего-то такого плана.

Народ как решить такую проблему? Например какой-то сайдбар у меня скрыт за экраном через минусовой транслейтX или через левую позицию, любой из вариантов, и по клику на что-то он выезжает, но когда происходит рендер (ф5 или переход) страницы, я вижу в секунду как он гад уезжает за экран. В песочнице такого не наблюдаю, а вот на работе, иногда делаю такие вещи и при загрузке страницы это появляется... Извините за сумбурность, реально показать не получается. Возможно кто-то сталкивался с подобной проблемой? Вот пример такого сайдбара http://codepen.io/hesrun/pen/ZWJjwp

Ребят, кто использовал метеор, помогите. Заколебался верстать и ждать ребилда. Сохранишь одну строчку в стилях и ждешь пол минуты ребилда. У кого был опыт с ним, решали проблему как-то?

http://take.ms/00lk8 http://take.ms/T0CN2сомнительное решение... http://take.ms/alMqdтекст скачет http://take.ms/V30aWколи html5, так юзай тогда по назначению инпуты, и с мобильника юзер тебе за это спасибо скажет И самое главное, зачем тянуть весь громаднейший бутстрап, если ты все равно переписываешь стили для заголовков, кнопок, полей. И тащишь еще кучу стилей которые не юзаешь. Оставь сетку и верстай. Кода будет меньше...

Никогда не задумывались на чем написан jQuery? querySelector() / querySelectorAll() var tag = document.querySelector('p > a') tag.onclick = fun(){} или $('p > a').click(fun(){}) Разница же ощутимая? А что касается аппенда? Еще хуже! Я вообще не понимаю зачем в js отдельный метод для добавления строк и ячеек? Почему нет такого метода для вставки других тегов? Я прекрасно понимаю что jquery это фрейм-ворк для языка JS...

Понятно что он не ограничен! Ну если грубо говорить о fron-end как таковом, основная масса работы и есть работа с DOM, ну еще какая-то часть с самим браузером. Я ошибаюсь?

Я в JS не совсем профессионал, но почему ванильный настолько неудобный и громоздкий именно с манипуляцией DOM??? Благо есть Jquery!!! Я не понимаю этих мазахистов которые пишут все эти getelemen(s)By... Ведь что выбрать ведь чтоб выбрать несколько тегов, такие бубны приходится писать!!! А если подумать о создании нодов, так это вообще! Создать элемент, впихнуть в него еще какой-то, потом вставить в него HTML!!! Это треш!!! Так вот те кто пишут на ванили, у них самооценка завышена или есть какие-то плюсы? Да там производительность выше, не это в тысячных долях секунды, размер исходника?

Как вариант левым барам дать fixed позицию, а контенту маржин на ширину баров и все...

http://codepen.io/anon/pen/LGRYOM пен не сохранил... Я вот поражаюсь, два года назад когда у флексов было поддержки 30% - 40%, юзали таблицы(не путать с табличной версткой) и не стеснялись, и надежность всех устраивала, и в наше время, это уже ненадежно стало... Да и в настоящее время, встречаю проекты, в которых используется именно этот метод верстки колонок... И хоть бы кто-то покраснел. Моё ИМХО, еще пока рано... Вот когда я напишу просто display:flex и это отработает в 95% без префиксов и старых вариаций, тогда можно засучить рукава... А пока, что комфортно этим пользоваться, нужен или POST или перепроцессор, чтоб не набивать ручками, эти ленты стилей...

В этой ситуации конечно она разползется! Но кто будет засовывать в контейнер блок ширина которого больше контейнера? Я имел ввиду если задавать ячейкам явное значение ширины, таблица будет будет держаться этих размеров, в отличии если таблицам не указывать эти ширины. Да нет же :-) плющит их на малых размерах. http://codepen.io/anon/pen/dGpyMQ?editors=110 У автора ведь не респонс структура...? А флекс конечно адекватно себя ведет? http://codepen.io/anon/pen/jWMOEq Я тут с пеной у рта вообще не пойму что доказываю... Парень, три колонки одинаковой высоты на js пишет... А вы ему флекс впариваете, Когда он видимо даже не знаю о другом решении кроме своего костыля. Я думал что если и изучать каскадные таблицы стилей, то начинать нужно именно с самого начала, а заканчивать флексами. И коли это городской портал, уже щас представляю как бабулька на внучка компе под win7, пытается разобраться в этих флексах, в поисках номера телефона ЖКХ... Дай Бог ей здоровья... В этой ситуации конечно она разползется! Но кто будет засовывать в контейнер блок ширина которого больше контейнера? Я имел ввиду если задавать ячейкам явное значение ширины, таблица будет будет держаться этих размеров, в отличии если таблицам не указывать эти ширины. Да нет же :-) плющит их на малых размерах. http://codepen.io/anon/pen/dGpyMQ?editors=110 У автора ведь не респонс структура...? И вопрос, как такую гифку запилил?

В этой ситуации конечно она разползется! Но кто будет засовывать в контейнер блок ширина которого больше контейнера? Я имел ввиду если задавать ячейкам явное значение ширины, таблица будет будет держаться этих размеров, в отличии если таблицам не указывать эти ширины. Да нет же :-) плющит их на малых размерах. http://codepen.io/anon/pen/dGpyMQ?editors=110 У автора ведь не респонс структура...?

Если ты делаешь адаптивный сайт, то ты обязан так писать. Иначе у тебя не адаптивный сайт, а непонятная хрень. Другое дело, что проектирование адаптивного сайта - задача непростая и её никто в России делать не умеет. Ну по крайней мере я такого человека не видел никогда в глаза У хорошего адаптивного сайта всё читабельно несмотря на отсутствие возможности зума. Подписываюсь под каждым словом. Если тебе на мобиле не удобно, это значит так спроектировали....

Так речь же шла, о том что как сделать три колонки одной высоты. Автор пришел к js. Ниже сказали, что можно таблицами, но "ячейки часто не слушаются свойств width и height". Как видно моего пена, все слушается... В пене, левая резиновая, центральная и права фиксированная...

как это? http://codepen.io/anon/pen/NxrQVO Левая резина, правые фикс. Пляши как хочешь http://codepen.io/anon/pen/NxrQVO

через !important они становятся очень даже послушными))))

Делай через псевдо, абсолютным блоком, и вытягивай его на ширину и высоту контейнера. http://codepen.io/anon/pen/dGXExq

https://jsfiddle.net/hhrjpjg3/5/ вот так наверное?

Пффф, а как же верстка приложений на html под мобильное устройство? Там ты часто замечал масштабирование? Да и вообще часто ли вы увеличивали масштаб у нормальных веб приложений?

в метатеге, user-scalable=no, тогда вообще не будет увеличивать, или в инпуте размер шрифта не менее 16 px по-моему. Тогда не будет при фокусе приближать. была такая же таска в разработке мобильной версии проекта, нашел пока что такие решения...

Это ретине рисовалось, дели пополам. Тоже зае**ует такое

Поставь черный фон в html

После них кто-то будет компиленный править)))))