Задать вопрос
sfi0zy

Ivan Bogachev

Creative frontend developer
Ответы

  • Как присвоить класс на наведенный элемент?

    sfi0zy
    @sfi0zy Куратор тега JavaScript
    Creative frontend developer
    Используйте $(this):
    $("div").hover(function(){
    $(this).children("img").hide();
}

    или
    $("div").hover(function(){
    $(this).find("img").hide();
}

    Различия children и find хорошо описаны в документации.
    Ответ написан
    Комментировать
    Комментировать

  • Как сравнить много переменных и вывести большею?

    sfi0zy
    @sfi0zy Куратор тега JavaScript
    Creative frontend developer
    Общее решение вопроса в одну строчку. Да, вычислительная сложность получается немаленькая, но на 50 элементов это не страшно.
    Ответ написан
    1 комментарий
    1 комментарий

  • Как изменить размер текста на мобильной версии сайта?

    sfi0zy
    @sfi0zy Куратор тега HTML
    Creative frontend developer
    Часто хорошей идеей будет задавать размер текста в пикселях только для html, и в медиа-запросах менять только его размер, а все остальные размеры на странице задавать используя rem. Ссылка на codepen
    Ответ написан
    Комментировать
    Комментировать

  • Как в Uubuntu определить кодировки IDV тега в mp3 файле?

    sfi0zy
    @sfi0zy
    Creative frontend developer
    Вероятно это не очень красивое решение, но все же: достаем теги и пишем их во временный файл. Затем с помощью file узнаем кодировку и чем-нибудь ее выделяем. Выглядит примерно так (можно все это в скрипт оформить и использовать):
    ~$ mp3info -p "%a %l %t %g %c\n" Blues\ Saraceno\ -\ Dogs\ of\ War.mp3 > /tmp/test
~$ cat /tmp/test
Blues Saraceno Dark Country 3 Dogs of War  Recorded with Spotydl
~$ file -i /tmp/test | sed -ne '/charset/ s/.*\= *//p'
us-ascii

~$ mp3info -p "%a %l %t %g %c\n" Ария\ -\ Закат\ \(акустика\).mp3 > /tmp/test
~$ cat /tmp/test
���� 2000 � ���� ���� ����� (2000 � ���� ����) Rock
~$ file -i /tmp/test | sed -ne '/charset/ s/.*\= *//p'
iso-8859-1
    Ответ написан
    3 комментария
    3 комментария

  • Как реализовать портфолио?

    sfi0zy
    @sfi0zy Куратор тега CSS
    Creative frontend developer
    Страница, на которую вы дали ссылку чуть более чем полностью состоит из плиточек у которых и ширина и высота задаются в vw. Собственно так квадратную плитку обычно и делают. У этих плиточек явно есть overflow: hidden и анимации при наведении. Такие анимации вполне себе делаются на чистом CSS. Не совсем понятно что вы имеете ввиду под "плавной" загрузкой фотографий - они хорошо сжаты, поэтому быстро загружаются, но главная причина скорости загрузки страницы состоит в том, что там нет лишних километров скриптов, которые обычно присутствуют на таких страницах и все тормозят. Да и хостинг у людей похоже неплохой (и находится в России) - пинг в 15-16ms благоприятно влияет на восприятие сайта в целом
    Ответ написан
    2 комментария
    2 комментария

  • Это "ослик" или я туплю?

    sfi0zy
    @sfi0zy Куратор тега JavaScript
    Creative frontend developer
    Это не только "ослик", это еще и все остальные браузеры с неполной поддержкой EcmaScript 2015 (в частности поддержной параметров по умолчанию)
    Ответ написан
    Комментировать
    Комментировать

  • Как Google Chrome умудряется заливать папку с сохранением структуры к себе на Google Drive через браузер?

    sfi0zy
    @sfi0zy Куратор тега HTML
    Creative frontend developer
    Сам по себе Google Chrome умеет загружать папки, для этого можно использовать вот такую штуку с элементом input. Но поддержка браузерами у этого не очень хорошая, поэтому в Google Drive скорее всего используется что-то другое - например упомянутый вами File API (вполне вероятно, что для разных браузеров они выдают разные реализации).

    Если же вы о том откуда у Chrome вообще есть права на чтение, то ответ прост, и, скорее всего, был пролистан где-то в середине пользовательского соглашения. К слову, если в адресной строке в Chrome ввести file:/// то получается "недофайловый менеджер" - читает файлы начиная с самого корня (в линуксе)
    Ответ написан
    1 комментарий
    1 комментарий

  • Как сделать такие скошенные края у div?

    sfi0zy
    @sfi0zy Куратор тега CSS
    Creative frontend developer
    Можно с помощью одного псевдоэлемента и прозрачной границы - например так
    Ответ написан
    Комментировать
    Комментировать

  • Как добавить класс, если дочерний элемент один?

    sfi0zy
    @sfi0zy Куратор тега JavaScript
    Creative frontend developer
    А почему бы не использовать :only-of-type?

    Можно прямо в CSS, можно в селекторе jQuery если это необходимо
    Ответ написан
    Комментировать
    Комментировать

  • Неадекватный overflow, остановите его кто-нибудь!!!?

    sfi0zy
    @sfi0zy Куратор тега CSS
    Creative frontend developer
    Читаем что говорят W3C, добавляем к этому особенности некоторых браузеров и получаем, что если вы применяете overflow visible к одной координате (x/y) и какой-либо другой overflow к другой, то в результате overflow visible превращается в auto. Это не "недоработка в css" - это стандарт. А "костыль" - это еще один контейнер (т.е. у родителя можно делать overflow-x: visible, а у дочернего элемента - overflow-y: hidden)
    Ответ написан
    1 комментарий
    1 комментарий

  • Как правиль оформлять указатели в С++?

    sfi0zy
    @sfi0zy
    Creative frontend developer
    На вкус и цвет фломастеры разные. Склоняюсь ко второму варианту, но (имхо) если в проекте есть стайлгайд и в нем написано использовать какой-то из вариантов, то нужно использовать именно тот вариант, который там написан. Это касается и удобства чтения: если все написано одинаково, то не так важно какой вариант используется - гораздо хуже читается код в котором перемешаны разные стили
    Ответ написан
    1 комментарий
    1 комментарий

  • Как получить все элементы DOM рекурсивной функцией?

    sfi0zy
    @sfi0zy Куратор тега JavaScript
    Creative frontend developer
    Вот вам пример наглядного представления этого дерева.
    Ответ написан
    1 комментарий
    1 комментарий

  • Нужно встроить на сайт google map с поиском по ней и возможностью оставлять маркер?

    sfi0zy
    @sfi0zy Куратор тега JavaScript
    Creative frontend developer
    У маркеров есть свойство draggable - вероятнее всего оно вам и нужно. Набросал небольшой пример. Не такой как у вас, но идея та же - в поиске (справа вверху) ищется адрес, на месте этого адреса ставится маркер, который можно потом подвинуть (координаты слева внизу)
    Ответ написан
    Комментировать
    Комментировать

  • Почему не индексируется сайт?

    sfi0zy
    @sfi0zy
    Creative frontend developer
    В индекс Google сайт еще не попал, но Yandex уже что-то знает:
    mgaming.ru
    mgaming.ru
    Владелец сайта предпочёл скрыть описание страницы.

    Желаем приятной работы! Хостинг-провайдер BeGet
    mgaming.ru
    Здравствуйте, уважаемый пользователь. Новый сайт успешно создан и подготовлен к работе. Если у Вас возникли вопросы, Вы можете обратиться в любую из служб...


    Возможные причины медленной индексации:
    1) Домен зарегистрирован 6 мая (времени прошло немного)
    2) Контент не оригинальный (2 случайных куска текста тут же были найдены на другом сайте, и там они появились раньше)
    3) sitemap отсутствует (да и еще много чего, что ускоряет процесс - вероятно вы не освежили в памяти рекомендации для вебмастеров перед тем как задать вопрос)
    4) Достаточно много сайтов с похожими доменными именами
    5) Раньше ваш домен не попадал ни в какие черные списки?
    Ответ написан
    Комментировать
    Комментировать

  • Можно ли с помощью JavaScript удалить пункт контекстного меню браузера?

    sfi0zy
    @sfi0zy Куратор тега JavaScript
    Creative frontend developer
    Изменить это контекстное меню просто так нельзя. В том же хроме (для примера) для работы с ним нужны соответствующие права. Их можно дать расширению для браузера, но простой странице - нет. Аттрибут contextmenu, добавленный в html5 позволяет только добавлять туда свои пункты, но не удалять. Да и работает от только в Firefox (пример). У вас остается только вариант, предложенный Дмитрий - запретить это меню и создать свое. Но ничто не помешает любопытному пользователю посмотреть ваш код или ресурсы, которые вы подгружаете.

    P.S.: От одной мысли, что страница начнет изменять поведение моего браузера в сторону уменьшения функциональности, возникает желание взять клавиатуру и постучать автору по голове) Или написать скрипт, который перехватит перехват моего контекстного меню и вернет все назад
    Ответ написан
    Комментировать
    Комментировать

  • Как вывести все используемые цвета из css файла?

    sfi0zy
    @sfi0zy Куратор тега CSS
    Creative frontend developer
    CSS Color Extractor
    Ответ написан
    Комментировать
    Комментировать

  • Стоит ли разбивать диск на 2 тома в debian для веб-сервера?

    sfi0zy
    @sfi0zy
    Creative frontend developer
    Стоит ли вообще разбивать диск?

    Почему бы и нет? Еще стоит сделать отдельный раздел под /var.

    Сколько места оставить для самой ОС для комфортной ее работы?

    Для самой ОС много места не нужно - там нескольких гигабайтов с головой обычно хватает.

    И какой raid лучше программный или аппаратный в данном случае?

    Это тема для холивара. Однозначный ответ сложно дать. Плюсы и минусы обоих вариантов на тостере уже обсуждались. К ним можно добавить те возможности, которые у вас есть (у меня, например, был "сервер" из обычного пк и аппаратно он умел только raid0 и raid1, что не было лучшим выбором на тот момент - пришлось использовать программную реализацию).

    Возможно ли потом расширить пространство диска за счет добавления дополнительных дисков

    Смотрите в сторону LVM (всмысле смотрите заранее, перед установкой)
    Ответ написан
    5 комментариев
    5 комментариев

  • Зачем в дочерних блоках float и clear?

    sfi0zy
    @sfi0zy Куратор тега CSS
    Creative frontend developer
    Почитайте статью о float. Сразу станет ясно зачем нужно использовать clear. И попробуйте в своем примере убрать clear: both; - у вас все сразу схлопнется. Это хорошо иллюстрирует один из пунктов статьи.
    Ответ написан
    Комментировать
    Комментировать

  • Как настроить мой ubuntu server? Или что я делаю не так?

    sfi0zy
    @sfi0zy
    Creative frontend developer
    А очень хочу новую операционку))))

    Желание иметь на сервере только что появившуюся ось - не самое лучшее желание. Имеет смысл немного подождать до версии 16.04.1.

    sh -c 'echo deb https://oss-binaries.phusionpassenger.com/apt/passenger xenial main > /etc/apt/sources.list.d/passenger.list'

    Возвращаясь к предыдущему пункту - неделю назад официальных бинарников passenger`а для Ubuntu 16.04 не было. На официальном сайте нет инструкции по установке на 16.04. Вы вообще проверяли что вы там себе добавили? И посмотрите внимательно на лог установки: вы ставите себе passenger из стандартного репозитория Ubuntu.

    deployer@4e4o:~$ nginx -t
    nginx: [alert] could not open error log file: open() "/var/log/nginx/error.log" failed (13: Permission denied)


    У пользователя, от которого запускается nginx должны быть права на запись в указанный файл.

    конфиг для nginx (хороший, рабочий, проверял на другой ос)
    unknown directive "passenger_ruby" in /etc/nginx/nginx.conf:14

    Вы приложили все, кроме того, что у вас в ошибках упоминается. Возможно у вас какие-то проблемы в /etc/nginx/nginx.conf, а может быть опять что-то не так с правами. Но скорее всего - все решится установкой passenger`а из oss-binaries.phusionpassenger.com/apt/passenger для Ubuntu 16.04 (когда он там появится). А пока не спешите - Ubuntu 14.04 будет поддерживаться еще несколько лет - успеете обновиться.
    Ответ написан
    Комментировать
    Комментировать

  • Как убить процесс, который блокирует устройства ввода?

    sfi0zy
    @sfi0zy
    Creative frontend developer
    Ctrl+Alt+f1 тоже заблокировало?
    Ответ написан
    2 комментария
    2 комментария