Все сервисы Хабра

Сообщество IT-специалистов

Ответы на любые вопросы об IT

Профессиональное развитие в IT

Удаленная работа для IT-специалистов

Войти на сайт
  • Все вопросы
  • Все теги
  • Пользователи

Хабр Q&A — вопросы и ответы для IT-специалистов

Получайте ответы на вопросы по любой теме из области IT от специалистов в этой теме.

Узнать больше
другие проекты хабра
  • Хабр
  • Карьера
  • Фриланс
Задать вопрос

Kjuri

  • 5
    вклад
  • 6
    вопросов
  • 26
    ответов
  • 12%
    решений
Лайки
  • Информация
  • Ответы
  • Вопросы
  • Комментарии
  • Подписки
  • Нравится
  • Достижения
  • Какой видеокурс по основам WordPress действительно стоит изучить?

    Evanre
    Evanre @Evanre
    Front-end developer
    Одни из лучших комплексных курсов у Teamtreehouse.com. Русскоязычные "курсы" не советую. Парни вроде webformyself занимаются продажей курсов для домохозяек типа "сайт за 20 часов", а не обучением. То же самое и на Youtube. Единственные 2 русскоязычных канала о wp которые смотрю Быть програмистом и wp-plus.
    Первый ориентируется на создание тем для Envato, правда фреймворк у него самописный и давольно старый\кривой.
    А вот wp-plus, он же CampusBoy (активный польpователь и контрибьютор ресурса wp-kama, тоже кстати советую) делает отличные видео. Не из разряда, "установите очередной плагин под мелкую фигню" (по типу WPRuse), а именно как правильно писать на WP. У него есть несколько отличных серий уроков (ContactForm7, CarbonFields и т.д.),. Канал молодой и очень маленький, но автор просто молодчина :)
    Ответ написан более трёх лет назад
    Комментировать
    Нравится 8 Комментировать
  • Как разместить ленту instagram на сайт без запроса токена?

      @amoralov
    1. Переходишь по ссылке https://instagram.com/имя_пользователя/?__a=1
    2. Декодируешь json
    3. Выводишь на сайте
    Ответ написан более двух лет назад
    2 комментария
    Нравится 2 2 комментария
  • Как сделать толщину объекта меньше в Illustrator?

    Kalombyr
    Kalombyr @Kalombyr
    Доброго дня. Ну, можете попробовать: Верхнее меню -> Объект -> контур -> Создать параллельный контур и ввести отрицательное значение.
    Ответ написан более года назад
    Комментировать
    Нравится 2 Комментировать
  • Почему bitbucket не заливает файлы по ssh?

    dzhiriki
    Александр Петров @dzhiriki
    Используйте ключи развертывания для получения доступа на чтение к этому репозиторию. Узнайте больше об использовании SSH-ключей.

    Там же все написано.
    И ключи развертывания - это настройки репозитария, а не настройки профиля.
    В профиле пункт SSH-ключи. Туда и добавляйте.
    Ответ написан более трёх лет назад
    1 комментарий
    Нравится 4 1 комментарий
  • Создание ассоциативного массива в JS?

    webdisigner
    webdisigner @webdisigner
    Массив внутри массива

    var arr = {
      0:{
        0:[1,2,3,4,5,6,666],
        1:{
          0:['Вася','Олег','Петя']
        }
      },
      1:[7,8,9,10]
    };
    
    
    document.write(arr[0][1][0]); // Вася,Олег,Петя
    document.write(arr[0][1][0][0]); // Вася
    document.write(arr[0][1][0][1]); // Олег
    document.write(arr[0][1][0][2]); // Петя
    Ответ написан более трёх лет назад
    Комментировать
    Нравится 2 Комментировать
  • Как грамотно собрать картинки в проекте?

    JRK_DV
    ⓒⓢⓢ @JRK_DV
    Рецепты https://codepen.io/jrkdv/full/LKLXdq
    В зависимости от задач
    1. gulp.spritesmith - собирает png в один спрайт
    2. gulp-svg-sprite - собирает svg в один спрайт
    3. Вставка svg спрайтов на страницу

    Сейчас возможно уже и не актуально, но к моей практике не прижились
    Фоновые svg (плохая кроссбраузерность, нельзя стилизовать из внешних стилей)
    base64 (Распирает вёрстку, изменилась картинка - во всех местах везде надо менять картинку, использую крайне редко)

    Вставку svg спрайтов на страницу, делаю по такой практике:
    На странице делаю контейнер куда группирую все спрайты
    <div data-ui="resources" style="display: none;">
       <svg data-ui="icon-pack">
          <g id="svg-search"><path d="M61.8,56.6l-15.1-15C50,37.2,52,31.8,52,26C52,11.7,40.3,0,26,0C11.7,0,0,11.7,0,26c0,14.3,11.7,26,26,26 c6,0,11.5-2,15.9-5.4l15,15L61.8,56.6z M26,44.9c-10.5,0-19-8.5-19-19C7,15.5,15.5,7,26,7c10.5,0,19,8.5,19,19 C45,36.4,36.4,44.9,26,44.9z"></path></g>
          <g id="svg-img"><path d="M0.8,0C0.4,0,0,0.4,0,0.8v22.9c0,0.4,0.4,0.8,0.8,0.8h24.7c1.2,1.5,3,2.5,5,2.5c3.5,0,6.4-2.9,6.4-6.5c0-2.7-1.7-5.1-4-6.1V0.8C33,0.4,32.6,0,32.2,0H0.8z M1.6,1.6h29.8V14c-0.3,0-0.5-0.1-0.8-0.1c-1.2,0-2.3,0.4-3.3,0.9l-3-3.2c-0.2-0.2-0.4-0.3-0.7-0.2 c-0.2,0-0.3,0.1-0.5,0.2l-5.7,5.1l-7.2-8.3c-0.2-0.2-0.5-0.3-0.7-0.3c-0.2,0-0.3,0.1-0.5,0.2l-7.5,7.9V1.6z M17.7,3.3 c-1.8,0-3.2,1.5-3.2,3.3c0,1.8,1.4,3.3,3.2,3.3c1.8,0,3.2-1.5,3.2-3.3C20.9,4.7,19.5,3.3,17.7,3.3z M17.7,4.9 c0.9,0,1.6,0.7,1.6,1.6c0,0.9-0.7,1.6-1.6,1.6c-0.9,0-1.6-0.7-1.6-1.6C16.1,5.6,16.8,4.9,17.7,4.9z M9.6,10.2l11.1,12.7H1.6v-4.2 L9.6,10.2z M23.7,13.4l2.3,2.5c-1.1,1.2-1.9,2.8-1.9,4.6c0,0.9,0.2,1.7,0.5,2.5h-1.7L18.6,18L23.7,13.4z M30.6,15.5 c2.7,0,4.8,2.2,4.8,4.9c0,2.7-2.2,4.9-4.8,4.9s-4.8-2.2-4.8-4.9C25.7,17.7,27.9,15.5,30.6,15.5z M30.6,16.8c-0.4,0-0.8,0.4-0.8,0.8 v2h-2c-0.4,0-0.8,0.4-0.8,0.8c0,0.5,0.4,0.8,0.8,0.8h2v2c0,0.5,0.4,0.8,0.8,0.8c0.4,0,0.8-0.4,0.8-0.8v-2h2c0.4,0,0.8-0.4,0.8-0.8 c0-0.5-0.4-0.8-0.8-0.8h-2v-2C31.4,17.1,31,16.8,30.6,16.8z"></path></g>
          <g id="svg-plus"><path d="M15.6,7.1l-5.1,0c0,0,0,0-0.1,0c0,0,0,0-0.1,0c-0.2,0-0.4-0.2-0.4-0.5l0,0l0-5.1l0-0.3C9.8,0.6,9.2,0,8.5,0 C7.7,0,7.1,0.6,7.1,1.3l0,0.2l0,5.1c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0.3-0.2,0.5-0.5,0.5c0,0,0,0,0,0 c0,0,0,0,0,0l-5,0l-0.3,0C0.6,7.1,0,7.7,0,8.5c0,0.7,0.6,1.4,1.3,1.4h0.2l5.1,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0 c0.3,0,0.5,0.2,0.5,0.5c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0l0,5.1l0,0.2C7.2,16.4,7.8,17,8.5,17 c0.8,0,1.4-0.6,1.4-1.4l0,0l0-5.2c0,0,0,0,0,0c0,0,0,0,0,0c0-0.3,0.2-0.5,0.5-0.5l0,0l5.1,0l0.2,0C16.4,9.9,17,9.2,17,8.5 C17,7.7,16.4,7.1,15.6,7.1L15.6,7.1z"></path></g>
       </svg>
    </div>


    В документе использую так (для svg передаю ид. спрайта в аттрибуте xlink:href="..."):
    <button data-ui="search">
       <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 61.8 61.5"><use x="0" y="0"  xlink:href="#svg-search"></use></svg>
    </button>


    На счёт раста и dpi, использую 2 вида спрайта для каждой иконки (обычный монитор и ретина).
    Если требуется поддержка 3х и более разновидностей плотности в ход идёт svg.
    Но в основном и для мобильных девайсов (пример 120dpi) использую ретиновские спрайты, проблем с качеством иконки не замечал, единственное объём трафика на иконки повышается до ~5-10%
    Ответ написан более трёх лет назад
    3 комментария
    Нравится 3 3 комментария
  • Как задать изменение по hover linear-gradient() в svg?

    RadCor
    Капитан Какао @RadCor
    Если мой ответ вам помог, отмечайте его решением.
    Вот так: https://jsfiddle.net/RadCor/574nm60c/ ;)
    Ответ написан более трёх лет назад
    Комментировать
    Нравится 3 Комментировать
  • Как остановить видео youtube в JS?

    kumkuduk
    Даулет Ногайбек @kumkuduk
    Была аналогичная ситуация, надо было когда открывается модальное окно воспроизвести а если закрыть нажать на паузу, нашел решение!

    <script>
    		$(document).on('click', '#close_vid', function() {
    			jQuery("iframe").each(function() {
    				jQuery(this)[0].contentWindow.postMessage('{"event":"command","func":"pauseVideo","args":""}', '*')
    			});
    		});
    	</script>
    	<script>
    		$(document).on('click', '#play_video', function() {
    			jQuery("iframe").each(function() {
    				jQuery(this)[0].contentWindow.postMessage('{"event":"command","func":"playVideo","args":""}', '*')
    			});
    		});
    	</script>


    PS: https://www.youtube.com/embed/SMExDCDusx4?enablejsapi=1& - вот таким образом надо включить API
    Ответ написан более трёх лет назад
    2 комментария
    Нравится 7 2 комментария
  • Как узнать ширину блока JQuery с дробной частью?

    allewa
    Алексей A @allewa
    На чистом JS:
    getBoundingClientRect().width

    jsfiddle
    Ответ написан более трёх лет назад
    Комментировать
    Нравится 2 Комментировать
  • Что значит сообщение [Django] ERROR: Invalid HTTP_HOST header...?

    crazyzubr
    Ростислав Григорьев @crazyzubr
    Python backend-developer
    Нужно добавить 'www.somesite.com' в настройки проекта, которые находятся в файле `settings_local.py` или `settings.py` для параметра ALLOWED_HOSTS.

    Например, так:
    ALLOWED_HOSTS = ['www.somesite.com', 'somesite.com']

    Или разрешить любые хосты:
    ALLOWED_HOSTS = ['*']

    Если сайты левые, то есть не ваши, тогда можно в настройках логгирования поставить для этих сообщений заглушку:

    'loggers': {
          'django.security.DisallowedHost': {
               'handlers': ['null'],
               'propagate': False,
    },
    Ответ написан более трёх лет назад
    5 комментариев
    Нравится 3 5 комментариев
  • Почему не работает setTimeout в цикле for?

    Taraflex
    Александр Таратин @Taraflex
    Ищу работу. Контакты в профиле.
    var f = function(i){
    	i = i | 0;
    	i++;
    	console.log(i);
    	if(i<5)
    		setTimeout(f.bind(null,i),1000);	
    }
    Ответ написан более трёх лет назад
    7 комментариев
    Нравится 4 7 комментариев
  • Как в photoshop получить список всех использующихся в макете шрифтов?

    Павел @ncer Автор вопроса
    Frontend
    Нашел-таки готовый скрипт! Для моего Photoshop CC 2014 подошел идеально.

    upd.
    С CC2017 тоже работает.
    Ответ написан более трёх лет назад
    Комментировать
    Нравится 3 Комментировать
  • Как сделать такой button?

    rim89
    Виталий @rim89
    программист-велосипедист
    Значится берем болшой кружку чая, потом это, как пример, codepen.io , добавляем текст .. и докручиваем под нужны угол
    Ответ написан более трёх лет назад
    Комментировать
    Нравится 7 Комментировать
  • Где брать ссылки для подключения фреймворков?

    deniamnet
    Paul Denisevich @deniamnet
    New Yorker, web developer
    https://www.jsdelivr.com - куча всего
    Ответ написан более трёх лет назад
    2 комментария
    Нравится 3 2 комментария
  • Как платить фрилансерам в белую (субподряд)?

    kumaxim
    Максим Кудрявцев @kumaxim
    Web-программист
    Пример №1
    Вы являйтесь ИП в юрисдикции РФ. Ваш подрядчик тоже ИП в РФ.
    Что делать: подписывайте договор на оказание услуги, например, Вы платите 5 т.р. за разработку дизайна.
    Расходы: пересылка конверта с документами в адрес Вашего подрядчика, который будет рисовать дизайн
    Налоги: нет

    Пример №2
    Вы являйтесь ИП в юрисдикции РФ. Ваш подрядчик физическое лицо в РФ.
    Что делать: подписывается гражданко-правовой договор(часто Вы можете встретить сокращение ГПХ - гражданско-правового характера). Он будет точно таким же как договор между ИП, только в качестве исполнителя в нем указано физ.лицо.
    Первое что необходимо помнить при оформлении договора подряда с физ.лицом - коные договора должен быть четко определен, например, "...Исполнитель обязазуется нарисовать Заказчику дизайн-макет сайта кулинарной тематики и предоставить его до 25.10.2016". Ни в коем случае не должно быть указано выполнение какие-либо переодических действий, например, "...Исполнитель обязуется выполнять работы по разработке дизайн-макетов сайтов, в течении 10 дней с момента поступления запроса от Заказчика..." Это уже будет являться трудовым договором, а это уже отдельная тема.
    Расходы: пересылка договора подрядчику + пересылка отчетов в ФНС и ПФР
    Условие: Пусть 5 000 рублей это сумма, за которую работает Ваш подрядчик.
    Налоги:
    1. 13% - налог на доходы физ.лиц
    2. 22% - взнос в Пенсионный фонд
    3. 5,1% - взнос в фонд Обязательного мед.страхования

    Расчет:
    1. 5 000 - 13% = 4350 - столько получит на карточку Ваш исполнитель
    2. 5 000 - 87% = 650 - это 13% НДФЛ
    3. 5 000 + 22% = 1100 - в Пенсионный фонд
    4. 5 000 + 5.1% = 255 - на медицину
    Итог: Ваш подрядчик получает 4350 рублей. Бюджет РФ получает с этого 1975 рублей. Суммарно Вы заплатите 6325 рублей
    Отчеты: в Пенсионный фонд(если не ошибаюсь форма РСВ-1) и в ФНС. В ПФР отчет должен быть отправлен в конце месяца, хотя могу ошибаться. Для наемных сотрудников на трудовом договоре РСВ-1 точно ежемесячно предоставляется. Для людей на договорах подряда точно не скажу, спрашивайте в своем ПФР. В ФНС отчет раз в год до 01.04 должен быть предоставлен.

    Пример №3
    Вы являйтесь ИП в юрисдикции РФ. Ваш подрядчик физическое лицо вне юрисдикции РФ
    Что делать: ежайте в эту самую другую юрисдикцию, открывайте там филиал/представительство и работаете по законам той страны. Деньги сначала со своего ИП кидайте на представительство, а потом с него уже Вашим наемным людям. И да, еще Вас ждет с распростертыми объятиями валютный контроль банка и ФНС внешние операцияии с аффилированными иностранными компаниями любит под микроскопом рассматривать.
    Налоги: не знаю, сильно зависит от страны назначения.

    Пример №4
    Вы являйтесь ИП в юрисдикции РФ. Ваш подрядчик ИП/юр.лицо вне юрисдикции РФ
    Что делать: идти в банк и узнавать что такое валютный контроль, что надо заполнять, сколько это идет и т.д. Точно нужен будет счет в иностранной валюте. Вроде бы, но могу ошибаться, еще нужно будет регистрироваться на таможне, даже если Вы физически через границу ничего перемещать не собирайтесь(тут могу ошибаться).

    Вывод.

    Оцените объем работы, которую Вы хотите сами аутсорсить и либо найдите веб-студию, которой будите аутсорсить и получать от них все документы либо возьмите себе в штат человека, который будет все это делать.
    Ответ написан более трёх лет назад
    1 комментарий
    Нравится 33 1 комментарий
  • Как подставить изображение в input?

    zoh @zoh
    Без html не получиться
    <div id="myDiv" contenteditable="true">
     <img scr="">
    </div>


    дальше js обёртки.
    Ответ написан более трёх лет назад
    2 комментария
    Нравится 3 2 комментария
  • Как правильно сверстать линию, которая у меня залазит под float?

    black_wolf1894
    Тимофей Белоусов @black_wolf1894
    Junior Front End Developer
    .inform_line {
         background-color: red;
         height: 8px;
         margin-bottom: 10px;
         overflow: hidden; /*Добавь это свойство и будет тебе счастье*/
    }
    Ответ написан более трёх лет назад
    1 комментарий
    Нравится 2 1 комментарий
  • Как автоматически обнаружить и почистить свойства css, которые не используются?

    metheoryt @metheoryt
    Как вариант - В инструментах разработчика Chrome вкладка Audit
    Ответ написан более трёх лет назад
    Комментировать
    Нравится 1 Комментировать
  • Как сверстать кнопки форм под iphone?

    DeLaVega
    Виталий Киренков @DeLaVega
    Верстаю, фронтэндю =)
    Сам помучался с этой штукой, а решение по сути то элементарное.
    input, button { -webkit-appearance: none;}
    Прописываете этот стиль вашему элементу и будет счастье.
    Ответ написан более трёх лет назад
    4 комментария
    Нравится 7 4 комментария
Оценили как «Нравится»
Самые активные сегодня
  • dimonchik2013
    Dimonchik
    • 10 ответов
    • 0 вопросов
  • MikUrrey
    • 9 ответов
    • 1 вопрос
  • cicatrix
    • 8 ответов
    • 1 вопрос
  • Aleksandr-JS-Developer
    Aleksandr-JS-Developer
    • 7 ответов
    • 0 вопросов
  • Casufi
    Владимир
    • 6 ответов
    • 0 вопросов
  • TNPTSYWWCC
    Uneasy Hearts Weigh the Most
    • 6 ответов
    • 0 вопросов
  • © Habr
  • О сервисе
  • Обратная связь
  • Блог

Войдите на сайт

Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации