Marseille
На десктопе - axure, в вебе - moqups, atomic, invision, ninjamock, да куча их
Anonymous
ninjamock
Anonymous
На десктопе - axure, в вебе - moqups, atomic, invision, ninjamock, да куча их
Нинзямок лучший в вебе)
Дмитрий Рыбалкин
так это что, вот так правильно оборачивать макет? я только header, nav и aside применял, а тут вон оно как оказывается
Егор
лулз
Николай
Может кому-то пригодится
#договор для фрилансера
https://journal.tinkoff.ru/freelance-contract/
https://docs.google.com/document/d/1NYlj91WsaRSIHcDgNkqRcrZphxfVGc9t7chkxFvO0iI/edit
Anonymous
Николай
ага
Николай
домен надо купить, все не найду времени )
Миша
у кого-нибудь есть psd макет под разные разрешения со стайлгайдом? или ткните носом, где такие лежат
Николай
http://h1517.hostest.ru/ws/
Миша
спасибо 👍
Anonymous
Да
Anonymous
Да
Anonymous
ребяты
Anonymous
Anonymous
какие есть способы кадрировать версткой изображения в карусели
Anonymous
чтоб одинаковых размеров прямоугольники были
Anonymous
Миша
делать блоки дивам, на фон картинку с background-size: cover
Миша
или внутри дива лежит картинка и overflow: hidden;
Sarge
есть битриксисты нормальные тут? есть задача по допиливанию модуля shiptor и функционала оплаты\доставки
#bitrix #битрикс
Миша
или внутри дива лежит картинка и overflow: hidden;
хотя это тупой костыль, для миниатюр должны быть картинки в меньшем разрешении, чтобы не подгружать много
Anonymous
миниатюры же тоже разноформатные будут
Anonymous
Anonymous
вроде норм
Миша
при ресайзе миниатюр их можно обрезать. можешь использовать свойство columns , поддержка с префиксами 97.7%
Миша
в галерее точно необходимы миниатуры, а при клике на нужную картинку должна открываться ее полная версия
Anonymous
да это понятно
Anonymous
про миниатюры и речь
Миша
а, если ты так миниатюры обрезаешь, то норм, но ещё лучше будет фоном с background-size: cover .
Сергей
а, если ты так миниатюры обрезаешь, то норм, но ещё лучше будет фоном с background-size: cover .
так cover же только для bg image вроде как
Миша
ну я и написал, что фоном
Aler
Aler
парни, я правильно понимаю, что justify-self: flex-end
Aler
должен его сдвинуть в конец?
Aler
не хочу добавлять пустой элемент с grow: 1
Миша
у флексов нет свойства justify-self
Aler
я сделал "хаком"
Aler
у меню добавил grow: 1
Aler
ну это не костыль, но не логично
Миша
внутри левой колонки может быть не два блока, а больше
Миша
лишняя обертка не костыль? и чем свойство flex-grow не логично?
0xVoushi
лишняя обертка не костыль? и чем свойство flex-grow не логично?
чем же это костыль?
надо смотреть на макет
ты же задал условие о том, что там может быть больше, чем 2 блока
Aler
я плодить дерево не хочу
Aler
чем же это костыль?
надо смотреть на макет
ты же задал условие о том, что там может быть больше, чем 2 блока
а логотип и меню ничего не говорит?
Aler
там еще и под контактами лого студии
Aler
но его не было на момент вопроса
0xVoushi
а логотип и меню ничего не говорит?
пфф
я чо ванга и мне делать нехер структуру гадать?)))000
Миша
чем же это костыль?
надо смотреть на макет
ты же задал условие о том, что там может быть больше, чем 2 блока
хотя, наверное твой вариант более универсальный. при добавлении нового блока в меню, в случае с flex-grow придется добавлять свойство к элементу после меню, а у меню соответсвенно убирать, в твоем же случае, придется просто положить его в обертку. а насчет обертки, то ее можно сделать элементом header, так вообще будет хорошо, правильно, семантично.
0xVoushi
хотя, наверное твой вариант более универсальный. при добавлении нового блока в меню, в случае с flex-grow придется добавлять свойство к элементу после меню, а у меню соответсвенно убирать, в твоем же случае, придется просто положить его в обертку. а насчет обертки, то ее можно сделать элементом header, так вообще будет хорошо, правильно, семантично.
ну макет надо смотреть или gist
ибо сложна в абстракции
Dmitry
ну раз 7 тел тебе говорят одноитоже значит вывод сам напрашивается )
Aler
ты видимо перепутал что-то
я уже остыл и нагреваться не хочу. Но на будущее когда пишешь кому-то (разработчику), что он делает костыль, стоит ожидать негатива в свой адрес
Aler
хотя, наверное твой вариант более универсальный. при добавлении нового блока в меню, в случае с flex-grow придется добавлять свойство к элементу после меню, а у меню соответсвенно убирать, в твоем же случае, придется просто положить его в обертку. а насчет обертки, то ее можно сделать элементом header, так вообще будет хорошо, правильно, семантично.
я остыл, подумал и теперь не знаю даже как правильнее
Aler
Можно вообще вынести это в отдельный вспомогательный паттерн. Типа start и end контент блока
Aler
и использовать везде где потребуется
Aler
потому, что у меня еще пару мест аналогичных точно будет
Миша
я уже остыл и нагреваться не хочу. Но на будущее когда пишешь кому-то (разработчику), что он делает костыль, стоит ожидать негатива в свой адрес
но в твоем случае это и правда костыль, при добавлении нового блока после меню, тебе придется переопределять свойство flex-grow, то есть убрать у блока с меню и добавить новому блоку, в случае же с оберткой header, ты просто добавляешь любой блок в нужное место
Aler
но в твоем случае это и правда костыль, при добавлении нового блока после меню, тебе придется переопределять свойство flex-grow, то есть убрать у блока с меню и добавить новому блоку, в случае же с оберткой header, ты просто добавляешь любой блок в нужное место
так у меня сайдбар говорит где гроу, а кто нет
Aler
сами элементы не знаю ничего об этом
Aler
так что такого рода костыльности нету
Dmitry
не нужны марджины в бутстрапе:)
Dmitry
паддингов сделай блокам :)
Dmitry
*картинкам
Dmitry
ну ты понел
Миша
так у меня сайдбар говорит где гроу, а кто нет
у флексов свойство flex-grow применяется к элементам флекс-контейнера, а не к родителю, или ты про какой-то другой grow?
Dmitry
так выходит что ты ширины добавил же и оно не влезло
Aler
у флексов свойство flex-grow применяется к элементам флекс-контейнера, а не к родителю, или ты про какой-то другой grow?
.sidebar > .menu { flex-grow: 1 }
Aler
я это имел ввиду
Миша
а, ну подумай, что будет если после .menu надо будет добавить какой-нибудь блок
Aler
да, я понял тебя. Нужно будет изменить свойство flex-grow
Aler
я понимаю, да
Миша
в твоем случае идеальный выход такой, делаешь сайдбар тегом section, внутри него два тега header и footer, у хедера, соотвественно, flex-grow: 1;