Всем привет. У меня вопрос на счет верстки, раньше занимался изучением только бэк-энд части и с версткой знаком только на уровне гугления стэковерфлоу. У меня есть отцентрированная картинка в div'е, её размеры заданы через max-width: 90%; max-height: 90%; Теперь хочу добавить полу-прозрачные кнопочки на ней, типа лайк, дизлайк, увеличить и всякое такое. Как я понимаю это делается через position: absolute; но вот беда, ни позиции картинки, ни её размеров я не знаю. Есть идея узнать размеры dom-элемента через js, но я пишу на ELM-languge, где страница рендерится вся вместе и подобное провернуть довольно проблематично. Потому наталкиваюсь на мысль что делаю я это все неправильно. Подскажите, пожалуйста, как такое делается и чем?

Всем привет. У меня вопрос на счет верстки, раньше занимался изучением только бэк-энд части и с версткой знаком только на уровне гугления стэковерфлоу. У меня есть отцентрированная картинка в div'е, её размеры заданы через max-width: 90%; max-height: 90%; Теперь хочу добавить полу-прозрачные кнопочки на ней, типа лайк, дизлайк, увеличить и всякое такое. Как я понимаю это делается через position: absolute; но вот беда, ни позиции картинки, ни её размеров я не знаю. Есть идея узнать размеры dom-элемента через js, но я пишу на ELM-languge, где страница рендерится вся вместе и подобное провернуть довольно проблематично. Потому наталкиваюсь на мысль что делаю я это все неправильно. Подскажите, пожалуйста, как такое делается и чем?

загугли jquery, там все изи делаетс

Ребят есть вопрос по mocha describe('level1') { beforeEach(() => {}) it('test from level1', () => {}) describe('level2', () =>{ it('test from level2', () => {}) }) }) beforeEach сработает только на test from level1, или ещё и на test from level2 ?

по логике только на первый

а вообще возми да проверь )

Всем привет. У меня вопрос на счет верстки, раньше занимался изучением только бэк-энд части и с версткой знаком только на уровне гугления стэковерфлоу. У меня есть отцентрированная картинка в div'е, её размеры заданы через max-width: 90%; max-height: 90%; Теперь хочу добавить полу-прозрачные кнопочки на ней, типа лайк, дизлайк, увеличить и всякое такое. Как я понимаю это делается через position: absolute; но вот беда, ни позиции картинки, ни её размеров я не знаю. Есть идея узнать размеры dom-элемента через js, но я пишу на ELM-languge, где страница рендерится вся вместе и подобное провернуть довольно проблематично. Потому наталкиваюсь на мысль что делаю я это все неправильно. Подскажите, пожалуйста, как такое делается и чем?

ставь не css стили, а на elm используя 90 процентов от длины и высоты window или parent блока (я хз от чего там у тебя), и потом уже от этих величин и пляши

Тем самым будешь знать все размеры, стили тогда пиши в ELM

ставь не css стили, а на elm используя 90 процентов от длины и высоты window или parent блока (я хз от чего там у тебя), и потом уже от этих величин и пляши

Так бы и сделал, но беда в том что размеры картинки не знаю как получить... Хочу чтобы она нормально влазила на страницу и сохраняла aspect ratio, соответственно потому не статически задаю width, а использую max-width

Кто нить сталкивался с проблемой TypeError: User.findOne is not a function при использовании passport.js?

Кто нить сталкивался с проблемой TypeError: User.findOne is not a function при использовании passport.js?

ожидалась функция, а там не функция, лезь в исходники и правь

Нашёл решение! Кому интересно:

Тададададам!

.MemeImage { position: relative; display: inline-block; background-size: cover; max-width: 90%; max-height: 90%; } .FakeMemeImage { visibility: hidden; } .Like { position: absolute; right: 10px; bottom: 10px; }

и верстка

div [ ( class "MemeImage" ), ( style [ ("background-image", "url(\"" ++ currentMeme.image.urlMini ++ "\")") ] )] [ img [ class "FakeMemeImage", src currentMeme.image.urlMini ] [], button [ class "Like" ] [ text "Like" ] ]

Если кратко: выставить картинку как фон дива, а внутрь дива запихнуть ту же картинку в теге img с visibility: hidden. Все, в див можно пихать кнопочки с absolute позиционированием.

Блаженный kicked for flood!

глупый бот

Неловко вышло

Теперь все знают, что 7 постов в минуту это предел)

для форварда нормально

глупый бот

/warn

Блаженный has been warned (1/5)

сказал бы глупая модерация, но бан получу

http://i.prntscr.com/635fd5ea6bb04422a60c5ec05b33f876.png

подскажите как эти полоски называются

хочу убрать

и зачем они нужны

VCS смотрит за изменениями в файле

хочу убрать

не убирай, они помогают понять какие строки ты меняешь от коммита к коммиту

понял

сказал бы глупая модерация, но бан получу

/warn

Блаженный has been warned (2/5)

ну пошли нахрен

а как проголосовать против?

или можно ток кикать

а как проголосовать против?

ты и за не можешь

/warn

а, вы модерэйшны?

Знаете что, ребят

у меня вопрос к вам серьезный

кто тут юзает бутстрэп?

кто тут юзает бутстрэп?

?

+

кто тут юзает бутстрэп?

йа

ток ты чатом ошибся

ну тут же js

и так, какие подводные камни и почему люди чаще всего используют только сетку?

ну тут же js

А бутстрап цсс + готовые кусочки на жс

и так, какие подводные камни и почему люди чаще всего используют только сетку?

Потому что всех остальных компонентов реализация есть лучше и поудобнее. Мне вот ui-часть бутстрапа не нужна

и так, какие подводные камни и почему люди чаще всего используют только сетку?

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

ERROR: S client not available

Тебе сюда https://telegram.me/joinchat/Be4rsT3Uyr1TjmSlrRc77g

и так, какие подводные камни и почему люди чаще всего используют только сетку?

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

Потому что всех остальных компонентов реализация есть лучше и поудобнее. Мне вот ui-часть бутстрапа не нужна

Какие, на твой взгляд?

Тебе сюда https://telegram.me/joinchat/Be4rsT3Uyr1TjmSlrRc77g

нууубс)

Я юзаю bulma и purecss, но каждый из них в чём-то но косячяит ?

конструктивно) спасибо

Потому что всех остальных компонентов реализация есть лучше и поудобнее. Мне вот ui-часть бутстрапа не нужна

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

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

Сетку удобно делать на postcss lost и других

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

Спасибо, се2час почитаю про skeleton-a

бутстрап отлично подходит для админок

где не нужен дизайн

практические не нужно лезть в css и js

Какие, на твой взгляд?

Карусель, например. Лучший выбор - owlcarousel

бутстрап отлично подходит для админок

дьякую

Сетку удобно делать на postcss lost и других

просто сколько смотрю уроков везде этот бутстрэп, и сам начал по тихонько понимать что и как там

ну так потому что он самый популярный

VCS смотрит за изменениями в файле

хорошо, как мне сделать, чтобы он начал смотреть?

Так по дефолту же смотрит

Так по дефолту же смотрит

нет, если выключена поддержка VCS в проекте. обычно если иде видит папку .git, .svn etc она предлагает включить поддержку VCS

нет, если выключена поддержка VCS в проекте. обычно если иде видит папку .git, .svn etc она предлагает включить поддержку VCS

скажи, что в конфиге написать

молю!

провели даже в команде фронтенда опрос

что они используют для сравнения

все как один ответили "тройное равно"