vladmih

Для ul нужно фонтсайз поставить в 0, т.к. это инлайн блоки и горизонтальные отступы из-за пробелов. После этого блоки слипнутся, ставите нужный вам маржин, но учтите, что вертикальные маржины схлопнуться, а горизонтальные суммируются.

https://codepen.io/hesrun/pen/WJOPoL

вырезай и вставляй их картинкой, сразу 3 в одним файлом... Не вижу смысла их верстать блочно, ибо там они 3d-шные и на гранях тоже изображения...

38 - это font-size в px в размере VW в 1366 То есть в размере вьюпорта в 1366 фонтасайз будет 38 px

1. Траблы с семантикой, телефоны в теге абзаца, коли есть header, footer, где section? Встречаются лишние блоки обертки... 2. Адаптив... Юзаете адаптивную сетку бутстрапа, но адаптива там нет совсем... К тому же col должны быть в row! 3. Не мешало бы оживить и карусель. 4. Картинка в лого прыгает по причиние того, что блок в картинкой имеет меньшую высоту, чем соседние блоки, который тянут фон шапки... 5. Я бы не использовал отрицательные маржины, в роли костылей... Есть моменты где они нужны, в тех же сетках, и т.д. Но в вашем случае это костыль... Учим семантику, разбираем принцип адаптивных сеток... По себе знаю, что на первую работу это совсем не похоже))) Ибо в действительно первых работах такие трешаки, что через 2-3 года смотришь со слезами))) На Ваше добро можно смотреть без слез)))

вехнюю полосу сделать через after и before для правого right: 0px; left: calc(50 - X) где X - это половина дырки между линиями в px

Я так понимаю, молодой разработчик имеет ввиду image map, коли речь идет о конкретный координатах...

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

Пробовал на таком как вы предлагаете, но большинство из работает не на трансформации, а мне нужно было чтоб задние масштабировались через scale... Сделал на этой штуке http://markdalgleish.com/projects/bespoke.js/ Очень удобная и гибкая штука, за счет проставления активных, предыдущих и предстоящих классов, можно много чего интересного сделать. Поддержка клавиш, тача и т.д. Короче мастхев!

Всем привет! Не могу найти карусель такого плана http://take.ms/cu7Zu, и чтоб была отзывчивая. Может кто встречал такую, или делал, поделитесь ссылкой или исходниками.

Z-index делали для выпадающего списка. А вам нужно зиндекс делать для родителя который на одном уровне дом дерева со слайдером. <menu> — сюда пишите z-index, и не забудьте ему добавить свойство position, но не статик, иначе z-index не отработает... списки списки списки </menu> <slider> содержимое </slider>

Если вам нужно, чтоб было изображение в разметке <img>, просто вставляете изображение в бокс или row, делаете его абсолютным и вытягиваете его в 50% ширины, но главной чтоб относительное было прописано у box!!! и будет то же самое... можете для картинки потом прописать object-fit, если че... Почитаете для чего...

http://stickyjs.com/ - это плагин. Можно самому описать если есть знания в области js-а, не очень сложно в принципе. Отслеживать скролл топ, и сравнивать с позишн.топ.

При условии подключенного jquery $('body').stop().animate({scrollTop: Где число на которое скроллить}, 500,); Обрабатывать на клик по кнопке.

Если картинкой, то у гипотинузы тени не сделать, это все равно бужет квадрат...

просто написать :last-child и сказать ему че убрать у последнего

Может потому что, когда они видят размер устройств на написано два размера экрана, один в пикселях, а второй в поинтах. К примеру взять яблоко 5й в пикселях там 640×1136, а в поинтах пополам, то есть 320 × 568, т.к. там dpi 2x. Соответственно, если там в макет большой то он рисует для мобильных пикселей, а в реале это все деленное на 2... По крайней мере у нас с дизом такая договоренность...

Я все равно не понял проблемы, у меня с флексом вообще проблем нет... Ведет себя отлично и логично...

на js по клику прописывать какой-то активный класс, который будет вытягивать блок на всю ширину. Плавность можно сделать через transition, и вся любовь...

button::-moz-focus-inner { border: 0; }

А тень, не получится... Это же треугольник из бордера... Чтоб тень была нужен треугольный блок, можно наверное на canvas сделать такой треугольник, и с тенью...

День добрый, Ув. коллеги! Уже давно занимаюсь версткой, проходил кучу разных фреймворков сеток и т.д. Но иногда, после того как приходит дизайн десктопа и мобильных версий у меня волосы дыбом и отбивает желание этим заниматься. В этих макетах всё становится не логично, то что было в сайдбаре переносится в хедер, поиск в вебе был в хедере, а в мобиле он уже находится в открывающемся меню и т.д. Я понимаю что технически просто делается дубль элемента и открываются один из них в зависимости от устройства. Но смысл делать тогда в мобилу делать страницу где лежит куча лишних блоков, которые человек даже не увидит с телефона. То есть мы облегчаем страницы для устройств, и тут же засираем страницу скрытыми элементами. Так вот как обычно вы делаете? Делаете отдельно две разные верстки для мобильных устройст и отдельно для десктопов? При условии если адаптация не стандартная.

как по мне, так нормальное решение, очень даже.

Как я понимаю, у вас картинки не зависимы от сетки, она тупо должна быть у вас в половину от экрана, а слева фон на котором будет текст У вас каждая строка это row, ему прописывайте фон и картинку через css, картинку позиционируйте вправо и дайте ей размер в 50% по ширине А текст оставьте как было, а колонку с картинкой уберите, Как я понимаю, если вы не хотите использовать флуид контейнер, у вас контент будет в центре, а картинка должны быть в половину от экрана... Соответственно, вам нужно ее из row col-6 вытаскивать

каждому row прописывать бэкграунд двойной с цветом и картинкой, позиционировать картинку в правую сторону, и делать ширину 50%. Будет и вообще будет ли адаптация к мобильным устройствам?