Задать вопрос
  • Нужно ли у заказчика спрашивать про фреймворки?

    Vlad_IT
    @Vlad_IT Куратор тега Вёрстка
    Front-end разработчик
    Вам задали задачу, если явно не указали, что использовать (терпеть не могу, когда заставляют использовать bootstrap 3), то это на ваш выбор, главное чтобы на выходе все было стандартно, чтобы программист мог без проблем натягивать.
    Bootstrap пользуется популярностью на фрилансе, еще какой. Требуют даже там, где казалось бы он абсолютно не нужен.
    Ответ написан
    2 комментария
  • Как понять такой код?

    Vlad_IT
    @Vlad_IT Куратор тега JavaScript
    Front-end разработчик
    Блок IF - в скобках идет перечисление команд через запятую.

    Оператор запятая. Выполняет все блоки, но возвращает последний. т.е. типа зачем-то туда засунули присваивание элементов.
    В третьем случае непонятно, зачем они это сделали, т.к. точно также бы работала ;. Видимо ожидалось, что в начале будет return, и тогда можно будет все в одну строчку написать через запятые.
    Почитать тут https://habrahabr.ru/post/116827/
    UPD: Вот я его вам перевел в нормальный вид.
    function LongClick(e, t, n) {
        "use strict";
        var i = this;
        
        this.trackingClick = false;
        this.trackingClickStart = 0;
        this.targetElement = null;
        this.touchStartX = 0;
        this.touchStartY = 0;
        this.touchBoundary = 10;
        this.time = t;
        this.handler = n;
        this.timer = null;
        this.layer = e;
    
        if (!e || !e.nodeType) {
            throw new TypeError("Layer must be a document node");
        }
        this.onTouchStart = function() {
            return LongClick.prototype.onTouchStart.apply(i, arguments);
        };
        this.onTouchMove = function() {
            return LongClick.prototype.onTouchMove.apply(i, arguments);
        }; 
        this.onTouchEnd = function() {
            return LongClick.prototype.onTouchEnd.apply(i, arguments);
        }; 
        this.onTouchCancel = function() {
            return LongClick.prototype.onTouchCancel.apply(i, arguments);
        };
        if(window.navigator.msPointerEnabled) {
            this.startEventName = "MSPointerDown"; 
            this.moveEventName = "MSPointerMove"; 
            this.endEventName = "MSPointerUp"; 
            this.cancelEventName = "MSPointerCancel"
        } else {
            this.startEventName = "touchstart"; 
            this.moveEventName = "touchmove"; 
            this.endEventName = "touchend"; 
            this.cancelEventName = "touchcancel";
        }
        e.addEventListener(this.startEventName, this.onTouchStart, false);
        e.addEventListener(this.moveEventName, this.onTouchMove, false);
        e.addEventListener(this.endEventName, this.onTouchEnd, false);
        e.addEventListener(this.cancelEventName, this.onTouchCancel, false);
    }
    Ответ написан
  • Почему не работает align-content, когда одна строка?

    Vlad_IT
    @Vlad_IT Куратор тега CSS
    Front-end разработчик
    Используйте не align-content, а align-items
    UPD: align-content используется для выравнивания элементов при переносе на следующие строки (с flex-wrap: wrap).
    Ответ написан
    1 комментарий
  • Как стилизировать Рекапчу?

    Vlad_IT
    @Vlad_IT Куратор тега JavaScript
    Front-end разработчик
    Вы не можете этого сделать. Она находится в фрейме, который не доступен для родительских стилей/скриптов. Можно разве что увеличивать ее через transform: scale на iframe, но это помогает если надо чуть увеличить, у вас же в три раза.
    Можете попробовать поиграть с параметром size, может что-то близкое получится.
    Но я бы на вашем месте просто сделал ее по центру. Это легко объяснить заказчику/дизайнеру, т.к. это же невозможно сделать.
    Ответ написан
    Комментировать
  • Как реализовать скрипт подмены даты на сайте?

    Vlad_IT
    @Vlad_IT Куратор тега JavaScript
    Front-end разработчик
    var date = new Date(); // Текущая дата
    date.setDate(date.getDate()+2); // Добавляем 2 дня
    var months = ["января", "февраля", "марта", "апреля", "мая", "июня", "июля", "августа", "сентября", "октября", "ноября", "декабря"];
     document.getElementById('message').innerHTML = 'Акция до ' + date.getDate() + ' ' + months[date.getMonth()];
    Ответ написан
    2 комментария
  • Как убрать белый фон под иконкой?

    Vlad_IT
    @Vlad_IT Куратор тега CSS
    Front-end разработчик
    Добавьте к acatpicdiv свойство position: relative, а кнопкам поставьте position: absolute (и укажите нужные координаты left, top) и z-index: 1;
    Этот белый фон по причине того, что блок с изображением, это блочный элемент, он по умолчанию переходит на следующую строку. А на предыдущей строке ваши кнопки. Этот белый блок, это не блок, это просто фон body
    Ответ написан
    Комментировать
  • Как изменить размер текста?

    Vlad_IT
    @Vlad_IT Куратор тега CSS
    Front-end разработчик
    $('p.tags-ul-b__tag, p.tags-ul-b__number').each(function() {
         var $this = $(this);
         var lenght1 = $this.text();
         if(lenght1.length > 8){
    	  $this.css('font-size','15px');
         }
         if(lenght1.length > 15){
    	$this.css('font-size','12px');
         }
         if(lenght1.length > 23){
    	$this.css('font-size','10px');
         }
    });
    Ответ написан
    1 комментарий
  • В какие поля вписать настройки сетки на сайте в бутстрапе?

    Vlad_IT
    @Vlad_IT Куратор тега CSS
    Front-end разработчик
    @grid-gutter-width - отступ между блоками.
    @container-large-desktop - ширина контейнера включая отступы.
    слева и справа (слева от первой и справа от последней) по 10px,

    Он обычно берется из @grid-gutter-width / 2 Можете сами через стили задать иной отступ.
    Ответ написан
    1 комментарий
  • Как это называется?

    Vlad_IT
    @Vlad_IT Куратор тега CSS
    Front-end разработчик
    Ну в HTML это обозначают как range.
    <input type="range">
    В русскоязычном инете часто можно услышать "ползунок".
    Ответ написан
    Комментировать
  • Почему процессор не раскрывает потенциал SSD?

    Vlad_IT
    @Vlad_IT
    Front-end разработчик
    Перенесите обычный большой файл на SSD, и вы увидите, что процессор грузится на 0%, а SSD на полную.
    Эти проценты показывают вычисление процессора, а у SSD его чтение/запись. SSD не вычисляет ничего.
    Этот ваш установщик грузит проц на 100 потому, что распаковывает архив, а на распаковку нужны вычислительные ресурсы. А SSD грузится из-за чтения этого архива, и записи распакованных файлов.
    Ответ написан
    Комментировать
  • Почему между фото разные расстояния?

    Vlad_IT
    @Vlad_IT Куратор тега CSS
    Front-end разработчик
    Ширина у слайдов одинаковая, чтобы задать автоматическую ширину для каждого блока, в конфигурацию slick добавьте variableWidth: true
    Подробнее в документации kenwheeler.github.io/slick в примере "Variable Width"
    Ответ написан
    Комментировать
  • Почему не меняется значение input text?

    Vlad_IT
    @Vlad_IT Куратор тега JavaScript
    Front-end разработчик
    Текущее введенное значение в поле не подставляется в аттрибут, с атрибута значение считывается.
    У вас не работает просто потому, что вы не правильно получаете значение
    var news=$("#edit_"+DbNumberID).val();  // Вы уже получили строку
    
    if((news).val()==="") // А тут вы у строки опять пытаетесь получить значение. Оставьте просто if(news === '')

    Еще в установке параметров url в ajax нужно устанавливать строку запроса или объект. А вы просто передаете значение с поля ввода.
    Вот полный код
    $("a.cor_button").click(function (e) {
            var clickedID = this.id.split("-"); //Разбиваем строку (Split работает аналогично PHP explode)
            var DbNumberID = clickedID[1]; //и получаем номер из массива
            $("#item_"+DbNumberID).hide()//Строка с текстом прячется при нажатии на карандаш
    		$("#edit_"+DbNumberID).show();//спрятанная (display: none) строка input "text" появляется
    		$("#edit_"+DbNumberID).focus();
    		
        }).on('change',function(e)
    {
    var clickedID = this.id.split("-"); //Разбиваем строку (Split работает аналогично PHP explode)
    var DbNumberID = clickedID[1];
     
    var news=$("#edit_"+DbNumberID).val(); //берем из появившегося input text`a значение
    
    if(news ==="") //simple validation
    {
                alert("Введите текст!");
                return false;
    }else{
    	jQuery.ajax({
                type: "POST", // HTTP метод  POST или GET
                url: "response.php", //url-адрес, по которому будет отправлен запрос
                dataType:"text", // Тип данных,  которые пришлет сервер в ответ на запрос ,например, HTML, json
                data: { "news": news }, //данные, которые будут отправлены на сервер (post переменные)
                success:function(response){
                $("#jack_"+DbNumberID).html(news);//если все успешно строка становится как input text
                e.stopImmediatePropagation();
                },
                error:function (xhr, ajaxOptions, thrownError){
                    alert(thrownError); //выводим ошибку
                }
            });
    	$(".editbox").on("mouseup",function(e)
    {
    e.stopImmediatePropagation();
    });
    
    // Outside click action
    $(document).mouseup(function()// если кликнуть по документу строка редактирования скрывается
    {
    
    $(".editbox").hide();
    $(".item").show();
    });
    }
    Ответ написан
    7 комментариев
  • Существуют ли популярные биржи продажи проектов?

    Vlad_IT
    @Vlad_IT
    Front-end разработчик
    На envato можно продавать любые написанные проекты. Но нужна документация на английском.
    Ответ написан
    1 комментарий
  • Подойдет ли видеокарта?

    Vlad_IT
    @Vlad_IT
    Front-end разработчик
    GT 710-730 это очень слабые карточки. Я бы на вашем месте присмотрелся к GTX 750. На али они в пределах 3000 р. Они Б/У Но я уже штук 6 знакомым заказывал, пашут без проблем.
    Вот за те же деньги 750 На ней можно даже играть на минималках в новые игры. Да, я читал, что вам только для серфинга, но все же. Вдруг захотите демку какую-нибудь на WebGL протестить. GTX 730 и GT 750 как небо и земля.
    Вот другой вариант 650 и 550ti, они немного мощнее GT 730, процентов на 20-30%, но и дешевле чем GT 730 у нас в магазинах.
    Ответ написан
    Комментировать
  • Как переместить блок вправо в flexbox?

    Vlad_IT
    @Vlad_IT Куратор тега CSS
    Front-end разработчик
    Задаете блоку с картинкой order: 1, она станет последней.
    Ответ написан
    Комментировать
  • Как отправлять письма Wordpress?

    Vlad_IT
    @Vlad_IT
    Front-end разработчик
    Судя по описанию на странице этого плагина, он переопределяет конфигурацию функции wp_mail() Через нее и отправляйте письма.
    Ответ написан
    Комментировать
  • Как динамически указать селектор в JS?

    Vlad_IT
    @Vlad_IT Куратор тега JavaScript
    Front-end разработчик
    Ну типа так будет строится селектор:
    var selector = '.' + this.name;
    $(selector).html(data);
    Ответ написан
    1 комментарий
  • В каком виде верстальщик сдает работу?

    Vlad_IT
    @Vlad_IT Куратор тега Вёрстка
    Front-end разработчик
    Постарался не повторять остальные комменты. Нашел кое что новое.
    1) Временную шкалу лучше задавать в процентах, чтобы программисту было удобнее указывать позицию, и не будет необходимости вычислять ширину временной шкалы, чтобы определять позицию по времени.
    Все штуки, которые могут иметь значение из бесконечного множества (произвольные числа, текст, картинки), и эти штуки буду потом меняться программистом (в админке, скрипте), нужно указывать не в css файлах, а прямо в HTML, чтобы программисту было удобнее и нагляднее. Можно разве что, указать через стили значение по умолчанию.
    2) Кнопки назад, вперед имеют неправильные title (кнопка назад - вперед, а вперед - назад).
    3) Кнопка прокрутки "вверх" в футере прячется за блок "Join Our Community"
    4) Что делает элемент a.arrow_up? Мне кажется, что вы хотели в него добавить текст из логотипа.
    5) В футере надо бы отступ снизу дать, а то копирайт прижат к низу.
    Ответ написан
    Комментировать