Ответы пользователя по тегу Вёрстка
  • Как автоматизировать создание критического пути с gulp?

    CheckOneTwo
    @CheckOneTwo
    Парень, который думает что он фронтэндер.
    Эта проблема решается правильной структурой проекта.
    Даже uncss становиться бесполезным если все изначально сделать правильно.

    sass/
    |
    |– base/
    |   |– _reset.scss       # Reset/normalize
    |   |– _typography.scss  # Типографские правила
    |   ...                  # и т.д.
    |
    |– components/
    |   |– _buttons.scss     # Кнопки
    |   |– _carousel.scss    # Карусель
    |   |– _cover.scss       # Обложка
    |   |– _dropdown.scss    # Выпадающий список
    |   ...                  # и т.д.
    |
    |– layout/
    |   |– _navigation.scss  # Навигация
    |   |– _grid.scss        # Сетка
    |   |– _header.scss      # Шапка
    |   |– _footer.scss      # Подвал
    |   |– _sidebar.scss     # Боковая панель
    |   |– _forms.scss       # Формы
    |   ...                  # и т.д.
    |
    |– pages/
    |   |– _home.scss        # Стили, особые для главной страницы
    |   |– _contact.scss     # Стили, особые для страницы контактов
    |   ...                  # и т.д.
    |
    |– themes/
    |   |– _theme.scss       # Тема по умолчанию
    |   |– _admin.scss       # Тема админа
    |   ...                  # и т.д.
    |
    |– utils/
    |   |– _variables.scss   # Переменные Sass
    |   |– _functions.scss   # Функции Sass
    |   |– _mixins.scss      # Примеси Sass
    |   |– _helpers.scss     # Помощники классов & placeholder’ов
    |
    |– vendors/
    |   |– _bootstrap.scss   # Bootstrap
    |   |– _jquery-ui.scss   # jQuery UI
    |   ...                  # и т.д.
    |
    |
    `– main.scss             # главный файл Sass
    Ответ написан
    1 комментарий
  • Почему не работает vertical-align: bottom?

    CheckOneTwo
    @CheckOneTwo
    Парень, который думает что он фронтэндер.
    <td class="col" valign="bottom" style="width:100%; height: 64px; vertical-align:bottom;">
              <a class="footerlink" href="http://course.zaobrazovanie.ru" target="_blank">http://course.zaobrazovanie.ru</a><br>
              <a class="footerlink" href="http://vk.com/zaobrazovanie" target="_blank">http://vk.com/zaobrazovanie</a>
    </td>


    Так он и прижат к низу, просто у контейнера не такая высоты как у соседнего столбца, потому что они не в общей таблице..
    Вот, я задал такую же высоту как у соседнего контейнера, все встало как надо.
    Ответ написан
  • Верстка через 4 месяца обучения. Как вам результат?

    CheckOneTwo
    @CheckOneTwo
    Парень, который думает что он фронтэндер.
    Кривые селекты на форме внизу.
    Ответ написан
    Комментировать
  • Какие особенности кроссбраузерной верстки?

    CheckOneTwo
    @CheckOneTwo
    Парень, который думает что он фронтэндер.
    Reset/Normalize только частично решают проблему кроссбразуерности. в 2015 году достаточно верстать валидно и семантически правильно для того чтобы конечный код выглядел везде одинаково. Глядишь скоро и префексы использовать не надо будет.
    Ответ написан
    Комментировать