Ответы пользователя по тегу HTML
  • Как правильно совмещать BEM и bootstrap grid?

    @abbrakadabbra
    Дописываю классы и не парюсь, даже в элементам, где используются классы бутсртапа (row, container, col-), хотя каждый раз зависит от того какие стили несет мой класс. Например там, где есть ширина, отступы и т.д. создают вложенный див, чтобы не конфликтовать с бутстрапом.
    Ответ написан
    Комментировать
  • Как выровнять h1 сверху?

    @abbrakadabbra
    body > * {
    	background: #535353;
    	height: 0.5em;
    	position: absolute;
    	left: 50%;
    	top: 50%;
    	width: 0.5em;
    }


    Это что за мазохизм? Уберите:
    height: 0.5em;
    width: 0.5em;
    position: absolute;
    left: 50%;
    top: 50%;

    Они делают все элементы внутри body размером 0.5em, более того смещают все на 50% от левой границы экрана. Зачем? Разебиресь с селекторами. Если надо было дать какому-то элементу такие стили, то найдите его, пропишите явно класс и в CSS пропишите:
    .my-new-class {
    	background: #535353;
    	height: 0.5em;
    	position: absolute;
    	left: 50%;
    	top: 50%;
    	width: 0.5em;
    }
    Ответ написан
    1 комментарий
  • "Норматив верстки", какой он?

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

    Не знаю какая сложность у макета, но 5 долларов за час - не высокая расценка на сегодняшний день. И в целом 30 долларов за работу.

    Можно взять для портфолио, и даже выполнить под присмотром (но договоритесь, чтобы можно было хоть отдохнуть, а то этот извращенец потом выставит вам претензию, что вы не выполнили условия). В случае если примете проект, то убедитесь, что клиент адекватен, обсудите все пункты сотрудничества.

    С бутстрапом справитесь быстрее (если нужна респонсив верстка, и всякие табы, эффекты).
    Ответ написан
    4 комментария
  • Как вынести\организовать нестандартные фоны в контейнере?

    @abbrakadabbra Автор вопроса
    Кажется разобрался самостоятельно. Flexbox'ы сила. Правда пришлось подобавлять вложенных дивов, но все работает как нужно. Закрывайте топик.
    Ответ написан
    Комментировать
  • Как сделать, чтобы элементы меню не сползали?

    @abbrakadabbra
    После любых флоатов делайте распорки.

    Либо создайте класс .clearfix {clear: both;}

    Либо ставьте фикс через псевдоэлемент: ::after {content: ''; clear:both; display: table;} - это будет самый лучший вариант.
    Ответ написан
    Комментировать
  • Как правильно создавать контейнеры с фото или картинками на своей странице?

    @abbrakadabbra
    1) Слишком вложенно. С недавнего времени использую БЭМ, и почти не использую каскадность, используя селекторы как в примере. Почему? БЭМ - гибче. Попробуйте поменять что-то в верстке - вся ваша каскадна яструктура сломается. В БЭМ этого не будет. Решение: просто задавайте тегу с картинкой свой класс и пишите туда стили какие нужно.
    2) div - блочные, span - строчные. Они встраиваются по разному в сетке. Вам что нужно? Подозреваю, что div в вашем случае то что нужно.

    По вопросу не понятно что вы хотите сделать.
    Ответ написан
  • Как правильно реализовать адаптивный слайдер?

    @abbrakadabbra
    background-size: cover?

    p.s. вы уверены, что 5000х5000 в слайдер - это хорошая идея?
    Ответ написан
    3 комментария
  • Как пишется список выполненных работ?

    @abbrakadabbra
    Опиши все что ты сделал, по шагам, с самого первого шага, как ты начал работу с этим проектом.

    Потом добавь к каждому шагу дату\время начала.

    Потом добавь сколько (примерно) времени на это ушло (если требуется). Лучше пиши во всех подробностях. Сам встречался с ситуацией, когда люди думают, что вэб-разработчику (в т.ч. дизайнеру\верстальщику\программисту) ничего не стоит пощелкать по клавишам и вуаля - всё готово. Описывайте все в деталях и отправляйте (если вам раньше не дадут знать что нужно).
    Ответ написан
    Комментировать
  • Как через CSS изменить цвет картинки PNG с желтого на синий?

    @abbrakadabbra
    Save as SVG -> CSS
    Ответ написан
    Комментировать