• Как подружить GULP 4 + Webpack + React JS?

    RainMEN
    @RainMEN Автор вопроса
    HTML/STYLUS/JADE/JS/Laravel/Joomla/DLE и т.д.
    Вся проблема была неверном конфиге, как оказалось чем короче тем лучше :)

    Рабочий конфиг, только настройки webpack

    import named from 'vinyl-named';
    import webpackStream from 'webpack-stream';
    
    const webpack = webpackStream.webpack;
    const webpackConfig  = {
      output:  {
        filename: '[name].js'
      },
      module: {
        loaders: [
          {
            loader: 'babel'
          }
        ]
      },
      watch: !production,
      plugins: [
        new webpack.NoErrorsPlugin()
      ],
      devtool: production ? null : 'cheap-inline-module-source-map'
    };
    const production = process.env.NODE_ENV === 'production';
    
    // Webpack
    gulp.task('webpack', (cb) => {
    
      let firstBuildReady = false;
      const done = (err) => {
        firstBuildReady = true;
        if (err) {
          return null;
        }
      };
    
      if (production) {
        webpackConfig.plugins.push(
          new webpack.optimize.UglifyJsPlugin()
        )
      }
    
      return combiner(
        gulp.src('src/scripts/main.js'),
        debug({ title: 'webpack' }),
        named(),
        webpackStream( webpackConfig, null, done ),
        gulp.dest('public/scripts/')
          .on('data', () => {
            if (firstBuildReady) {
              cb();
            }
          })
      );
    
    });
    Ответ написан
    Комментировать
  • Как на highcharts.js обновлять значения осей при setData?

    RainMEN
    @RainMEN Автор вопроса
    HTML/STYLUS/JADE/JS/Laravel/Joomla/DLE и т.д.
    Вопрос снят, передавал данные даты в функцию в не том формате, перевод в формe.
    Ответ написан
    Комментировать
  • Почему openserver блокирует доступ к папке /local/templates/.default/?

    RainMEN
    @RainMEN Автор вопроса
    HTML/STYLUS/JADE/JS/Laravel/Joomla/DLE и т.д.
    Поставил в настройках модулей nginx 1.8, закомментировал строку

    #location ~ /\. {deny all;}

    Спасибо Виктор
    Ответ написан
    Комментировать
  • Как правильно проектировать сетки-макеты?

    RainMEN
    @RainMEN
    HTML/STYLUS/JADE/JS/Laravel/Joomla/DLE и т.д.
    Блин, кто вам сказал, что сперва нужно нарисовать блок а потом подстраивать сетку? Откуда вы вообще взяли ширину в 300px?

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

    Честное слово, уже погорло сыт самопальными сетками в 20 колонок, в 17, 22)) верстать очень тяжело, на вид даже очень простой сайт. Естественно для конечного заказчика цена выростает в 2-5раз.
    Ответ написан
    Комментировать
  • Верстка десктопной версии с последующей доработкой до адаптива. Бред или вполне себе реально?

    RainMEN
    @RainMEN
    HTML/STYLUS/JADE/JS/Laravel/Joomla/DLE и т.д.
    Ну прежде чем верстать, лучше сперва дизайнеру руки оторвать, довести макет до ума, а потом как сказал Павел Анплеенко, проблем не составить адаптировать под мобильные устройства.
    Ответ написан
    6 комментариев
  • Натянул свою верстку Bootstrap на WordPress, но некоторые стили не работают?

    RainMEN
    @RainMEN
    HTML/STYLUS/JADE/JS/Laravel/Joomla/DLE и т.д.
    Можно в style.css
    @import url("style.css");

    или в function.php
    function load_style_script(){
        wp_enqueue_style('b_bootstrap', get_template_directory_uri() . '/css/bootstrap.min.css');
        wp_enqueue_style('b_font-awesome', 'https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css');
        wp_enqueue_style('b_roboto-slab', 'https://fonts.googleapis.com/css?family=Roboto+Slab:400,300,700&subset=latin,cyrillic');
        wp_enqueue_style('b_open-sans', 'https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=latin,cyrillic');
        wp_enqueue_style('b_main', get_template_directory_uri() . '/css/main.css');
    
        wp_enqueue_script('b_jquery', get_template_directory_uri() . '/js/jquery.min.js', array(), '',true);
        wp_enqueue_script('b_bootstrap', get_template_directory_uri() . '/js/bootstrap.min.js', array(), '',true);
        wp_enqueue_script('b_common', get_template_directory_uri() . '/js/common.js', array(), '',true);
    }
    
    add_action('wp_enqueue_scripts','load_style_script');
    Ответ написан
  • Как инициализировать несколько яндекс карт и подогнать масштаб из скрытого контейнера?

    RainMEN
    @RainMEN Автор вопроса
    HTML/STYLUS/JADE/JS/Laravel/Joomla/DLE и т.д.
    В общем вроде нашел решение, но вся же готов к предложениям.

    По поводу масштаба это из-за того, что размер контейнера для карты имеет display:none; карта считает что размер карты 0, и скидывает масштаб в 0. В итоге поигрался с css, вроде все работает.

    $(document).ready(function(){
    
        /*Приходящие данные*/
        var maps =[
            {
                'id' : 1,
                'name' : 'addressMap1',
                'center' : [50.443705, 30.530946],
                'zoom' :  10,
                'controls' : ['smallMapDefaultSet'],
                'elemClicking' : 'address__list-item-name-title',
                'points' : [
                    {
                        id: "235",
                        iconImageHref: "img/pin-blue.png",
                        iconLayout: "default#image",
                        iconImageSize: [30, 42],
                        center: [50.426472, 30.563022],
                        name: "м. Старая Деревня",
                        address: "бул. Трудящихся, д.18, к.1",
                        phone: "+7 (812) 748-27-52",
                        timeWork: "9:00–22:00",
                        location: "https://company.yandex.ru/",
                        power: "Откр. 0,5 Тл и закр. 1,5 Тл"
                    },
                    {
                        id: "236",
                        iconImageHref: "img/pin-blue.png",
                        iconLayout: "default#image",
                        iconImageSize: [30, 42],
                        center: [50.426472, 31.563022],
                        name: "м. Старая Деревня2",
                        address: "бул. Трудящихся, д.18, к.1",
                        phone: "+7 (815) 748-27-52",
                        timeWork: "9:00–20:00",
                        location: "https://company.yandex.ru/",
                        power: "Откр. 0,5 Тл и закр. 1,5 Тл"
                    }
                ]
            },
            {
                'id' : 2,
                'name' : 'addressMap2',
                'center' : [50.443705, 30.530946],
                'zoom' :  10,
                'controls' : ['smallMapDefaultSet'],
                'elemClicking' : 'address__list-item-name-title',
                'points' : [
                    {
                        id: "237",
                        iconImageHref: "img/pin-blue.png",
                        iconLayout: "default#image",
                        iconImageSize: [30, 42],
                        center: [50.426472, 30.563022],
                        name: "м. Старая Деревня",
                        address: "бул. Трудящихся, д.18, к.1",
                        phone: "+7 (812) 748-27-52",
                        timeWork: "9:00–22:00",
                        location: "https://company.yandex.ru/",
                        power: "Откр. 0,5 Тл и закр. 1,5 Тл"
                    },
                    {
                        id: "238",
                        iconImageHref: "img/pin-blue.png",
                        iconLayout: "default#image",
                        iconImageSize: [30, 42],
                        center: [55.751574, 37.573856],
                        name: "м. Старая Деревня2",
                        address: "бул. Трудящихся, д.18, к.1",
                        phone: "+7 (815) 748-27-52",
                        timeWork: "9:00–20:00",
                        location: "https://company.yandex.ru/",
                        power: "Откр. 0,5 Тл и закр. 1,5 Тл"
                    }
                ]
            }
        ] ;
    
        var myMap=[];
        var myMapWrap = [];
        var placemarks =[];
    
        /*Иницилизируем карты*/
        ymaps.ready(init);
    
        function init() {
    
            for (var elem = 0, length = maps.length; elem < length; elem++) {
    
                var points = maps[elem].points;
    
                var collection = new ymaps.GeoObjectCollection();
    
                myMap[elem] = new ymaps.Map(maps[elem].name, {
                    center: maps[elem].center,
                    zoom: maps[elem].zoom,
                    controls: maps[elem].controls
                });
    
                for (var i = 0, l = points.length; i < l; i++) {
    
                    /*Добавляем на карту колекцию геообъектов*/
                    myMap[elem].geoObjects.add(collection);
    
                    //Создаем балун по данным points
    
                    placemarks[points[i].id] = new ymaps.Placemark(
                        points[i].center,
                        {
                            balloonContent: [
                                '<address>',
                                '<strong>'+points[i].name+'</strong>',
                                '<br/>',
                                points[i].address,
                                '<br/>',
                                points[i].phone,
                                '<br/>',
                                points[i].timeWork,
                                '<br/>',
                                '<a href="'+points[i].timeWork+'">Схема проезда</a>',
                                '</address>'
                            ].join('')
                        },
                        {
                            iconLayout: 'default#image',
                            iconImageHref: points[i].iconImageHref,
                            iconImageSize: points[i].iconImageSize,
                            iconImageOffset: points[i].iconImageOffset
                        }
                    );
    
                    /*Добавляем в колекцию наши балуны*/
                    collection.add(placemarks[points[i].id]);
                }
    
                myMapWrap[elem]=myMap[elem];
                myMapWrap[elem].setBounds(myMapWrap[elem].geoObjects.getBounds());
            }
        }
    
        $('.'+maps[0].elemClicking).click(function(){
            var id = $(this).attr('balloon-id');
            mapId = $(this).attr('map-id');
    
            //Центруем карту
            myMapWrap[mapId].panTo(placemarks[id].geometry.getCoordinates());
    
            //Показываем балун как только отцентруется карта
            setTimeout(function () {
                placemarks[id].balloon.open();
            }, 800);
        });
    
    
    });
    Ответ написан
    Комментировать
  • Как сделать замену текста в нескольких файлах с использованием порядкового номера?

    RainMEN
    @RainMEN
    HTML/STYLUS/JADE/JS/Laravel/Joomla/DLE и т.д.
    Юзай PHP Storm Crtl+Shift + R.

    Указываешь каталог в котором нужно искать, вставляешь поле которое нужно искать и на что заменять.
    Ответ написан
    Комментировать
  • Как победить циклическое перенаправление?

    RainMEN
    @RainMEN
    HTML/STYLUS/JADE/JS/Laravel/Joomla/DLE и т.д.
    Проверяй настройки в частности самой CMS, если он на CMS, если нет проверяй где у тебя указывается основное заркало сайта например с www, а в настройках твоего .htaccess указано не использовать www и редиректить.
    Ответ написан
    Комментировать
  • Как сверстать такую полоску?

    RainMEN
    @RainMEN
    HTML/STYLUS/JADE/JS/Laravel/Joomla/DLE и т.д.
    2 дива, у внутреннего юзать before, after.
    Ответ написан
    Комментировать
  • Можно ли заставить работать Brackets live Previev + Open Server?

    RainMEN
    @RainMEN
    HTML/STYLUS/JADE/JS/Laravel/Joomla/DLE и т.д.
    Gulp+bower sync, и brakets не нужен)) могу кинуть готовый шаблончик, только под себя обновить.
    Ответ написан
    Комментировать
  • Как вы боретесь с удалением папок node_modules в Windows?

    RainMEN
    @RainMEN Автор вопроса
    HTML/STYLUS/JADE/JS/Laravel/Joomla/DLE и т.д.
    Еще решение юзать PHPStorm и удалять из него. Никаких проблем не испытывает при удалении.
    Ответ написан
    Комментировать
  • WP почему перестал работать вывод статей из категории?

    RainMEN
    @RainMEN Автор вопроса
    HTML/STYLUS/JADE/JS/Laravel/Joomla/DLE и т.д.
    Неужели никто не знает? В стандартных темах то это работает. Вопрос почему?
    Ответ написан
  • Где найти нормально дизайнера для стартапа?

    RainMEN
    @RainMEN
    HTML/STYLUS/JADE/JS/Laravel/Joomla/DLE и т.д.
    Вот вы все сидите и думаете что дизайнер в проекте не нужен? Или запусти проект как есть, а потом авось повезет прибежит инвестор, прибегут клиенты и все попрет, ну или не попрет вообще. Такой подход к бизнесу и какому то проекту в корне не верный, ибо каждый клиент любит глазами, и тем как это удобно использовать, а еще больше если это помогает получить какую то прибыль. Вы все думаете почему MacOS популярна? Потому что она Apple? Я уверен что Вы все на 90% ошибаетесь, в ней очень много не стыковок и проблем, но все её покупают потому что Стив Джобс использовал обратный подход и не ставил на первое место сделать что то прибыльное, а хотел сделать что то действительное нужное. И поэтому нужно сперва думать как человек будет работать и как ему удобно этим пользоваться, а потом уже это реализовывать. Большинство стартапов разваливаются на почве неудовлетворенности клиентов. И в любом успешном сервисе работа UI специалиста просто грандиозна и не сводится к 20-30 скетчам и PSD исходникам, даже не большой проект подразумевается наличие 3-5 вариантов 1 страницы, и в 3-5 цветовых вариациях, и её невозможно оценить в денежном эквиваленте, тем более на стадии стартапа, когда финансов в принципе нет.
    Ответ написан
    Комментировать
  • HTML блоки одинаковой высоты в строке как сделать?

    RainMEN
    @RainMEN Автор вопроса
    HTML/STYLUS/JADE/JS/Laravel/Joomla/DLE и т.д.
    Как обещал расскажу о найденном мною решении, конечно это костыль но на ум ничего больше не пришло, как сделать каждый второй и третий элемент вставлять еще 1 бок элемент

    В моем случае это

    <!--Сплитер для 3 плиток в ширину-->
              <div class="news-list-hr-3">
                <div class="news-list-hr-3__item">
                  <div></div>
                </div>
                <div class="news-list-hr-3__item">
                  <div></div>
                </div>
                <div class="news-list-hr-3__item">
                  <div></div>
                </div>
              </div>


    и

    <!--Сплитер для 2 плиток в ширину-->
              <div class="news-list-hr-2">
                <div class="news-list-hr-2__item">
                  <div></div>
                </div>
                <div class="news-list-hr-2__item">
                  <div></div>
                </div>
              </div>


    Полностью решение можно глянуть Битбакете
    или на сайте (правда не знаю сколько там еще пролежит)
    Так же не против выслушать Ваше мнение о подходе и о верстке в целом.
    Ответ написан
    Комментировать
  • Если я куплю Wi-Fi USB адаптер то смогу ли я сидеть через ноутбук и айфон?

    RainMEN
    @RainMEN
    HTML/STYLUS/JADE/JS/Laravel/Joomla/DLE и т.д.
    Конечно сможете не забудьте их поставить в правильное место
    Ответ написан
    1 комментарий
  • Без каких плагинов не может обойтись современная front-end разработка под gulp?

    RainMEN
    @RainMEN
    HTML/STYLUS/JADE/JS/Laravel/Joomla/DLE и т.д.
    Значит что то не верно настроили =)
    В последнем проекте порядка 120 jade файлов, компиляция хоть не мгновенная, но пока браузер переключаешь все изменения готовы.
    Ответ написан
  • Как указать атрибут только полям с типом input type='number'?

    RainMEN
    @RainMEN
    HTML/STYLUS/JADE/JS/Laravel/Joomla/DLE и т.д.
    input[type=number]
    Ответ написан
    Комментировать
  • Лучшая IDE для PHP, HTML5, CSS для Mac OS X?

    RainMEN
    @RainMEN
    HTML/STYLUS/JADE/JS/Laravel/Joomla/DLE и т.д.
    Как вариант, взглянуть на brackets или atom от github, но не думаю что в ближайший год они превзайдут phpstorm
    Ответ написан
  • Как решить конфликт плагинов?

    RainMEN
    @RainMEN
    HTML/STYLUS/JADE/JS/Laravel/Joomla/DLE и т.д.
    Привет! Дефолтный watch как бы вроде бы следит за изменениях в файлах, а не их наличие. Я просто тупо насоздават задачи которые копируют нужные мне файлы которые я не редактирую, например плагины jquery и тому подобное.
    Ответ написан
    Комментировать