• Как проверять валидность html/css?

    @eugene159
    Есть много плагинов, но не для IDE, а для браузера. И это правильно, потому что во время разработки код может быть разбросан по разным файлам, из-за чего нет смысла его валидировать. Может быть даже такое, что в одном файле тег открывается, а в другом закрывается.
    Ответ написан
    1 комментарий
  • Почему не работает отладка в Open Server 5.3.5? Как исправить?

    @eugene159 Автор вопроса
    Решил тем, что поставил новую версию PHPStorm.
    Ответ написан
    Комментировать
  • После переноса Wordpress сайта на локальный сервер иконки стали отображаться квадратами. Как исправить?

    @eugene159 Автор вопроса
    Я попробовал импортировать базу через HeidiSQL, а не через PhpMyAdmin, и эта ошибка исчезла.
    Ответ написан
    Комментировать
  • Как правильно написать код, который заменяет картинку в background-image на webp (чтобы это видел pagespeed)?

    @eugene159 Автор вопроса
    Все просто. При загрузке страницы JS вешает на body класс "webp" или "no-webp" (в зависимости от того, поддерживается webp или нет). background-image для элемента указывается с помощью каскадности:
    .webp .header-img {
        background-image: url(../img-webp/header-img.webp); 
    }
    
    .no-webp .header-img {
        background-image: url(../img/header-img.png); 
    }

    В итоге pagespeed не видит png, поэтому не ругается на него.

    Подробности тут:
    https://css-tricks.com/using-webp-images/
    Ответ написан
    Комментировать
  • Как сделать так, чтобы по умолчанию для определенных документов вместо TinyMCE открывался обычный редактор или Axe?

    @eugene159 Автор вопроса
    Ресурс -> Настройки -> Чекбокс "Использовать HTML-редактор".
    Ответ написан
    Комментировать
  • Какой слайдер лучше использовать в реальных проектах?

    @eugene159
    Можешь еще owl-carousel посмотреть. Он на JQuery.

    Slick уже устарел. Прямо сейчас вспомнился один его баг. Есть там настройка responsive. Я указал breakpoint, например, 768. И в одном из режимов просмотра (Эмуляция мобильных устройств в браузере или просто обычный режим просмотра страниц в браузере) этот breakpoint срабатывает раньше / позже 768. Это, конечно, неприкольно.
    Ответ написан
    7 комментариев
  • Можно ли сделать так, чтобы callback у .animate, примененного к множественному селектору вызывался только один раз?

    @eugene159 Автор вопроса
    Ответили на другом ресурсе. Копирую ответ сюда.

    Можно получить объект jQuery-промиса:
    $('.elem').animate({opacity: 0}, { duration: 1000, queue: false}).promise().done(function() {
        console.log("1 сообщение");
    });
    Ответ написан
    1 комментарий
  • Почему некорректно читается html файл?

    @eugene159
    Вот этим кодом <meta charset="utf-8"> вы указываете браузеру, в какой кодировке читать файл. Но проблема может быть не в браузере, а в самом файле.

    В самом файле нормальные буквы, если открыть его, например, через Notepad++? Если знаки вопроса или кракозябры, то можно попробовать открыть его в Word. Обычно если Word видит проблемные символы, он предлагает выбрать кодировку для файла и показывает окошко, где можно "померить" кодировку. Прикладываю скриншот.
    5daf853475155492342666.png
    У меня была похожая проблема, когда я открыл файл, который создавал не я, через PHPStorm. Шторм плохо умеет распознавать кодировки. Я не заметил, что русские буквы отображаются вопросами и сохранил файл. Восстановить его мне не удалось.

    Еще у меня была другая проблема с файлом, но там не только кириллица некорректно отображалась, а весь текст вообще, я задавал вопрос на этой сайте, можете почитать: Возможно ли восстановить данный txt файл? . Восстановить тоже не удалось.
    Ответ написан
  • Какой выбрать монитор для кодинга в 2019?

    @eugene159
    Я рекомендую выбирать через Яндекс Маркет (или другие похожие сайты). Там очень хорошая возможность фильтрации, а также можно почитать отзывы от других людей - того, кто уже купил монитор и протестировал его. Это важно, т.к. есть много нюансов, которые можно заметить только во время эксплуатации. Например, монитор может быстро греться. У него, спустя некоторое время, могут начать появляться битые пиксели / остаточные явления. У него могут быть проблемы с настройкой цвета (и после покупки нужно будет сидеть и настраивать его, чтобы было более-менее естественно). И это невозможно проверить, пока не поработаешь за ним.

    1. То есть, первый критерий - много хороших отзывов.

    2. Диагональ. Имхо, чем больше, тем лучше, ведь текст (код, документация, ТЗ, переписка с коллегами / клиентами) можно будет сделать крупнее. А чем крупнее текст, тем меньше устают глаза, тем дальше можно сесть от монитора (но не обязательно).

    Я как-то читал комменты к одному большому (больше 32 дюймов) монитору на Яндекс Маркете. Там один чел написал, что когда работает за ним, еще и разминает шею и глаза (что хорошо для здоровья).

    Но здесь есть важный момент. Мониторы с диагональю больше 32 дюймов - редкость. Не в каждом магазине они есть (Чтобы прийти и посмотреть качество сборки). И как правило, они все с какими-то недостатками (Они еще несовершенны. Да и это не совсем стандартный размер). Выбора среди мониторов с такой диагональю мало.
    Кроме того, если диагональ такая большая и без изгиба, то за ним может быть неудобно работать, на нем могут быть блики.

    Я думаю, что идеально было бы взять 2 безрамочных 32 дюймовых монитора и кронштейны для них - чтобы можно было наклонить их так, как захочется (вместо изогнутости). Но у меня есть некоторые проблемы со зрением, которые не корректируются очками. Возможно, вам бы и одного 32 дюймового хватило. Или двух, но меньшей диагонали.

    У 34 дюймового монитора часто высота меньше, чем у 32. По-моему, это не очень хорошо, особенно для web'а. На некоторых сайтах шапка фиксированная. И если у вас сильно увеличен интерфейс (или сам сайт), то эта шапка может занимать немалую часть высоты монитора. Также на некоторых сайтах есть меню, которое по задумке программиста выскакивает на пол экрана по высоте. У вас оно будет больше.

    3. Обязательно с Flicker-Free (это технология защиты от ШИМ'а - мерцания, от которого устают глаза).

    4. Матрица. Коротко напишу об особенностях каждого типа матриц.
    • IPS - самые большие углы обзора. Лучше всего подойдет, если вы решили взять монитор с большой диагональю и без изгиба.
    • VA - черный цвет. Имхо, такие мониторы важнее людям, работающим с видео или с изображениями. С другой стороны, возможно, вы извлечете из него плюс, если любите темные темы в IDE.
    • TN - скорость отклика. Но углы обзора у мониторов с данным типом матриц хуже всего. Я думаю, что это самый плохой вариант для работы. Обычно такие мониторы берут для игр.

    Конечно, все зависит от цены монитора. Возможно, у дорогого VA или TN вы даже не заметите разницы в углах обзора со средненьким или дешевым IPS. Но зачем переплачивать за это?
    Прикладываю картинку из интернета, на которой сравниваются углы обзора разных матриц.
    5dadff7f91a04441078419.jpeg
    5. Если говорим про усталость глаз, то стоит упомянуть функцию подавления синего цвета. Имхо, это ненужная функция. В Windows есть "Ночной свет" - по сути, то же самое, только удобнее - в любой момент можно отключить / настроить щелчком мыши, не надо лезть за монитор и перебирать на нем кнопки.
    Если вы пользуетесь другой ОС, то можно найти программу с таким же функционалом (например, f.lux).

    6. Разрешение. Не советую гнаться за большим разрешением. Чем больше разрешение, тем меньше пиксели. И тем меньше текст, который вы читаете.
    В Windows есть масштабирование. Но далеко не все приложения корректно масштабируются. В некоторых все очень мыльное, в некоторых текст увеличивается, а input для него - нет (прикладываю скриншот из программы Embarcadero Rad Studio, увеличение в Windows 150%).
    5dae000c023a7560386043.png
    Более того, чем больше разрешение, тем больше требования к самому компьютеру (особенно к видеокарте).

    Касательно ppi, здесь все очень индивидуально.
    У вас есть сейчас какой-то монитор, правильно? Если вам комфортно за ним, то берите новый монитор с таким же ppi. Если нет, то сходите к другу, у которого монитор с другим ppi и попробуйте поработать.
    Я работаю с увеличенным интерфейсом в 150%, у меня 93 ppi, я не замечаю размытости шрифта, мне комфортно. В то же время, у меня есть друзья, которые с таким же ppi работают со 100% увеличением, им все нравится.
    Ответ написан
  • Как с помощью JS вывести php код?

    @eugene159
    Вам нужен PHP код или результат его выполнения? Если PHP код, то это просто строка. Не надо писать открывающий и закрывающий теги php (<?php и ?>). Если результат выполнения, то вам надо использовать AJAX.
    Ответ написан
    Комментировать
  • Почему раньше верстали с float а не с inline-block?

    @eugene159
    У inline-block есть один большой недостаток - это промежутки между элементами - как между словами. Они зависят от семейства шрифта и от его размера. Меняется шрифт - меняется и размер промежутка.

    Если всегда добавлять определенное семейство шрифта и размер (чтобы выставить нужный отрицательный margin-left), то мы теряем возможность наследования этих свойств, что не есть хорошо.
    Ответ написан
  • Как правильно сделать drag and drop элемента «p»?

    @eugene159
    Используй JQuery UI Draggable:
    https://jqueryui.com/draggable/
    Ответ написан
    Комментировать
  • JQuery | При первом нажатии - текст появляется, при втором нажатии - текст пропадает, как сделать второе нажатие?

    @eugene159
    Можно просто удалить атрибут style.
    Но лучше делать через добавление / удаление специального класса. Вдруг потом помимо opacity будет еще что-то. Например, цвет текста. Да и на style могут быть какие-то другие значения - установленные другим JS скриптом или вообще написанные верстальщиком.

    Я набросал код, посмотри:
    https://jsfiddle.net/eo8fsn3b/
    Ответ написан
    Комментировать
  • Что делать после изучение html + css?

    @eugene159
    Смотря какую цель вы преследуете. Если как можно быстрее устроиться на работу, то ближайшая вакансия для вас - верстальщик.
    В данный момент верстальщики, не знающие JS, никому уже не нужны. Под версткой сайта подразумевают еще и оживление его функционала - слайдеры, ползунки, произвольные SELECT'ы, вкладки. Все это без JS - одними лишь CSS и HTML - сделать нельзя. Так что изучайте JS. Или хотя бы какую-нибудь популярную библиотеку для работы с ним.
    Ответ написан
    Комментировать
  • Как указать путь к папке?

    @eugene159
    В файле index.php определи константу:
    define('DOCROOT', realpath(dirname(__FILE__)) . DIRECTORY_SEPARATOR);

    И потом используй эту константу на своем сайте. Эта константа - корень твоего сайта. Все равно у тебя ведь в index.php подключаются все другие скрипты. А это означает, что эта константа будет доступна во всех скриптах.
    Ответ написан
    Комментировать