Вопросы по вёрстке


#6

та я за компом сижу прост 24/7 практически, на телефон уведомляшки приходят, если вопрос простой - сразу отвечаю :sunglasses:


#7

Заранее извиняюсь, но если выделенные в красных прямоугольниках объекты являются едиными сущностями, как мне потом заставить кнопки “работать”, если они будут лишь на картинках? Или вы что-то другое имели ввиду? :sweat_smile:


#8

прост макет немного кривоват =)
я бы просто взял спрайт из этих картинок и каждой фиче приделал через background-position этот спрайт
а сами фичи на флексах


#9

Выделенное красным - единая сущность. Иконка, текст, кнопка - все это вместе, условно говоря, есть “карточка”. Именно эти “карточки” нужно расположить по горизонтали, а не отдельно взятые иконки. И уже внутри самих карточек позиционировать их составляющие - иконки, текст, кнопки.


#10

Я понял вас, спасибо!


#11

Получилось через флексы сделать. Спасибо.


#12

Ребят, ещё один вопрос. Не стал новую тему создавать.
Я пытаюсь сделать активным элемент при наведении на него мыши, с помощью :hover, пытаясь добиться того же результата, что и в макете. Но у меня ничего не получается. Что я делаю не так?:sweat_smile:


#13

Используйте codepen, гадание на скриншотах не лучшая затея.
Если вам нужен ховер-эффект для аватарки, то и вешайте его непосредственно на аватарку. Что такое thief?
Аватарки через background-image - зло. Что мешает использовать <img>?


#14

если очень упрощенно, то на:
https://jsfiddle.net/eqos6r7j/ (вместо местной няши подставляй любую другую рожицу =)

попробуй заодно повторить курсы про маски при наведении


#15

Я до этого ещё не дошёл.:sweat_smile:


#16

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


#17

Я столкнулся с такой проблемой, что не могу вникнуть в текст, который написан в теории (то ли он так написан, то ли я такой тупой) и просто тупо повторяю действия по алгоритму. И я заметил, что, пока я верстаю этот шаблон, я уже успел не раз применить float и влюбиться во flex, хотя я в эти темы вник с большим трудом, а флексы прошёл только первую часть. Просто мне нужно применять полученные знания или я просто всё забываю/не понимаю. :tired_face:


#18

Вау, спасибо. Так намного удобнее. :smiling_face_with_three_hearts:


#19

У всех так, ничего страшного. Терпение и труд…, как говорится.

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


#20

Вау, я оказывается уже давно как помидор. Я разбиваю время так:
Занимаюсь 30 минут, потом 5 минут перерыв. Снова занимаюсь 30 минут, но уже перерыв 10 минут, потом снова 30/5 и т.д. И устраиваю себе в день два больших перерыва по 30 минут. Я поставил себе планку, меньше которой я не имею права заниматься, и это 240 минут (больше я просто не успеваю).


#21

Привет всем! Кто-нибудь знает, возможно ли добиться эффекта выпадения картинки в одном блоке, при наведении курсора мыши на другой блок при помощи CSS? Я хотел сделать это примерно так: codepen.io, но ничего не получается.


#22

ничо не понял, вы слайдер на css хотите? вот попробуйте вот такой способ

а так вообще слайдер скриптом делается, это проще всего

в курсах также была эта тема на css


#24

Всех приветствую. Кто-нибудь хочет поиздеваться надо мной :sweat_smile:? Я сделал вёрстку макета, хоть и не до конца (потому что есть моменты, которые я не могу понять). Я залил её на ГитХаб Нажми сюда и, на всякий случай, оставил код здесь. Можете высказать своё мнение/замечание и т.д. по данной работе?
И кто-нибудь знает как в разделе “Newsletter Signup” сделать высоту кнопки и поля равной 55px и плотно прижатых друг другу как на скрине?


#25

критические замечания:

  • кнопки после клика не должны оставлять обводку
  • видео вылезли за ширину макета, из-за этого появилась горизонтальная полоса прокрутки
  • слайдеры не работают
  • проекты не подсвечиваются при наведении мыши на изображения проектов
  • мобильное отображение вообще Адъ и Израиль

вкусовщина:

  • ссылка на твиттер разрабов должна быть посередине кругляша с аватаром, очень глаз режет
  • я бы добавил transition-delay для эффектов наведения

#26

кнопки после клика не должны оставлять обводку

Fixed

видео вылезли за ширину макета, из-за этого появилась горизонтальная полоса прокрутки

Вы про это?


Я пытался сделать также, как и здесь


Вы про горизонтальную полосу, которая получается при увеличении масштаба макета?

слайдеры не работают

Данная фича находится в разработке :sweat_smile:

проекты не подсвечиваются при наведении мыши на изображения проектов

Fixed

мобильное отображение вообще Адъ и Израиль

Это адаптивная вёрстка, да? Я ещё этого не проходил. :disappointed_relieved:

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

Fixed

я бы добавил transition-delay для эффектов наведения

Сейчас я поставил 0.1с для всех объектов.