Не у всех пользователей есть возможность подключить широкополосный безлимитный доступ в сеть Интернет. Именно поэтому приходится прибегать к различным уловкам по экономии входящего трафика. Браузер Chrome имеет удобную функцию по сжатию трафика, позволяющую сократить потребление до 50%. В этом материале мы расскажем как использовать эту функцию на iPhone, iPad и Mac.

Вконтакте

Как сократить потребление трафика вдвое в браузере Chrome для Mac?

2 . Перейдите на страничку скачивания специального расширения «Экономия трафика (бета)» . Несмотря на то, что дополнение находится на стадии бета-тестирования, оно работает стабильно и без нареканий.

3 . Нажмите кнопку «Установить» , а затем согласитесь с условиями, тапнув по «Добавить» .

4 . Для запуска приложения нажмите по иконке программы, появившейся справа от адресной строки.

5 . В адресной строке браузера вставьте следующий путь и нажмите Return (Enter):

chrome://flags/#data-reduction-proxy-lo-fi

6 . Найдите в списке пункт «Включить режим экономии трафика Lo-Fi» и активируйте его нажатием кнопки «Включить» .

Внимание: страницы, посещаемые по безопасному протоколу HTTPS, не поддаются сжатию. Они направляются непосредственно на устройство в обход прокси-серверов Google, на которых происходит сжатие.

Чтобы загружать оригинальные качественные изображения на странице браузера просто кликните по ним правой клавишей мыши и нажмите «Загрузить изображение» .

Как отключить экономию трафика в браузере Chrome для Mac?

1 . На панели инструментов найдите иконку «Экономия трафика (бета)» и нажмите на неё.

2 . Щёлкните по «Отключить режим экономии трафика» .

Как удалить расширение из браузера Chrome для Mac?

1 . Нажмите правой клавишей по иконке «Экономия трафика (бета)» , расположенной на панели инструментов.

2 . Выберите меню «Удалить из Chrome» .

3 . Подтвердите действие нажатием кнопки «Удалить» .

Как сократить потребление трафика вдвое в браузере Chrome для iPhone, iPod touch и iPad?

2 . Нажмите на кнопку с многоточием → «Настройки» .

3 . Перейдите в меню «Контроль трафика» вкладки «Дополнительно» .

4 . Перейдите в раздел «Экономия трафика» .

5 . Активируйте тумблер и нажмите «Готово» .

Режим «Экономия трафика » использует технологию безопасного просмотра от Google, которая защищает ваше устройство от вредоносных программ и фишинговых атак. Метод работы прост - на любом сомнительном ресурсе будет отображаться предупреждение об опасности. Вы можете пропустить это сообщение и посетить сайт в обход предупреждения.

Чтобы загружать оригинальные изображения просто сделайте долгий тап по картинке и нажмите «Загрузить изображение» .

Как отключить экономию трафика в браузере Chrome для iOS?

1 . Перейдите в Меню → Настройки .

2 . Перейдите в раздел «Экономия трафика» .

3 . Меню «Экономия трафика» → Отключить . По окончании настройки нажмите кнопку «Готово» .

Какие ограничения имеет режим «Экономия трафика»?

• некоторые веб-сайты не смогут определить ваше месторасположение;
• некоторые изображения могут выглядеть нечётко;
• некоторые веб-сайты не будут отображаться вовсе;
• количество сжатого трафика зависит только от типа контента на странице.

Н есмотря на развитие сетей третьего и четвертого поколений (3G и 4G), бывают такие ситуации, когда интернет нужен позарез, а вы находитесь в дороге или вдали от цивилизации, где нет соты, обеспечивающей мощный и стабильный сигнал. Что же предпринять в таком случае? Одно из решений – использовать браузер с режимом сжатия трафика (другими словами, компрессией). Благодаря ему, можно пользоваться интернетом даже при слабом и нестабильном EDGE-подключении с передачей трафика в несколько десятков килобайт/сек. В этой статье мы расскажем вам, в какие мобильные браузеры встроена эта технология, как именно она работает, и в каком программном продукте будет наиболее полезна.

Хотя в для мобильных систем указано, что этот конкретный веб-навигатор самый быстрый, загружает веб-страницы буквально за 2 секунды, и потребляет самую малую долю аппаратных ресурсов смартфона, в действительности такое описание означает, что вся оптимизация обмена ресурсами между устройством и сервером выполнена лишь в исходном коде. По сути, чтобы обмен трафиком происходил быстро, придется обзавестись современным двух- , а лучше четырех-ядерным девайсом, чтобы движок мог быстрее преобразовать входящий поток данных в удобоваримый вид и представить его вам в правильной, структурированной форме, с корректной версткой и выполняемыми скриптами. Так неужели пользуясь средним или устаревшим по сегодняшним меркам смартфоне, нельзя сэкономить проходящий трафик при серфинге? На самом деле, в некоторых мобильных приложениях есть средства и для аппаратной платформы с относительно малой производительностью. Отличный способ выйти из такого неудобного положения, – это использовать сжатие трафика . Ниже мы поделимся с вами некоторыми нюансами, как использовать данный механизм при работе в сети.

Браузеры, в которых доступно сжатие трафика (компрессия)

Функция компрессии данных при обмене входящим и исходящим трафиком встроена лишь в 3 актуальных программных продуктах для веб-серфинга, а именно в Google Chrome, Opera и Opera Mini. Режим компрессии в каждом из этих приложений имеет свои особенности, на них мы подробно и остановимся в дальнейшем.

Google Chrome

Этот навигатор по праву считается одним из лучших. Среди массы прочих достоинств он обладает одной очень полезной для нас функцией, а именно, — сжатием трафика. Как ее активировать? Установим приложение на смартфон.

Официальная страница в Google Play

Зайдем на веб-страницу проекта в магазине Google и нажмем кнопку «Установить».

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

В следующей форме нужно выбрать аккаунт, для которого будет выполнена синхронизация Chrome, а именно: закладок, вкладок, истории посещений, настроек и пр. Отмечаем соответствующий аккаунт, с которым вы будете работать. При желании этот пункт можно и пропустить.

После выбора учетной записи нужно закончить этап предварительной настройки, нажав кнопку «Готово».

Если вы хотите понаблюдать за тем, как происходит процесс синхронизации, кликните кнопку «Настройки».

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

В ниспадающем списке выберите пункт «Настройки».

В нижней части меню параметров обратите внимание на пункт «Экономия трафика». По умолчанию он выключен.

Активируйте эту функцию.

Перед вами появится наглядная диаграмма, где указан объем исходного трафика, количество полученных данных после сжатия, процентное соотношение компрессии, а также график загрузки сети, разбитый по числам.

Как видим, вначале эта диаграмма абсолютно пуста. Пока что закроем ее, и посетим несколько предпочтительных для вас сайтов. Теперь снова проделаем то же самое, откроем статистику экономии трафика, и видим, что функция работает.

По существу, механизм сжатия работает довольно хорошо: в результате получаем более 50% объема трафика от исходного. Также все страницы отображаются правильно, контролы на своих местах, скрипты тоже работают корректно. Но поговорим о других браузерах, обладающих аналогичной функциональностью.

Opera

Официальная страница на Google Play

Мобильная версия Opera ни в чем не уступает, а в некоторых аспектах даже превосходит свой десктопный вариант. Установим браузер на устройство. Процедура абсолютно такая же.

При первом запуске появляется форма с приглашением начать работу. Следуем дальше, нажав кнопку «Продолжить».

После небольшого введения попадаем на главную форму программы. Щелкнем на логотип компании-производителя в правом нижнем углу.

В верхней части всплывающего меню есть переключатель режима экономии трафика. Убедимся, что он включен.

Чтобы детально настроить этот режим, перейдите в меню Настройки и выберите пункт «Экономия трафика».

Какие настройки нам доступны? Прежде всего, мы можем изменить качество загружаемых картинок от низкого до высокого. Хардкорщики вправе отключить отображение картинок на сайтах вовсе. Еще одна опция – это сжатие видео (отличный способ сэкономить деньги и трафик любителям стриминговых сервисов и потокового видео (Twitch, ).

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

После тестирования технологии компрессии в Opera, можно сделать вывод, что в сравнении с Хромом норвежский веб-навигатор более успешно справляется с данной задачей. Процент сжатых данных доходит до 60-65 процентов, что нисколько не сказывается на корректной HTML-разметке и поддержке стандартов для визуализации контента. Исполнение скриптов также не пострадало.

Opera Mini

Официальная страница на Google Play

Специально для тех, кто смотрит в сторону минимализма в вещах и технологиях, Opera Software создала облегченную версию своего флагманского продукта Opera Mini. Мало того, что он занимает мизерные 3 Мб, так еще и в интересующей нас функции компрессии данных обходит своего старшего брата.

Механизм сжатия трафика в этом приложении работает абсолютно другим образом. В Opera Mini обработка веб-контента (текста, графики, динамических вставок и роликов) происходит на удаленном прокси-сервере компании. Клиентское же устройство принимает поток данных уже полностью в обработанном виде. Такая схема позволяет использовать Opera Mini даже на наименее производительных смартфонах и планшетах, а экономия доходит до 90 процентов всей проходящей через девайс информации.

Чтобы воспользоваться этой функциональностью, нужно скачать Opera Mini на телефон и инсталлировать его.

После первой загрузки соглашаемся с лицензией и входим в браузер.

Нововведений здесь масса, но нас интересует исключительно процесс компрессии(сжатия). Как его активировать и настроить?

Щелкнем на логотипе в том же самом нижнем правом углу и нажмем на круговой диаграмме режима компрессии в верхней части ниспадающего меню.

Как видим, триггера включения и отключения сервиса в Opera Mini нет. К тому же, доступно несколько режимов экономии: высокий и экстремальный. При высокой экономии задействуется тот же принцип, что и в полновесной Opera. Для сжатия применяется режим турбо, обеспечивающий 60-65 процентов компрессии благодаря использованию фирменной технологии Opera Turbo. Посмотрим повнимательней на экстремальную экономию. При задействовании этого механизма уровень компрессии достигает тех самых обещанных 90%. Но так как весь процессинг осуществляется на сервере, пришлось пожертвовать точностью отображаемого на веб-странице контента. Не все контролы на сайтах находятся там, где надо, а поддержка HTML5, CSS и JS и вовсе не гарантируется. Помимо этого, в экстремальном режиме можно гибко кастомизировать размер и перенос текста на новую строку, выбрать протокол для обмена данными, а также задать пару других параметров.

В эффективности алгоритма сжатия можно убедиться, посетив пару сайтов и взглянув на статистику еще раз.

Эксклюзивной фишкой Opera Mini является детализированная диаграмма с показателями обработки контента за последние 5 дней. Она вызывается по нажатию кнопки «Подробнее» в настройках компрессии. Здесь же можно переключать режимы.

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

Какая же программа для экономии трафика может быть реально выполнена? Ниже представлены несколько эффективных способов.

Блокировка веб-сайтов с потоковым контентом

Первое, что вы должны сделать - это блокировать доступ к потоковым медиа-сайтам (таким как Netflix, YouTube и MetaCafe). Конечно, просмотр небольшого видео на YouTube не будет иметь существенного значения и не сделает подключение к интернету медленным, но большие объемы такого контента требуют очень большой пропускной способности. Отключив доступ ко всем ресурсам такого рода, вы сможете заметить, что экономия трафика очень даже возможна.

Остановка приложения в облаке

Если вы постоянно осуществляете в облаке, проверьте, есть ли у вашего приложения для механизм дросселирования. Такой сервис будет требовать очень много трафика и занимать большую часть пропускной способности. Это не будет выражено значительно, если вы делаете резервное копирование мелких файлов (например, документов Microsoft Office) в течение всего дня. Но когда вы начнете загрузку объемных данных в облако, первоначальное резервное копирование должно быть создано только на вашем компьютере. Если же постоянное дросселирование не остановить, это может оказать существенное влияние на ваш расход трафика.

Ограничение использования VoIP

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

Использование кэш-прокси

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

Централизация обновления приложений

Сегодня почти каждое приложение настроено для загрузки периодических обновлений через Интернет. Вы можете сэкономить много трафика за счет централизации процесса обновления. Например, вместо того чтобы позволить каждому устройству в вашем доме подключаться к службе обновления "Майкрософт", необходимо чтобы загрузить все обновления, а затем сделать их доступными для отдельных гаджетов. Таким образом, одни и те же обновления не будут загружаться снова и снова.

Использование Hosted Filtering

Если вы управляете вашим собственным почтовым сервером, то отличный режим экономии трафика будет обеспечен при использовании Hosted Filtering. Благодаря этому сервису данные будут загружаться на облачном сервере, а не на вашем почтовом. Этот сервер получает всю почту, которая предназначена для вас, отфильтровывает спам или сообщения, содержащие вредоносное программное обеспечение. Остальные сообщения передаются по назначению. Вы можете сэкономить много трафика (и ресурсов почтового сервера) за счет того, что к вам не будет загружаться многочисленный спам.

Активное сканирование на наличие вредоносных программ

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

Использование QoS для резервирования трафика

QoS означает качество обслуживания. Этот механизм (резервирование полосы пропускания), который был впервые введен в эксплуатацию в Windows 2000, и сегодня продолжает оставаться актуальным. Если у вас есть приложения, которые требуют определенного количества трафика (например, приложения для видеоконференции), вы можете настроить QoS для резервирования требуемого объема пропускания данных для этого приложения. Такая экономия трафика действует только тогда, когда приложение активно используется. В других случаях объем данных, зарезервированный для приложения, становится доступен для использования в других целях.

Убедитесь, что вы не переплачиваете за трафик

Как уже было отмечено выше, множество факторов влияют на интернета, поэтому нельзя ожидать, что вы сможете подключиться к каждому веб-сайту на максимальной скорости вашего соединения. Тем не менее подключение к Сети должно обеспечить производительность, которая достаточно близка к той, которую вы оплачиваете.

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

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

Браузер «Опера» и режим «Турбо»

Общеизвестный режим «Турбо», который доступен в любой версии браузера «Опера», а также в «Яндекс.Браузере», может использоваться не только для ускорения загружаемых данных, но и для уменьшения объемов трафика. Суть его работы в том, что при загрузке страниц используются серверы самого браузера, и за счет этого уменьшается объем загружаемых при соединении данных. Поэтому, если вам важно сэкономить объем передачи данных, работайте только в режиме «Турбо».

В данном случае не возникнет никаких проблем и с тем, как отключить экономию трафика. Просто зайдите в соответствующие настройки и отключите вышеуказанную опцию.

Экономия на мобильных устройствах

Безлимитный тариф мобильного оператора встречается гораздо реже, а функцию 3G используют многие. Как экономия трафика может быть обеспечена на смартфоне?

Если у вас устройство на базе ОС «Андроид», вы можете установить предельный трафик, который может быть израсходован в определенный период времени. Доступна даже настройка предупреждения, которую можно поместить на рабочий стол в виде виджета. Для этого даже не понадобится специальное приложение для экономии трафика.

Чтобы сделать такие настройки, вам необходимо зайти в меню «Настройки», выбрать «Беспроводные сети» и в дальнейших пунктах найти вкладку «Контроль трафика». В зависимости от версии ОС «Андроид», названия пунктов меню могут отличаться. Зайдя в указанную настройку, вам нужно установить предельный объем данных, который вы допускаете для использования. При превышении указанного вами лимита интернет просто отключится.

Экономия трафика: бета-версии специальных мобильных приложений

В настоящее время также появляется все больше специальных программ и браузерных расширений, предназначенных для экономии трафика. Одним из самых известных является Opera Max beta, которая представляет собой специализированное ПО, сжимающее любые передаваемые данные. Таким образом, экономия трафика бета-программой происходит не только через браузер, но и через информацию из мессенджеров и прочих приложений, работающих в Сети.

Data Saver - расширение для браузера Google Chrome. Расширение «Экономия трафика» (Data Saver) разработано корпорацией Google.

Увы, далеко не всегда скорость интернета радует пользователей. По итогу, так и хочется закричать на очередную медленно загружающуюся страницу «Не спи, скорее». А пользователи мобильного интернета с лимитом мегабайтов в сутки наверняка мечтают о том, чтобы открывающийся сайт весил поменьше, чтобы за те же деньги получить больше информации. Скачать Data Saver можно по ссылке внизу статьи.

Спасение и от медленного интернета, и от чрезмерного расхода трафика есть. И, как ни странно, с помощью одного и того же расширения для браузера — Data Saver. Эта хитрая программа, разработанная специалистами из Google, за раз решит все ваши проблемы посредством сжатия данных.

Нужно только скачать Data Saver бесплатно на русском языке с официального Интернет-магазина Chrome (ссылка в конце обзора) и начать использование новых возможностей.

Ключевые особенности

Итак, что же делает Data Saver? При заходе на ту или иную страницу он сжимает данные, находящиеся на ней, пропуская всю информацию через сервера Google. Делается все это в считанные мгновения, однако позволяет сократить потребление трафика примерно на 10-20%, и в то же время ускорить открытие страницы (ведь теперь необходимо обрабатывать меньше информации).

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

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

Нажав на значок Data Saver, который будет расположен справа от адресной строки, вы сможете просмотреть информацию о расходе трафика. Причем не только в виде сухих цифр, но и подробного графика. Внизу будет строка «Экономия» — в мегабайтах и процентах. Вы сможете узнать, сколько трафика вы сберегли за час, день, неделю, месяц. Статистика Data Saver будет самая подробная.

Увы, Data Saver работает далеко не всегда. В частности, расширение не запускается в режиме Инкогнито и защищенном протоколе HTTPS.

Плюсы и минусы расширения

• Сокращает потребление трафика.
• Ускоряет работу браузера.
• Позволяет заходить на заблокированные сайты.

• Не работает в режиме «инкогнито».

С какими браузерами совместимо

Google Chrome и большинство браузеров на основе Chrome

Как установить расширение

Для установки расширения Data Saver (Экономия трафика) в браузер Google Chrome войдите в интернет-магазин Chrome. В поле поиска введите название. Среди найденных расширений выберите нужное. От вас потребуется согласие на установку расширения в Google Chrome. Также вы можете сразу скачать расширение ниже по соответствующей ссылке.

Работа расширения

Расширение не требует дополнительных настроек. После установки вы увидите иконку справа вверху. Через некоторое время можно будет посмотреть данные о расходе трафика. Как это сделать? Нажимаем на иконку расширения на браузере и откроется график с расходом. Можно нажать на ссылку — подробнее и получить подробную информацию (за 1 или 3 часа, 1 или 7 дней, а также 30 и 60 дней). Можно посмотреть на конкретных сайтах статистику. Расширение учитывает весь трафик и тот, который Data Saver (Экономия трафика) она не сжимает на сайтах HTTPS.

Как отключить

Настройки — Дополнительные инструменты — Расширения. Снимаем галку — Включено. Все — расширение отключено.

Заключение

Data Saver — сокращает трафик, получаемый при загрузке страниц, с помощью серверов Google. Не работает с HTTPS-запросами и в режиме инкогнито. Сокращает трафик, получаемый при загрузке страниц, с помощью серверов Google. Не работает с HTTPS-запросами и в режиме инкогнито. Реальная возможность сэкономить трафик!

Когда расширение включено, серверы Google сжимают данные перед загрузкой веб-страниц в Chrome (кроме данных, загружаемых по протоколу HTTPS и в режиме инкогнито). Чтобы просмотреть данные о трафике, нажмите «Подробнее». На открывшейся странице вы узнаете, как тип подключения влияет на степень сжатия данных при посещении веб-страниц.

Функцию сокращения трафика также можно включить в настройках Chrome на вашем устройстве Android.

В повседневной работе я люблю использовать браузер в качестве плеера, привязывая его к левой стороне экрана, а VS Code оставляя пространство справа, благо новые версии Windows отлично управляют привязкой окон. К сожалению, даже экранного пространства 27-дюймового монитора катастрофически мало для всех "хотелок", поэтому всё больше хочется купить второй монитор.
Основной мой браузер это Vivaldi и он хорош всем, кроме того, что по умолчанию в нём используются совершенно отвратительные, толстые скроллбары прямиком из прошлого. Экрана и так мало, а тут ещё скроллбары толщиной в 15 пикселей. К счастью, поправить эту проблему проще простого и даже не придётся прибегать к магазину расширений Google Chrome.
Можно установить современные скроллбары прямо из браузера, включив специальный флаг в экспериментальных настройках.

Для этого вводим в строке поиска vivaldi://flags и находим через поиск "Overlay Scrollbars". После этого переводим его в состояние Enabled. После перезапуска браузера вы увидите действительно современный скроллбар, который появляется только при использовании прокрутки, а в остальное время скрыт.
А ещё хочу порекомендовать малоизвестное расширение для браузеров Chrome от самого Google, которое позволяет откреплять видео с Ютуба и смотреть его даже на рабочем столе как в миниплеере или как это происходит в MacOS с видео.

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

24 июня 2019 г.

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

Вот краткая выжимка знаний и советов, которые я постиг за месяц упорного домашнего обучения:

1. теперь самый популярный редактор кода, который покрывает 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 часов лекций и практики.
    
18. Профессиональные программисты обожают механические клавиатуры, но как же они громко стучат ночью (у меня cherry mx black)! Берите клавиатуру на cherry mx red , чтобы было хоть немного потише. Не знаю насколько можно верить всяким топам клавиатур в интернете, но чаще всего в качестве первой механической клавиатуры советуют Cooler Master Storm QuickFire Rapid . Правда это не очень крутой бренд среди клавиатур и отсутствие цифрового блока напрягает (а фронтендерам надо вводить цифры часто), но это довольно старая модель клавиатуры и её можно найти в России по цене 4500 рублей . Впрочем за 5000 рублей уже можно подобрать себе нормальную клавиатуру на понравившихся переключателях.

Путь фронтендера очень сложен и тернист, знания устаревают и требуют обновления почти каждый год (с выходом новой версии используемого фреймворка). Но лично мне это занятие нравится и было бы круто, если бы полученные мной знания ещё и оплачивались, позволив сменить мою нынешнюю профессию на новую. Дорогу осилит идущий.

10 июня 2019 г.

На проходящей выставке 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 видеокарт с этой проблемой. Но я опять же не понимаю, почему проблема никак не проявляла себя до этого, но проявилась в последнее время?
Припоминая все косяки и неприятности, что доставили мне видеокарты Nvidia (три из них просто сгорели, две последние выдавали синий экран смерти в играх, кидалово с 4 Гб памяти, которые на самом деле всего 3,5), я задумываюсь о переходе в стан AMD . Да, видеокарты "красных" не всегда блещут производительностью, разработчики игр редко оптимизируют свои игры под них, некоторые из карт довольно горячие, но асболютно все купленные у меня карты от AMD живы до сих пор и работают прекрасно.

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, который умеет только считать шаги. Лично для меня (человека с излишним весом) постоянное измерение пульса важно. Да и для обычных бегунов при тренировке важно не держать пульс высоким, чтобы избежать боли в мышцах.
Таким образом, цены на фитнес-браслеты сейчас упали до приемлемого психологического уровня. Надеюсь кого-то такая покупка мотивирует на ежедневные занятия спортом.