10 сентября 2019 г.

Симпатичные скроллбары в браузере

В повседневной работе я люблю использовать браузер в качестве плеера, привязывая его к левой стороне экрана, а VS Code оставляя пространство справа, благо новые версии Windows отлично управляют привязкой окон. К сожалению, даже экранного пространства 27-дюймового монитора катастрофически мало для всех "хотелок", поэтому всё больше хочется купить второй монитор.
Основной мой браузер это Vivaldi и он хорош всем, кроме того, что по умолчанию в нём используются совершенно отвратительные, толстые скроллбары прямиком из прошлого. Экрана и так мало, а тут ещё скроллбары толщиной в 15 пикселей. К счастью, поправить эту проблему проще простого и даже не придётся прибегать к магазину расширений Google Chrome.
Модный скроллбар (справа)
Можно установить современные скроллбары прямо из браузера, включив специальный флаг в экспериментальных настройках.
Для этого вводим в строке поиска vivaldi://flags и находим через поиск "Overlay Scrollbars". После этого переводим его в состояние Enabled. После перезапуска браузера вы увидите действительно современный скроллбар, который появляется только при использовании прокрутки, а в остальное время скрыт.
А ещё хочу порекомендовать малоизвестное расширение для браузеров Chrome от самого Google, которое позволяет откреплять видео с Ютуба и смотреть его даже на рабочем столе как в миниплеере или как это происходит в MacOS с видео. 

24 июня 2019 г.

Волшебный мир веб-разработки

MacBook это символ успешного разработчика
У меня в личной жизни внезапно образовалось достаточное количество свободного времени и наблюдая крайне печальное состояние промышленности в Российской Федерации, я решил осуществить свою давнюю мечту - овладеть профессией веб-разработчика, дабы в будущем иметь возможность заниматься фрилансом. Тесно соприкоснувшись с темой веб-разработки, я понял что просто не будет и интернет за эти десять лет (именно тогда я полноценно пытался самообучаться дизайну и вёрстке сайтов) прошёл невероятный путь.
"Миллениалы" придумали новые модные названия для веб-разработчиков: фронтендер и бэкендер. Фронтендер верстает сайт из макета, который нарисовал ему профессиональный дизайнер, добавляет различные нехитрые скрипты на javascript (так что программировать уметь надо) и возможно прикручивает вёрстку в CMS. Бэкендер же отвечает за движок сайта и работу с базами данных, а также он задирает нос и считает себя настоящим программистом, а не как эти "формошлёпы". Если ещё 5 лет назад можно было научиться верстать на HTML5 и выучить CSS, чтобы гордо называться верстальщиком, то сейчас это базовые навыки с которыми не найти работу ни в одной веб-студии, потому что сама по себе вёрстка мало кому нужна. Стек технологий, необходимых для современной разработки сайтов, невероятно разросся и верстальщик теперь немного программист, а программист при необходимости может сам верстать с макета и делать интерфейс. А вот в наше время можно было "нарезать" сайт и сверстать на таблицах...
Вот краткая выжимка знаний и советов, которые я постиг за месяц упорного домашнего обучения:

  1. Visual Studio Code теперь самый популярный редактор кода, который покрывает 90% задач всех фронтендеров. Atom популярностью не пользуется из-за своей глючности и медлительности, на Sublime Text сидят только старые веб-разработчики, которые просто привыкли к этому "блокноту" за годы использования. 
  2. Без ненавистного Adobe Photoshop при работе с макетами никуда. Это де факто стандарт в отрасли. Да, появились очень классные альтернативы, вроде платных онлайн-сервисов Avocode, Zeppelin или Figma, но они больше рассчитаны на быструю разработку мобильных интерфейсов, а не на макеты сайтов. И хотя они декларируют поддержку psd, с мало-мальски сложными макетами однозначно будут проблемы. Не говоря уже о том, что они неправильно читают параметры текстовых слоёв и не отображают/отключают наложенные эффекты. Ребята, которые создали Sketch для Mac OS, профукали огромнейший рынок, не желая переносить свой продукт в web или на Windows. Где достать "Фотошоп"? К сожалению, ценовая политика компании Adobe оставляет мало вариантов для таких новичков как я. Хотя для студентов они дают скидки и длительные триальные сроки.
  3. Интернет у нас теперь очень даже векторный и гипертекстовой, так что формат векторной графики SVG используется повсеместно. Хорошим тоном будет в связке с Photoshop иметь на компьютере открытый редактор векторной графики Inkscape, чтобы открывать и редактировать такие файлы. Ну или пару стрелочек нарисовать, если ничто прекрасное вам не чуждо. 
  4. Профессиональное обучение на онлайн-курсах стоит достаточно дорого: от 12000 - 20000 рублей и выше, про продвинутый уровень знаний (за который обычно платят компании, а не сам программист) я вообще молчу. Вы можете сказать, что я скачаю на торрентах любые лекции (и это так, они там есть), любые книжки и буду учиться сам. На курсах вы платите не за сами лекции (вместо них можете прочитать кучу статей по теме бесплатно), а за работу наставников с вами, за работу над ошибками и оценку ваших реальных знаний. Я никого не призывают бежать и записываться на какие-либо курсы, но обучаясь самостоятельно, некоторых знаний вы не получите. Не говоря уже о возможности по незнанию получить "неправильные знания и натренировать плохие практики". 
  5. Человеческий мозг способен адекватно воспринимать новую информацию не более 4 часов, затем начинается резкое падение эффективности. 
  6. Без практики ваши знания ничего не стоят. 80% вашего обучения должна занимать практика, а 20% изучение теории и лекций. Именно это самая ценная вещь на онлайн-курсах, которую вы не скачаете на торрентах: там вас будут всячески пинать, давать и проверять домашние задания, указывать где подтянуть знания. 
  7. Будьте готовы к тому, что каждые 2 года меняются технологии разработки сайтов: отмирают старые браузеры, появляются новые фреймворки и методы вёрстки. Будьте готовы учить новое. Эх, а ведь я реально помню те времена, когда страницы верстали таблицами и только-только переходили на "дивы". А сейчас на верстающих только "дивами" будут смотреть косо - сейчас в моде флексбоксы. 
  8. В интернете имеется множество бесплатных шаблонов в psd, которые вы можете скачать, сверстать и сделать из них портфолио. И конечно же Chrome DevTools (который открывается по F12) и аналогичный инструмент разработчика в Firefox это классные штуки: постоянно смотрите код сайтов, которые вас заинтересовали, чтобы понять как сделана та или иная вещь, или где верстальщики облажались (частенько встречаются детские ошибки). 
    Страница начинающего разработчика
  9. На биржах фрилансеров новичку работу найти крайне трудно. Как я уже и говорил, просто вёрстку заказывают редко, а если заказывают, то эти простенькие заказы перехватывают мастера, которые естественно сделают её очень быстро и качественно. Имеются биржи для совершенных новичков типа Work-Zilla, но если вы почитаете отзывы, то там будет масса негативных. Кроме того эта биржа дерёт 15% с выполненного заказа, накладывает ограничение на вывод денег и требует оплаты подписки каждый месяц. А ещё обнуляет вам рейтинг со временем. В общем, там вы в прямом смысле будете работать за еду на неадекватных заказчиков, которые хотят полноценный сайт за 1000 рублей. Раньше был иностранный Upwork, но он теперь платный, да и туда не пробиться из-за индусов. 
  10. Я выучил крутые понятия: семантическая вёрстка, адаптивная вёрстка, флексбокс, гриды, pixel perfect, кроссбраузерность. Без реальных знаний этих вещей с вами даже не будут разговаривать как с верстальщиком.
  11. Вы удивитесь, но Internet Explorer ещё не помер. 11-я версия этого "замечательного" браузера, который похоронили сами создатели из Microsoft, ещё жива и входит в понятие, которое называется "кроссбраузерность" (а иногда требуется обеспечить соответствие макета и работу сайта в китайских мобильных браузерах и Opera Mini, где не работает половина современных технологий веба). И IE 11 обязательно поломает вам вёрстку, потому что он отличается от браузеров на Chromium и Gecko (Firefox). 
    Начав верстать, вам очень скоро захочется установить второй монитор. Это рабочая необходимость
  12. Soft Skills работают как и раньше (со времён неандертальцев). А именно: умение общаться с заказчиком, рекламировать себя, искать клиентов там, где не додумаются ваши многочисленные конкуренты -  всё это поможет вам найти работу и получать стабильный доход. Ну или поможет просить денег на еду около церкви с помощью "продающих текстов" на картонке (грустная шутка).
  13. Вся актуальная и самая качественная информация по технологиям HTML и CSS только на английском языке, так что базовый английский это необходимость (если честно, ещё не встречал разработчика, который не понимал бы английский от слова совсем - некоторые на этапе обучения пользуются онлайн-словарями, профессионалы учат с репетиторами). Эту информацию часто (плохо) переводят и выкладывают на платформу блогов Medium, а потом воруют всякие ютуберы, которых я смотреть не рекомендую (годных среди русскоязычных блоггеров-разработчиков по тематике фронтенда не очень много). Ах да, никогда не смотрите видеоролики Гоши Дударя - это такой Тимур Сидельников от мира программирования. Фрилансеры очень любят вести каналы на Ютубе, так как это отличная реклама их навыков, но вот учат ли они правильным вещам... это большой вопрос. За многие вещи, которые они запросто показывают в своих видео, вас обругают тимлиды в веб-студиях. 
  14. В провинции работы для веб-разработчиков крайне мало и ниша занята давно работающими веб-студиями разного калибра (видел студию из одного человека и из трёх человек, которые умеют натягивать дизайн на Wordpress и максимум работать с jQuery). 
  15. Кстати, если вы научитесь "натягивать дизайн" на Wordpress, ModX, Joomla и другие популярные CMS, то возможно не умрёте с голода, потому что спрос на такую работу очень большой. Доля сайтов на Wordpress в мире постоянно падает, но их всё равно около 40%. 
  16. Подавляющее большинство веб-разработчиков (как и пользователей) сидят на Windows и не имеют крутых мониторов 4K, так что Retina и вёрстка для Safari это мало кому нужная экзотика. Зато доля пользователей, которые заходят на сайт с мобильных устройств, может быть больше 60%, поэтому ваш сайт обязан правильно работать и хорошо выглядеть на смартфонах и планшетах. 
  17. Время! Некоторые считают, что вёрстку можно досконально изучить за 2 месяца и ещё до полугода потратить на изучение основа javascript, средств автоматизации и популярного фреймворка. В любом случае это безумие считать, что вот сейчас вы быстренько выучитесь и пойдёте зарабатывать своими знаниями деньги. Объём материала для получения статуса "джуниор веб-разработчик" - 2000 часов лекций и практики.
    CM Storm QuickFire Rapid-i выгляди очень брутально
  18. Профессиональные программисты обожают механические клавиатуры, но как же они громко стучат ночью (у меня cherry mx black)! Берите клавиатуру на cherry mx red, чтобы было хоть немного потише. Не знаю насколько можно верить всяким топам клавиатур в интернете, но чаще всего в качестве первой механической клавиатуры советуют Cooler Master Storm QuickFire Rapid. Правда это не очень крутой бренд среди клавиатур и отсутствие цифрового блока напрягает (а фронтендерам надо вводить цифры часто), но это довольно старая модель клавиатуры и её можно найти в России по цене 4500 рублей. Впрочем за 5000 рублей уже можно подобрать себе нормальную клавиатуру на понравившихся переключателях. 
Путь фронтендера очень сложен и тернист, знания устаревают и требуют обновления почти каждый год (с выходом новой версии используемого фреймворка). Но лично мне это занятие нравится и было бы круто, если бы полученные мной знания ещё и оплачивались, позволив сменить мою нынешнюю профессию на новую. Дорогу осилит идущий. 

10 июня 2019 г.

Возвращение Microsoft Flight Simulator

На проходящей выставке E3 анонсировано очень много хороших игр, но моё внимание привлёк анонс Microsoft Flight Simulator. Мёртвый король гражданских авиационных авиасимуляторов возвращается, чтобы пнуть X-plane и Prepar3D. Очень хотелось бы видеть триумфальное возвращение и надежды на это есть, даже после провальной Microsoft Flight, который был хоть и красивой, но совершенно бесполезной игрой для любителей симуляторов. Страшно представить, но полноценная номерная симуляторная часть серии (MS FS X - "десятка") выходила в 2006 году - около 13 лет назад.
Нет никаких подробностей про игру, но по трейлеру видно, что это крутейший графический движок, обеспечивающий невероятную степень детализации симуляции игрового мира. Впрочем подозреваю, что по традиции большая часть мира будет плоской и процедурно сгенерированной, а США иметь прекрасно детализированные аэропорты и города. Очень надеюсь, что в Microsoft понимают, что без сообщества моддеров у их игры нет будущего, и они откроют API для создания миссий, карт и самолётов. У многих людей на этом сейчас бизнес построен и качественный проработанный сценарий аэропорта или самолёт для предыдущей версии симулятора может стоить под 100$ и их охотно покупают. Если в Microsoft хотят на этом зарабатывать, ну что же - организуйте продажу аддонов для игры через свой магазин, берите процент. Это будет лучше, чем выпускать "мёртвую" игру в которой ничего нельзя поменять и впаривать пользователям бесконечные платные DLC (путь некоторых железнодорожных симуляторов).
Скриншот из 10-й версии с модами
Также надеюсь, что у игры будет полноценная встроенная поддержка VR. Эта технология давно напрашивается в авиационные симуляторы и в MS FS его энтузиасты конечно же пытались внедрить, но особой популярностью это не получило.
Симулятор выйдет в 2020 году. 

9 июня 2019 г.

Как я боролся с чёрным экраном

С выпуском предпоследнего обновления Windows 10 и драйверов Nvidia меня постигла отвратительная железная проблема, которую просто нереально выловить и починить - кратковременное отключение монитора на 2-3 секунды при работе от кабеля displayport. Как потом я убедился, проблема была не столько в кривых драйверах Windows от "горячелюбимой" Nvidia, сколько железной проблемы самой видеокарты 2014 года выпуска, китайского кабеля с Aliespress и современного монитора от Dell за 35000 рублей (что довольно обидно).
Начав гуглить проблему, я понял что нас таких страдальцев по всему интернету тысячи (гуглите по запросу "nvidia displayport blackscreen problem")! На форумах Nvidia и Dell люди пытаются решить проблему разными шаманскими действиями от переустановки "винды", правки реестра до разборки компьютера и замены блока питания. Я даже обновил bios своей видеокарты на стандартный, найдя в закромах интернета файл с bios для GPU, которого уже давно нет на сайте производителя (может он стесняется своих продуктов?). Проблема уходит на один день или два, а затем экран снова начинает коварно отключаться во время игры или при работе с браузером Chrome как у меня. Работать, постоянно ожидания выключения монитора, крайне некомфортно психологически (лично у меня непроизвольное вырывается ругань и начинает дергаться глаз от этого).
Я перепробовал почти всё из предложенного в интернете: перетыкал кабель в другой слот - помогает на некоторое время, но проблема возвращалась снова и снова! Кроме того, зайдя в BIOS и узрев как там дёргается и выключается экран, я понял, что это проблема исключительно видеокарты и китайского displayport-кабеля, а вовсе не операционной системы. Таким образом для себя эту очень неприятную проблему с выключением монитора я решил радикально - отказался от использования кабеля displayport и подключил монитор Dell с разрешение 2K по HDMI. Да, hdmi-кабель тоже китайский на 100% и куплен за 400 рублей в ближайшем магазине (когда как кабель displayport обошёлся мне дороже), но он хотя бы проще и работает без сбоев. Я не профессиональный дизайнер, которому нужен кабель с поддержкой специфических цветовых пространств и не геймер с монитором 4K 144 Гц, а обычный пользователь компьютера, которому надо, чтобы монитор не отключался внезапно! А если вам нужен всё-таки кабель displayport, то наверное стоит озаботиться покупкой специального дорогого vesa-сертифицированного кабеля, но боюсь стоить он будет не 600 рублей.
Устройство для выдувания пыли - полезная в хозяйстве вещь
Пока я доподлинно не знаю, кто же виноват в сложившейся проблеме: производитель видеокарты, неизвестной производитель кабеля displayport (в его защиту скажу, что полгода он проработал идеально без нареканий) или я, когда чистил компьютер от пыли и случайно что-то задел. А может никто особо не виноват, потому что в 2014 году Nvidia для своих видеокарт делала поддержку displayport версии 1.3 и 1.4, не имея официально принятой спецификации и сделали её в итоге немножко неправильно, а когда в 2018 году появились кабели и мониторы, для которых нужны кабели dp новых версий (мониторы высокого разрешения и частоты обновления экрана), они стали править это перепрошивкой.
Утилита Nvidia определила мою видеокарту как проблемную и предлагает пропатчить BIOS GPU
Nvidia даже выпустила специальную утилиту, которая пытается патчить BIOS видеокарт с этой проблемой. Но я опять же не понимаю, почему проблема никак не проявляла себя до этого, но проявилась в последнее время?
Припоминая все косяки и неприятности, что доставили мне видеокарты Nvidia (три из них просто сгорели, две последние выдавали синий экран смерти в играх, кидалово с 4 Гб памяти, которые на самом деле всего 3,5), я задумываюсь о переходе в стан AMD. Да, видеокарты "красных" не всегда блещут производительностью, разработчики игр редко оптимизируют свои игры под них, некоторые из карт довольно горячие, но асболютно все купленные у меня карты от AMD живы до сих пор и работают прекрасно. 

4 июня 2019 г.

Впечатления от Honor Band 4

Вынужден сделать признание: нездоровый образ жизни, постоянное нахождение за компьютером и нерегулярное питание серьезно подорвали моё здоровье, а проблемы с щитовидной железой ещё более усугубили ситуацию и я набрал вес более 100 килограммов. Сразу же проявились все неприятные эффекты, которые обычно мучают людей на пенсии, но мне то, благодаря "пенсионной реформе", до пенсии ещё жить да жить (вернее мучиться). Привет зависимость от погоды, повышенное давление и одышка. Я понял, что нужно брать ситуацию в свои руки.
Honor Band 4
Начать решил с простого: отказ от мучного и бег по утрам, а чтобы бегать было не так скучно, я решил прикупить модный в этом сезоне фитнес-браслет, благо китайская промышленность выпускает их в неимоверных количествах и можно найти простенькие модели от 800 рублей до 2000 рублей за новые модели с отличным экраном.
Xiaomi Mi Band 3
На данный момент хитами продаж являются два девайса: навороченный Huawei Honor Band 4 с ярким AMOLED-экраном и кучей функцией, и более бюджетный и простой Xiaomi Mi Band 3 с простеньким не цветным экраном (новая 4-я версия с качественным экраном только ещё на подходе). Еще стоит обратить внимание на продукцию марки Amazfit - народ хвалит, но и цена у них 3000 рублей. Honor Band 4 имеет больше функций и типов тренировок (ха, там даже есть китайская гимнастика), но и стоит дороже, да к тому же за возможность видеть красивый и яркий экран приходится платить повышенным расходом батарейки. Впрочем фитнес-браслеты потребляют мало энергии, так что ничего страшного, если вы будете заряжать свой браслет не раз в месяц, а раз в 2 недели, тем более процесс зарядки у Honor Band очень простой - с помощью небольшой док-станции, которая подключается снизу. А вот зарядка у Xiaomi не очень удобна: нужно выковыривать его из ремешка.
На Ютубе есть большое количество видеороликов со сравнениями Honor Band 4 и Mi Band 3, но большинство обзорщиков приходит к мысли, что Honor Band 4 естественно лучше. В плюсах у фитнес-браслета Xiaomi только цена: его можно взять за 1800 рублей с доставкой из Китая. Я брал Honor Band 4 за 2200 рублей у магазина, который имеет склад в России, поэтому мне его привезли всего за неделю с курьером. Не вздумайте брать Honor Band 4 у официального российского магазина Huawei: они совсем обнаглели и дерут 4500 рублей за это популярное устройство. Считаю, что 1000-2000 рублей это та сумма, которую можно отдать за фитнес-браслет и это не слишком сильно ударит по кошельку.
Первая пробежка/прогулка
Сделан Huawei Honor Band 4 отлично, к сборке никаких претензий нет. Я решил перестраховаться и наклеил на защитное стекло плёнку, которую прислал китайский продавец в комплекте (две маленьких полоски стоили мне дополнительных 100 рублей к конечной цене). С включением и обновлением устройства я разобрался сразу и без всяких инструкций. Это не так сложно, если на устройстве всего одна кнопка (ну и сенсорный экран, конечно же). Для сопряжения я использовал фирменное приложение Huawei Здоровье, которое обнаружило с помощью включенного bluetooth браслет и предложило его обновить, после чего 20 минут заливало новую прошивку (сделать это было крайне необходимо, потому что на старой прошивке браслет работал так себе). В процессе подключение приложение честно созналось, что будет отправлять данные на сервера КНР.
Управление браслетом осуществляется путём перелистывания экранов и нажатия на экран. Чтобы остановить или прервать тренировку нужно нажать кнопку меню на браслете в течении 3 секунд. Браслет умеет постоянно измерять пульс, а также следить за сном, но лично мне неудобно спать с ним, а есть люди, которые не снимают его круглосуточно и даже в душе, благо он влагозащищённый. Ещё одна проблема с браслетом (да и часами, для человека, который бросил их носить) это то, что ты постоянно с непривычки задеваешь им всякие вещи, двери, стол и прочее.
Естественно браслет отлично дружит с вашим телефоном и тот может вам присылать на браслет уведомления (довольно сильная вибрация), смс, сообщения от программ типа Twitter, погоду и прочее. Кроме того вы имеете возможность включить разблокировку телефона браслетом, когда они рядом, а браслет имеет функцию "Где мой телефон?", после включения которой телефон начинает орать по английски женским голосом "Я здесь!". Ещё одна прикольная возможность это переключение музыкальных треков в телефоне поворотом запястья с браслетом. Сам браслет не имеет возможности отслеживать координаты по GPS (для этого нужны устройства типа Huawei Band 3 Pro, которые стоят подороже - цены начинаются с 2800 рублей), но если вы бегаете вместе с телефоном, то приложение "Здоровье" умеет привязывать ваши координаты к карте и сохранять треки. Лично я бы бегать с телефоном не стал, а вот для велосипедистов и туристов самое то.
И у Huawei, и Xiaomi имеются облегчённые бюджетные версии своих фитнес-браслетов, которые брать не стоит. По цене они дешевле на 1000 рублей, зато не умеют измерять пульс. У Honor имеется версия Honor Band 4 Running Edition, который умеет только считать шаги. Лично для меня (человека с излишним весом) постоянное измерение пульса важно. Да и для обычных бегунов при тренировке важно не держать пульс высоким, чтобы избежать боли в мышцах.
Таким образом, цены на фитнес-браслеты сейчас упали до приемлемого психологического уровня. Надеюсь кого-то такая покупка мотивирует на ежедневные занятия спортом.