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

    AleksFront
    @AleksFront
    Frontend Developer
    joxi.ru установить плагин для браузера. Можно делать как область сайта так и всю страничку.3496779b84fa4ed480bc6b8ab429ad22.png
    Ответ написан
  • Какие есть неписаные правила организации верстки?

    AleksFront
    @AleksFront
    Frontend Developer
    Сейчас перехожу на сборщики проектов и можно так сказать, только блогадаря им наврное понял всю прелесть модульности проектов. Очень удобно полезно и т.д. Особенно когда делаешь шаблоны скажем под определную систему ( cms, сборку на фреймворке и т.д.) Перекидываешь модульные частик кода вместе с стилями, определенным html и js.

    app/
    -bower_components
    -/less
    --main.less
    -/js
    --main.js
    -/img
    --/icons
    -/fonts
    -/tpl
    --такой подход позволяет мне перекидывать оформление различных блоков с проекта на проект.
    --/header
    ---*.html
    ---*.js
    ---*.less
    --/footer
    ---*.html
    ---*.js
    ---*.less
    --...
    --/search
    ---*.html
    ---*.js
    ---*.less
    -index.html
    -...
    -inner-page.html
    dev/
    -тут не сжимаем картинки, не уменьшаем скрипты и т.д. Просто работаем, так как сжатие и т.д. порой замедляет процесс.
    build/
    -тут после окончания определенного этапа спринта и т.д. Сжатую версию кидаем на продакшен.
    Такой метод наглядно отражает, куда надо зайти что бы поправить тот или иной модуль. Но думаю не каждому это подойдет, бывают специфические проекты. Там затачиваемся под проект :)
    Ответ написан
    Комментировать
  • Почему JQ не работает в bootstrap?

    AleksFront
    @AleksFront
    Frontend Developer
    1. В верстке можете не указаывать type="text/javascript" - он ставиться по умолчанию для script Просто к слову.
    2. И попробуйте заменить свой документ реди на такой вариант, с jquery no conflict

    "use strict";
    
    console.log('script.js'); // убидитесь в подключение вашего файла. 
    
    (function ($) {
      $(function () {
        // тут набирайте свои обращения.
      });
    }) (jQuery);
    Ответ написан
    1 комментарий
  • Как использовать адптивность Bootstrap3 не используя его сеток?

    AleksFront
    @AleksFront
    Frontend Developer
    Удобно использовать less и Sass версиия, подключаете нужные Вам стили. Элементы не обязанны лежать в container - но это весьма удобный класс, который позволяет центрировать сайт + длеается отступы в 15px от левого и правого края при адаптивности (Хотя можно и лучше их уменьшать до 10px - в зависимости от дизайна). А если дизайн не использует сетки и UI BS3 то зачем тогда его вообще подключать ? Не проще Вам будет с медиа организовать самому свою сетку. Или воспользоваться генераторами сеток.
    Ответ написан
    Комментировать