Ответы, понравившиеся пользователю tp4

SyntaxError: Cannot use import statement outside a module?

historydev @historydev

Острая аллергия на анимешников

Решил использованием этого

let app = 123;

module.exports = { app }

И подключаем

const { app } = require('./app')

Ответ написан более трёх лет назад

2 комментария

Разработка сайта на WordPress и git (github)?

mihanentalpo @mihanentalpo

У меня есть мануал и набор самодельных инструментов для работы с WordPress посредством git-репозитория.
https://mihanentalpo.me/2017/03/wordpress-по-челов...

Ответ написан более трёх лет назад

Комментировать

Разработка сайта на WordPress и git (github)?

Evanre @Evanre

Front-end developer

Если чисто по коду, сам гит у меня лежит в корневой папке WordPress. `.gitignore` файл выглядит примерно вот так:

# PHPStorm
.idea

# WordPress
*.log
/wp-*.php
/index.php
/xmlrpc.php
/license.txt
/readme.html
/sitemap.xml
/sitemap.xml.gz

/backup*

wp-admin/
wp-includes/

wp-content/*
!wp-content/themes/
wp-content/themes/*

!wp-content/plugins/
wp-content/plugins/*

!wp-content/themes/ei/
!wp-content/themes/ei-child/

!wp-content/plugins/realty-export

# Frontend tools
wp-content/themes/ei-child/node_modules/

т.е. Вы по умолчанию игнорируете все кроме того, что нужно. По мере разработке можете добавлять или убирать папки.

По бэкапам.
Бекап делаю через плагин BackUpWordPress (очень удобная вещь, можно делать бекапы всего сайта и базы по расписанию, Вам на почту приходит письмо с ссылкой на скачивание бекапа), экспорт базы на другой сервер делаю с помощью WP Migrate DB (он не просто заменяет пути в базе но и правит под них сериаллизованые массивы, таким образом некоторые настройки не слетают). Знаю что можно все делать через wp-cli, но он далеко не на каждом сервере стоит, и так уже привычнее. Мне обычно чтобы слить клиентский сайт для работы на локалке даже фтп не нужен, только доступ в админку.

При работе с сервером заливаю файлы прогой WinSCP, она может как FTP так и SFTP, так же умеет синхронизировать папки (заливать только то, что изменилось), на крупных проектах настраиваю синхронизацию в PHPStorm.

Ответ написан более трёх лет назад

Комментировать

Как настроить redirect на HTTPS в Nginx для всех кроме некоторых URI?

Андрей Корвяков @LNShadow

Crazy DevOps Engineer

Best practics является создание отдельного server {} только для http, который занимается редиректом на http.

Для исключения по uri стоит использовать map:

map $uri $need_redirect {
    "/monitoring"  0;
    "/automatic"  0;
    "~^/status/.*"  0;
    default    1;
}

server {
    server_name www.example.com;
    access_log      off;
    error_log       /dev/null crit;

    if ($need_redirect){
       rewrite  ^/(.*)$  https://$server_name/$1  permanent;
    }
}

Ответ написан более трёх лет назад

Комментировать

Как правильно стилизовать плеер youtube на сайте?

its2easyy @its2easyy

Как вариант если нужно быстро, можно попробовать Plyr, или посмотреть как там реализовано.
В нем можно для ui использовать свой html и есть много возможностей для управления.

Ответ написан более трёх лет назад

1 комментарий

Какие минусы в использовании Windows через virtualbox?

# @mindtester Куратор тега Windows

http://iczin.su/hexagram_48

1 - virtualbox - самый слабый (из десктопно доступных гипервизоров, по использованию GPU)
2 - под линуксом это еще грустнее чем хост=винда+винда-под-виртуалбоксом (поверьте - полторагода потратил на игрища )))
3 - VMWare - заметно лучше... но уже не бесплатно (а плеер - это добровольная кастрация... имхо)
4 - хост на винде+Hyper-V=крутняк!!!.. тут вам и RemoteFX (проброс GPU, хоть пачками вставляйте! и динамическое выделение памяти! и прямое использовние хардов (ссд)..)... но ... - (это жирный минус) - фигвам прброс usb девайсов.. и так по мелочи набирается встречная грусть ((...

мой вывод - идеала нет, надо смотреть по задаче. но по вашей формулировке - см п1 (в смысле ваша хотелка - это худшее решение)

.. если больше задач решается в винде - не лукавьте! - хост на винде!... а вот линукса в виртуалбоксе жувут оч даже славно!

ps я обрел умиротворение именно в такой комбинации - хост винда, и виртулбокс для гостей, в тч линуксы.. (всех мастей..
)))

https://i.imgur.com/KGLF4Io.jpg

pps - ответ категоричен на любом железе!!!
ppps .. хотя... можете сами повторить поиск )).. удачи... на год поисков минимум ))

Ответ написан более трёх лет назад

2 комментария

Какие минусы в использовании Windows через virtualbox?

Дмитрий Беляев @bingo347

Crazy on performance...

Многие графические пакеты от Adobe активно используют видеокарту для вычислений
из виртуалок более менее адекватно эмулирует видеокарту насколько знаю только VMWare

Но лучше все таки сделать так:
1. В качестве хост-ОС поставить гипервизор (например Xen)
2. Создать в нем 2 виртуалки (под линь и под винду)
3. настроить, чтоб при старте ПК стратовали обе
4. разделить между ними оперативу (самому гипервизору хватит 256-512МБ, остальное между виртуалками по нуждам)
5. на виртуалку с виндой пробросить дескретную видяху
6. на виртуалку с линем пробросить встройку от i5 (после всех основных настроек гипервизора и открытие ssh сервера в его VNet)
7. на винде поднимаем VNC сервер и добавляем в автозагрузку
8. врубаем моник на встройку, виндой управляем через VNC

Ответ написан более трёх лет назад

5 комментариев

Плюсы и минусы двух связок для php7 - nginx/apache/mod_php vs nginx/php-fpm?

Reversaidx @Reversaidx

Основной недостаток php-fpm что не будет отрабатывать htaccess, если хватит знаний переделать htaccess под реврайты nginx то php-fpm, если лень то апач

Ответ написан более трёх лет назад

1 комментарий

Проброс портов virtualbox – windows 8 и ubuntu 14.04, как открывать локальные сайты из виртуалки?

Виктор @victafonenko Автор вопроса

Решил проблему полностью. Ниже мануал.

Чтобы все заработало, (SSH-доступ, + доступ к локальным сайтам виртуалки):

1) Создаем виртуалку. По-вкусу настраиваем веб-сервер, с установленным к примеру сайтом example.com на локалхосте. / Еще ставим OpenSSH сервер:
sudo apt-get install -y openssh-server

2)Выключаем виртуалку, идем в Машина - Настроить - Сеть - Адаптер 1 (выбираем тип подключения NAT) - Проброс Портов. Там ставим такие настройки:

Где Rule 1 позволят подключатся по SSH/SFTP к виртуалке из под хост-системы по порту 2222. Rule 2 перебрасывает все соединения по порту 80 (http) хост-системы в виртуалку на порт 80.
С такими настройками уже будет работать SSH, но локальные сайты веб-сервера виртуалки в хост-системе еще показываться не будут.

3) Далее в том же окне Сеть настроек виртуалки, подключаем второй сетевой адаптер (Адаптер 2) с внутренней сетью:

Все сохраняем, запускаем виртуалку.

4) Далее правим файл hosts хост-системы. В винде это обычно Windows\System32\drivers\etc\hosts . Добавляем туда запись типа 127.0.0.1 example.com (это значит что при переходе на example.com нас должно перенаправлять на localhost)

Собственно все. По адресу example.com в браузере хост-системы должен открываться наш локальный сайт на веб-сервере виртуалки.
Если стоит виртуалка linux-desktop, и мы хотим чтобы и там наш локальный сайт example.com открывался в браузере, тогда добавляем аналогичную запись 127.0.0.1 example.com в файл hosts виртуалки по адресу /etc/hosts

Ссылки для раздумий leonid.shevtsov.me/ru/installing-ubuntu-linux-on-v... и leonid.shevtsov.me/ru/virtuabox-ubuntu-configurati...

Ответ написан более трёх лет назад

Комментировать

Где искать работу изучающему линукс?

pfg21 @pfg21

ex-турист

берешь список админских задач, к примеру 51 задание для оттачивания навыков системного адми..., полностью его делаешь, хорошо изучая каждое движение и команду.
список ориетирован на локальный комп с виртуалбоксом так точ для его исполнения ничего лишнего не надо.
потом ищешь еще парочку списков.
и будем считать основу ты знаешь.

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

после такого челенджа вопросов где и что искать у тебя просто не возникнут :) удачи.

Ответ написан более трёх лет назад

Комментировать

Скомканная бумага на css?

Ярослава @Yaxoo

То тут, то там.

Пойдет? jsdo.it/alvarobyrne/crumpled_paper

Ответ написан более трёх лет назад

2 комментария

Gulp-imagemin не достаточно хорош для Google PageSpeed Insights?

Александр Баля @Balya

Люди и технологии

Используйте mozjpeg - он дает отличные результаты. Вот мой конфиг:

var gulp   = require('gulp'),
    chalk = require('chalk'),
    plugin = require('gulp-load-plugins')(),
    browserSync = require('browser-sync').create();
plugin.imagemin.mozjpeg = require('imagemin-mozjpeg');
plugin.imagemin.pngquant = require('imagemin-pngquant');

gulp.task('img', function () {
	gulp.src(path.src.img)
		.pipe(plugin.plumber({
			errorHandler: plugin.notify.onError("Ошибка: <%= error.message %>")
		}))
		.on('end', function(){ plugin.util.log(chalk.cyan('Инициализирован обработчик ошибок изображений')); })
		.pipe(plugin.imagemin([
            plugin.imagemin.gifsicle({interlaced: true}),
            plugin.imagemin.jpegtran({progressive: true}),
            plugin.imagemin.mozjpeg({progressive: true}),
            plugin.imagemin.optipng({optimizationLevel: 7}),
            plugin.imagemin.pngquant({quality: '85-100'}),
            plugin.imagemin.svgo({plugins: [{removeViewBox: true}]})
        ]))
		.pipe(gulp.dest(path.build.img))
		.on('end', function(){ plugin.util.log(chalk.cyan('Оптимизированы изображения')); })
		.pipe(browserSync.stream());
});

Ответ написан более трёх лет назад

Комментировать

Как грамотно собрать картинки в проекте?

ⓒⓢⓢ @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 комментария

Как сделать интерактивную карту?

Валентин @Tpona

Ужасный перфекционист

Вот еще инструмент
https://code.highcharts.com/mapdata/

Ответ написан более трёх лет назад

Комментировать

Как в CorelDraw пересохранить каждую страницу в отдельный файл?

Владимир Крысиков @Klaud Автор вопроса

Как и думалось. Всё было придумано давным-давно. Всего-то надо было заглянуть в файлик
C:\Program Files\Corel\Corel Graphics xxx\Draw\GMS\FileConverter.gms

Ответ написан более трёх лет назад

Комментировать

Какие библиотеки, плагины и прочее для верстки вы используете в своих проектах?

GooDay2Die @GooDay2Die

https://github.com/vuejs/awesome-vue#ui-components

Ответ написан более трёх лет назад

Комментировать

Как разумнее разбить на разделы SDD под Linux?

АртемЪ @Jump Куратор тега Твердотельные накопители

Системный администратор со стажем.

Терзают некоторые вопросы про сокращение выработки ресурса и продление жизни.

Фигня.

Какие системные каталоги лучше замонтировать на обычный диск?

Те которые содержат редко используемую информацию, либо слишком объемную по размеру чтобы разместиться на SSD.

Как быть с разделом подкачки? Тут вот в статьях пишут, что подкачка на ssd - это здравый выбор.

Правильно пишут.

Сколько не размеченной области оставлять или не оставлять? То ли 25%, то ли 20%, под trim это или для другого чего-то?

Если для бытового использования - сколько угодно. Если TRIM работает, и диск не под завязку забит - она и не нужна при обычном использовании.
Если будет высокая нагрузка на запись, или TRIM работать не будет - по обстоятельствам, главное чтобы всегда был запас ячеек. Обычно 10-20%хватает, иногда и 50% процентов оставить можно.

Чего опасаться и за чем следить?

Опасаться пятен на солнце. Следить за соседом, он что-то замышляет.

Ответ написан более трёх лет назад

6 комментариев

Освоение HTML5, CSS, JS. Как продвигаться?

McBernar @McBernar

1. Базовые навыки html/css. Здесь отлично помогает htmlacademy.ru

2. Чистый JS на learn.javascript.ru

3. Попутно верстаете все, что плохо лежит, практику по JS можно получать на каком-нибудь Codewars.

4. Дальше начинаются различные тулзы — препроцессоры, сборщики, фреймворки. Начните с простого — Gulp, Sass, Jquery, Bootstrap, Emmet, Git, NodeJS на уровне npm.

5. А здесь вы уже начнете неплохо ориентироваться во фронт-разработке и вопросов — куда двигаться дальше — не появится. Разве что только философские.

Ответ написан более трёх лет назад

2 комментария