
idkfa
16.07.2018
19:55:11
alf кошек ел

LZD64
16.07.2018
20:15:00

Orest
16.07.2018
20:16:13
может это быть из-за того, что в одних разделах у меня container, а в других container-fluid?

Google

Дмитрий
16.07.2018
20:24:50
или же маржин 0 ауто?)

Welcome Bot
16.07.2018
20:32:25
Привет Bofanor !
Группа Вк: vk.com/web_structure
Библиотека верстальщика: @weblibrary
Веб Дизайн: @dev_design
Freelancer: @web_fl

Mika
16.07.2018
20:32:30
Всем привет. Кто может подсказать курс, видео-уроки по вёрстке? Не нулевого уровня. Стайлгайды и тд

Bofanor
16.07.2018
20:32:42
Добрый вечер.

Vladislav
16.07.2018
20:33:04
из бесплатного

Bofanor
16.07.2018
20:33:09

Vladislav
16.07.2018
20:33:19
но там скорее начальный уровень

Bofanor
16.07.2018
20:34:34
Оцените верстку если не сложно https://bofanor.github.io
Буду очень рад критике

Александр
16.07.2018
20:38:09

Vladislav
16.07.2018
20:38:21
для начала верни на кнопки hover мышки)

Google

Александр
16.07.2018
20:38:33

Vladislav
16.07.2018
20:38:39
не пиши вложенные стили и стили элементов, задавай стили через классы

Александр
16.07.2018
20:39:55

Bofanor
16.07.2018
20:40:49
На счет body... Где то читал что можно обойтись и без wrap. Сейчас ссылку скину если найду...
Лучший способ реализовать «обёртки» в CSS — CSS-LIVE
http://css-live.ru/articles/luchshij-sposob-realizovat-obyortki-v-css.html
Кто-нибудь с компьютера есть тут? У меня такое чувство что там все косится

Vladislav
16.07.2018
20:44:58
что косится?

idkfa
16.07.2018
20:45:29

Bofanor
16.07.2018
20:45:37
Верстка. Я с телефона верстаю,

Welcome Bot
16.07.2018
20:45:48
Привет Vitaly !
Группа Вк: vk.com/web_structure
Библиотека верстальщика: @weblibrary
Веб Дизайн: @dev_design
Freelancer: @web_fl

Bofanor
16.07.2018
20:45:53
Вся верстка там написана мною
Я на компьютере не проверял(нету его у меня)

Александр
16.07.2018
20:47:29

Bofanor
16.07.2018
20:48:35

idkfa
16.07.2018
20:49:44
https://github.com/triddd/RAPHAEL-LECHNER-/blob/master/template.psd

Bofanor
16.07.2018
20:52:48
Как зайти на сам сайт?

idkfa
16.07.2018
20:57:23
кто-то на бутстрапе этот макет делал, есть там кстати верстка https://github.com/triddd/RAPHAEL-LECHNER-

Bofanor
16.07.2018
20:58:36

Станислав
16.07.2018
21:05:37

Google

idkfa
16.07.2018
21:07:21

Владислав
16.07.2018
21:15:23
Опять споры?)

Bofanor
16.07.2018
21:15:43
На компьютере смотрел кто-нибудь https://bofanor.github.io ? А то незнаю приступать к следующему макету или этот переделать(если на пк неправильно отображается) .

idkfa
16.07.2018
21:17:20

Владислав
16.07.2018
21:18:45

Bofanor
16.07.2018
21:18:52
на десктопе норм выглядит
Серьезно? Есть скрин или что-нибудь подобное. Дело в том, что я когда скриншотил через онлайн сервисы то там все косо показывало.

Владислав
16.07.2018
21:19:38

Bofanor
16.07.2018
21:20:06
Верстаешь без компа?..
Вполне возможно. Если поднапрячься и поискать всякие альтернативы фотошопу, компиляторам и прочее

Владислав
16.07.2018
21:20:29

Bofanor
16.07.2018
21:20:38
Galaxy s5

Владислав
16.07.2018
21:20:54
Матерь Божья..

Bofanor
16.07.2018
21:21:49
Могу скинуть список на программы и написать как все это проделываю.

Владислав
16.07.2018
21:23:35
Не стоит утруждаться)
А в чем причина такого извращения?
Нет возможности комп приобрести, или какой то спортивный интерес?

Bofanor
16.07.2018
21:24:41

Владислав
16.07.2018
21:27:59

Dimon
16.07.2018
21:47:40
??
@slonstudio Все оказалось куда проще, достаточно было написать маржин 0 авто , и все картинки вставали по центру во всех колонках

Майкал
16.07.2018
22:12:58
Привет всем

Google

Майкал
16.07.2018
22:13:00
сижу верстаю
мне надо разделить эти два блока
это я делю
но проблемма в том что не могу нормально поместить беграунтом данный телефон он меняет положение при адаптации
а так он то большой то маленький

Admin
ERROR: S client not available

Dimon
16.07.2018
22:16:13
а что тебе именно нужно в итоге получить?

Майкал
16.07.2018
22:16:32
можно добавить тебя в лс ?

Dimon
16.07.2018
22:17:16
Я думаю может лучше тут, может кто то прочитает и узнает что да как
display: block;
max-width: 100%;
задай картинке
а обертке изображения дай width: auto;

Майкал
16.07.2018
22:21:43
а не стой
погоди
я ща по другому попробую тыжтут7

Dimon
16.07.2018
22:24:09
да

Майкал
16.07.2018
22:32:45
ну вот
сделал по другому
тупо через img

Google

Майкал
16.07.2018
22:39:39
опять не получилось

Alexander
16.07.2018
22:54:37
А в чем проблема делать через bg ?
Менять при нужном разрешении картинку и ее позиционирование посредством bg

Dimon
16.07.2018
23:02:32
Я не понял что ты там поменял что у тебя не получилось )

Слон Студио
16.07.2018
23:21:00


Dimon
16.07.2018
23:41:47
Это конечно классно, но что прям и маштабируются они как надо без артефактов? Все таки предложенное решение работает более корректно object-fit: contain; правильно маштабирует картинку, ну а чем выроdнено по центру наверно не так важно хотя одно правило против двух кошернее , только не 0 auto а наверно просто auto. я так понимаю изучил документацию? Поздравляю!
С масштабированием все гуд, а вот фит не работает, ничего не менятеся когда его использую, долго крутил измеений не нашел. да, верно авто тоже подходит, не не в доке дело, там об этом ни слова даже, все крутил флексы, не понимал почему прижиматеся все к левому краю, решил ввести для картинки маржены, так как картинка в обертке и должно было сработать, так и вышло. Но ваши примеры я крутил крутил, но заставить работать не получилось

101
16.07.2018
23:43:56
какие есть годные книги или статьи по flexbox?

Dimon
16.07.2018
23:46:24
там для повседневных задачь много знать не надо

101
16.07.2018
23:47:19
ок, спасибо

Слон Студио
16.07.2018
23:54:27
С масштабированием все гуд, а вот фит не работает, ничего не менятеся когда его использую, долго крутил измеений не нашел. да, верно авто тоже подходит, не не в доке дело, там об этом ни слова даже, все крутил флексы, не понимал почему прижиматеся все к левому краю, решил ввести для картинки маржены, так как картинка в обертке и должно было сработать, так и вышло. Но ваши примеры я крутил крутил, но заставить работать не получилось
Но у блочной модели есть свои недостатки, при фиксированных размерах картинки это не работает. У флексов этого недостатка нет, да и в целом флекс ведет себя более предсказуемо. Но тут на вкус и цвет как говориться

Alexander
16.07.2018
23:57:33
А зачем? Когда есть реалтайм?
https://codepen.io/justd/pen/yydezN
Ну или что-то подобное

Слон Студио
16.07.2018
23:59:45
Ну или что-то подобное
Безусловно удобнее, но не всегда помню адреса этих чудес, а закладки там мантры египетские по часу будешь листать у меня, но это конечно только лично меня касаеться))

Dimon
17.07.2018
00:03:25