• Как вы начинаете вёрстку сайта?

    dunmaksim
    @dunmaksim
    Быдлокодер
    1. Создаю каталог для проекта
    2. Инициализирую Bower
    3. Устанавливаю нужные пакеты, например, Twitter Bootstrap, Angular, jQuery и т.д.
    4. Ставлю Grunt, плагины для него и т.д.
    5. Запускаю EMACS и создаю index.html
    6. С помощью Emmet создаю шаблон, который уже начинаю заполнять.
    7. В каталоге src создаю папки less, js и т.д.
    8. Попутно пишу задачи для Grunt
    9. Если в выбранном фреймворке не хватает какого-либо класса для стилизации элемента, сначала описываю стили прямо в шаблоне, в свойстве style. Затем при необходимости выношу их оттуда в LESS в виде одного или нескольких классов.
    10. ??????????
    11. PROFIT!!!
    Ответ написан
    15 комментариев
  • Как использовать Json данные в jade ?

    @beliberda
    Посмотрите мой пример: https://github.com/kulakowka/kulakowka.com/blob/ma...

    Конкретно вот в это место. Переменная config передается в jade шаблонизатор.

    // Templates
    gulp.task('templates', function() {
      
      var config = {
        revision: new Date().getTime()
      };    
    
      gulp.src('./assets/views/**/*.jade')
        .pipe(jade({
          locals: config
        }))
        .pipe(gulp.dest('./public/'))
        .pipe(notify({ message: 'Templates task complete' }));
    });


    Ничего не запрещает вам сделать так:

    // Templates
    gulp.task('templates', function() {
      
      var config = require('./config.json');
    
      gulp.src('./assets/views/**/*.jade')
        .pipe(jade({
          locals: config
        }))
        .pipe(gulp.dest('./public/'))
        .pipe(notify({ message: 'Templates task complete' }));
    });


    Ну а в файле config.json положить уже нужные данные.

    {
      "param1":"мои данные 1",
      "param2":"мои данные 2"
    }


    Ну а вообще, ответ элементарно ищется поисковиком по запросу Gulp Jade.

    Если вам лень искать, то я сделал это за вас.

    https://www.npmjs.org/package/gulp-jade
    jade-lang.com

    Там есть примеры :) думаю должно быть понятно.
    Ответ написан
    4 комментария
  • Вопрос то уже удален?

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

    @serejatoje
    Какой пример то? Как мерцает?) Как вы себе это представляете?

    Выложите исходный код, который мерцает, в паблик (codepen.io) для того, что бы другие могли воспроизвести мерцание у себя, что тут не понятного, считаете, что ваша верстка просто офигеть какая ультра супер имба и вы не можете показать исходник, дабы не украл никто, запишите видео.
    Пробую ванговать: м-м-м-м поменяйте компьютер и монитор, поможет 140%.

    PS: для того, что бы писать комментарий на ответ, есть ссылка "Комментировать".
    Ответ написан
    Комментировать
  • Так ли нужен Javascript в современном Front-end?

    Сейчас в интернете наблюдается тенденция к построению "толстых клиентов". Соответственно без javascript вы такой клиент не сможете сделать.
    Javascript нужен:
    1. Для общения с сервером без перезагрузки страницы (ajax)
    2. Для расширения возможностей css и html (всевозможные библиотеки и плагины, галереи, скроллинги, рич-элементы форм и т.д.)
    3. Для контроля действий пользователя (обработка форм, кликов по элементам и т.д.)
    4. Всякие специфические штуки (например построение 3-d моделей в браузере, различные интерактивные штуки)
    Кроме того, изучив javascript вам в будущем будет проще изучить node.js, а это уже back-end.
    Ну и чтобы вы сами осознали, киньте в меня линком на крупный популярный современный ресурс, на котором НЕ ИСПОЛЬЗУЕТСЯ javascript.
    Ответ написан
    Комментировать
  • Почему emmet не работает в jade синтаксисе (Sublime Text 3)?

    leoismyname
    @leoismyname
    А пробовали реализовать через сниппет?
    <snippet>
    	<description>Lorem ipsum</description>
    	<content><![CDATA[Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
    quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
    consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
    cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
    proident, sunt in culpa qui officia deserunt mollit anim id est laborum.]]></content>
    	<tabTrigger>lorem</tabTrigger>
    	<scope>-source</scope>
    </snippet>

    Пишите:
    lorem [TAB]
    и Emmet не нужен.
    Ответ написан
    Комментировать
  • Движок сайта sbets.ru

    NikMelnikov
    @NikMelnikov

    Часто ответ можно найти здесь - http://builtwith.com/sbets.ru

    В нашем случае вот что сервис выдал dYAr1FG.png

    Ответ написан
    Комментировать
  • Какие выбрать курсы или книги по веб-дизайну и юзабилити?

    goldena
    @goldena
    По юзабилити — «Не заставляйте меня думать» Стива Круга. Довольно увлекательно.
    Ответ написан
    1 комментарий