• Где подключаются данные к графику на canvas?

    AlexanderTsymbal
    @AlexanderTsymbal
    tsymbal.su
    ну (не углубляясь в код js-файла, т.к. там на день зависнуть можно) осмелюсь предположить, что где-то в этом файле используются ajax-запросы, которые получают данные, из которых потом собирают содержимое canvas. попробуйте проанализировать запросы joxi.ru/brRno6YuJX4Lzr из инструментов разработчика. Я увидел там 2 ajax-запроса к несуществующим данным. но, судя по названиями адресов, это примерно то, что нужно.
    Ответ написан
    Комментировать
  • Как сделать переход между секциями, как на картинке?

    AlexanderTsymbal
    @AlexanderTsymbal
    tsymbal.su
    Но лучше всего создавайте в каждой секции цветную подложку (обычно это отдельный div с базовыми стилями position:absolute;z-index:1;left:0;top:0;width:100%:height:100%; - фоновый цвет задайте сами). И применяйте этому диву также css-свойство transform: skewY(-10deg) (значение подберите сами)
    mosobogrev.ru - реализовано здесь
    babycarmebel.ru - и здесь
    Ответ написан
    Комментировать
  • Как можно конвертировать Exel в HTML таблицу?

    AlexanderTsymbal
    @AlexanderTsymbal
    tsymbal.su
    К сожалению, без парсинга средствами php, таблицу excel нельзя сконвертить в html.

    НО! Есть замечательная программа Adobe DreamVeawer, которая умеет это делать. Там есть 2 режима (Код и Дизайн). Если скопировать таблицу в Excel (Ctrl+C) и вставить в окно "Дизайн" (Ctrl+V), то в окне "Код" увидите заветный код. Правда, код будет грязный (будут лишние атрибуты вроде width="", height="", style="", class="") - но их также можно быстро почистить с помощью Regex-замены (она вроде тоже есть в DW)
    Ответ написан
    Комментировать
  • Как стилизовать ники на bbpress по группам?

    AlexanderTsymbal
    @AlexanderTsymbal
    tsymbal.su
    Совершенно не парьтесь по поводу кириллических классов. Они прекрасно работают в css https://codepen.io/anon/pen/veXRZd .
    Больше вам скажу, недавно попался на статью, где автор предлагает вместо классов использовать спецсимволы (эмоджи). Это колоссально сокращает размер кода - как html, так и css.
    Например:
    <div class="▌">красный текст</div>
    .▌ {color: red;}
    Ответ написан
  • Как посмотреть свойство yaCounter в window?

    AlexanderTsymbal
    @AlexanderTsymbal
    tsymbal.su
    Случайно набрел на ваш вопрос в гугле :)
    Отпишусь, вдруг интересно до сих пор.

    Нельзя добраться до методов (или как там они называются) объекта window, пока они не определены. Определение yaCounter происходит после подгрузки скрипта watch.js (его, в свою очередь, запрашивает код метрики, размещенный у вас на страницах). Т.е. сразу после загрузки кода страницы этого сделать нельзя.
    Но можно дождаться $(window).on("load") - это с помощью jQuery. И после полной загрузки страницы попробовать получить доступ к yaCounterXXXX в window.
    Ответ написан
    Комментировать
  • Как прокрутить slick slider до нужного слайда используя встроенный метод slickGoTo?

    AlexanderTsymbal
    @AlexanderTsymbal
    tsymbal.su
    кажись, это slick глючит. я тоже, помню, сталкивался с подобной проблемой - с методами slick мороки очень много. Хотя сам слик - первый в моём инструментарии. Попробуйте обновить слик до последней версии - там вроде как многое меняется сейчас в методах и событиях - посмотрите на оф. сайте. Ищите в англоязычном сегменте ответы. Там их гораздо больше.
    И если решили проблему - напишите, как это сделали. Интересно.
    Ответ написан
    Комментировать
  • Как избавиться от кракозябров в поле "От", если почтовый адрес кириллический, а письмо отправляется функцией php mail()?

    AlexanderTsymbal
    @AlexanderTsymbal Автор вопроса
    tsymbal.su
    решается проблема интересным образом: вместо реального названия сайта, написанного на кириллице, нужно использовать его punycode вроде xn--90azcerm.xn--p1ai
    таким образом, при отправке письма функцией mail() в параметре отправителя указываем no-reply@xn--90azcerm.xn--p1ai - письмо приходит в правильном формате, в поле "От кого" указан кириллический адрес.

    Но вопрос в другом. Например, если смотрим письмо в веб-интерфейсе mail.ru, то в списке писем адрес показывается как есть (без конвертации в кириллицу) no-reply@xn--90azcerm.xn--p1ai, а вот когда открываем письмо, то там уже с конвертацией. Я думаю, это баг mail.ru, на других почтовых сервисах пока не тестировал. Но теперь другой вопрос - эстетического плана - нужно как-то добавить имя отправителю, чтобы в списке писем показывался не голый адрес, а какое-нибудь произвольное название... Ну, это уже нагуглю.
    Ответ написан
    Комментировать
  • Почему медиазапрос не работает?

    AlexanderTsymbal
    @AlexanderTsymbal
    tsymbal.su
    используйте условие в медиа не min-width, а max-width.
    min-width - срабатывает, когда ваша ширина больше чем указанное значение.
    а max-width - это максимальная ширина, при которой будет срабатывать данное правило. т.е если ширина меньше этого значения - правило срабатывает. Если ширина превышает это значение, то ничего не происходит!
    Ответ написан
  • Как выполнить функцию после ajax-запроса типа post?

    AlexanderTsymbal
    @AlexanderTsymbal
    tsymbal.su
    у метода jquery $.ajax есть такой параметр как success (оформляется аналогично complete и statusCode) - он срабатывает при успешном срабатывании метода: т.е. если запрос выполнен и возвращена какая-то информация.

    Вы можете использовать success для обработки полученных данных. Вижу, что вы получаете ответ в JSON. Засуньте в него какой-нибудь флаг, например "is403" со значениями true или false. И устанавливайте флаг только в том случае, если 403 сработал.
    тогда кусок скрипта будет следующим:
    ....
    success: function(data) {
       var answer = JSON.parse(data);
       if (answer.is403 === true) {
          //делаем редирект
       } else {
          //делаем что-нибудь другое, если флаг 403 не установлен, а значит, возвращены какие-то данные
       }
    }
    Ответ написан
  • Как с помощью jQuery определить что устройство - планшет?

    AlexanderTsymbal
    @AlexanderTsymbal
    tsymbal.su
    thematthewhudson.com/current-device вам поможет Device.js
    Это маленький скрипт (~4кб), который я вставляю перед jQuery во всех своих проектах. Безотказно определяет тип устройства, ОС и разворот экрана.

    UPD 2021: Актуальная ссылка: https://github.com/matthewhudson/current-device
    Ответ написан
    1 комментарий
  • Как сверстать header с картинкой и выезжающим меню?

    AlexanderTsymbal
    @AlexanderTsymbal
    tsymbal.su
    зайдите на html5up.com - там можно бесплатно скачать адаптивные шаблоны, некоторые из них как раз такие, как вам нужны - первая картинка тянется на всю высоту окна браузера, меню фиксируется и выдвигается слева и т.д.

    вообще, нужно достаточно хорошо разбираться в теории html, css, js, чтобы верстать такие вещи самостоятельно.
    Не знаете основ? - тратите зря время, пытаясь перепрыгнуть огромный теоретический пласт и перейти сразу к практике. Ничего не получится.
    Ответ написан
    1 комментарий
  • Web - студия в 2015году?

    AlexanderTsymbal
    @AlexanderTsymbal
    tsymbal.su
    Вполне перспективное предприятие.

    Главный вопрос - не "открывать или нет?", а "как организовать внутренний рабочий процесс в условиях растущей конкуренции с фрилансерами и фриланс-командами".

    Сегодня самая актуальная форма организации веб-студии - набор фрилансеров или удаленных технических специалистов и несколько сотрудников, занимающихся менеджментом и маркетингом, в офисе.
    Чем гнать каждое утро в офис застенчивых и малоподвижных, всегда сонных и упрямых профессионалов-программистов, лучше дать им свободу находиться в своих привычных рабочих условиях - дома. А в офис посадить координаторов, менеджеров, маркетологов, руководителей технических отделов и бухгалтеров.
    Ответ написан
    Комментировать
  • Как лучше создавать offline html-отчеты с графиками?

    AlexanderTsymbal
    @AlexanderTsymbal
    tsymbal.su
    нужно смотреть в сторону svg-графики (или canvas). это векторная графика, которая внедряется непосредственно в html-код или в отдельный файл, который подключается в html и выводится непосредственно в теле html-страницы.
    svg легко программируется (по координатам точек), можно создавать очень интересные и сложные инфографические штуки. И все это с минимальными (потому что векторными) размерами файлов.
    есть даже библиотеки, которые имеют API специально для составления графиков и диаграмм. к сожалению, не могу вспомнить ссылок и названий, гугл в помощь.
    Ответ написан
    Комментировать
  • За что взяться: ASP.NET MVC либо JavaScript?

    AlexanderTsymbal
    @AlexanderTsymbal
    tsymbal.su
    Javascript - по нему работы больше будет.
    Ответ написан
    Комментировать
  • Как сделать 2 div display: inline-block; width: 50%?

    AlexanderTsymbal
    @AlexanderTsymbal
    tsymbal.su
    дело в том, что display: inline-block; добавляет после каждого такого блока пробел 3-4px (в зависимости от браузера).
    есть 2 решения:
    1. использовать правило margin-right: -3px - этот отрицательный отступ компенсирует те 3 пикселя, которые появляются. НО! В разных масштабах и в разных браузерах изначальный отступ в 3px может выглядеть шире/уже на пару пикселей и в итоге получим либо наезды блоков друг на друга, либо тот же самый перенос
    2. этот способ наиболее удобный. просто между блоками удалить все пробелы и переносы строк. т.е. закончился предыдущий div, и сразу же после закрывающего тега нужно вставлять следующий открывающий.


    правильно: </div><div> - в этом случае отступов не будет
    не правильно: </div> <div> - даже один символ отступа или переноса строки нарушит "хрупкое равновесие"
    Ответ написан
    6 комментариев
  • На каком cms реализовать такую социальную сеть с группами?

    AlexanderTsymbal
    @AlexanderTsymbal
    tsymbal.su
    drupal, joomla,
    вообще, в любой, но каждый нужно допиливать.
    для drupal'а когда-то натыкался на сборку Швабрашвабр (давно дело было) - разработчики допилили стандартный функционал до полноценной соц. сети (типа хабрахабра)
    Ответ написан
    Комментировать
  • Какую js-библиотеку порекомендуете для всплывающих окон?

    AlexanderTsymbal
    @AlexanderTsymbal
    tsymbal.su
    только fancybox! Больше ничего не понадобится! Кастомизируется как захотите, грузит всё, что пожелаете.
    Ответ написан
    2 комментария
  • Правильно ли оптимизирован код сайта?

    AlexanderTsymbal
    @AlexanderTsymbal
    tsymbal.su
    Ваш сайт визуально адаптирован под мобильные устройства. Главные недочеты кроются в том, что сайт одностраничный и при загрузке сразу подкачивает огромное количество огромных, насильно масштабированных, картинок. Сделайте что-нибудь с загрузкой картинок (например, не загружайте их сразу, а подгружайте при запросе), и переразмерьте их - основная часть критических ошибок указывает на неоптимизированные картинки.
    Ответ написан
    Комментировать
  • Как отправить форму через аякс, если используется enctype='multipart/form-data'?

    AlexanderTsymbal
    @AlexanderTsymbal
    tsymbal.su
    плагином jquery.form - он работает с мультипартовыми формами
    Ответ написан
    Комментировать