• 5 минут чтения

• Список литературы по веб-разработке

• Поделись Твиттер, Линкедин

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

Дальнейшее чтение на SmashingMag:

• Ориентированный на пользователя подход к веб-дизайну для мобильных устройств
• Элементы мобильного пользовательского опыта
• Руководство по проектированию сенсорных клавиатур (с памяткой)
• Помимо кнопки: использование интерфейса, управляемого жестами

Новости

• Вышел Firefox 45, и теперь он переоценивает адаптивные изображения в srcset при изменении размера или области просмотра. Кроме того, API синтеза речи в Интернете и window.onstorage были реализованы, и теперь вы можете тестировать CSS Grid Layouts. Firefox Nightly также получил интересную новую функцию: браузер может читать текст в режиме чтения.
• Настольный браузер Opera для разработчиков теперь имеет возможность блокировать рекламу на веб-сайтах. Это большой эксперимент, так как он будет блокировать рекламу полностью, без каких-либо опций, и в отличие от режима защиты конфиденциальности Firefox, который удаляет только трекеры, но не рекламу в целом, эксперимент Opera использует большой рекламный блок EasyList. Целью видится экономия бюджетов данных клиентов и, соответственно, их денег.

Концепции и дизайн

• Эти советы по сохранению SVG для Интернета с помощью Adobe Illustrator — отличное руководство по созданию графики для Интернета.
• Bixa Color — это многоцветный шрифт для Интернета. Многоцветность в этом случае действительно означает, что глиф может иметь не только один, но и несколько цветов.
• Иногда микрокопии и крошечные изменения слов имеют большое значение для UX страницы.

Инструменты

• В последнем списке для чтения я написал о командных ретроспективах. Действительно, для удаленных команд добиться этого немного сложнее. Вот почему очень интересно прочитать учебник о том, как создать ретроспективную доску в реальном времени с видеочатом.
• Отправка обновлений git с помощью --force это то, чего вам обычно следует избегать. Есть причины, по которым некоторые команды полностью запрещают это, лично мне нравится использовать его в крайних случаях, когда вы хотите раздавить свою ветку функций перед слиянием. Tute Costa делится способом предотвратить перезапись удаленных изменений при принудительной отправке с помощью --force-with-lease вместо этого вариант.

Безопасность

• Ты думаешь PBKDF2 довольно безопасен и требует много времени для грубой силы? Ну, это не тот случай, когда вы заменяете криптографические ключи предварительно вычисленными значениями. Злоумышленники могут сэкономить 50% операций PBKDF2 с интенсивным использованием ЦП, сделав это, снизив безопасность вдвое. Учитывая этот факт, вы, возможно, захотите рассмотреть возможность использования Argon2 с этого момента.

Конфиденциальность

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

Веб-производительность

• Теперь есть способ сохранить данные вашего пользователя. Он доступен только в Chrome 49 (и Opera, Яндекс), где пользователи могут выбрать функцию, которая отправляет новый заголовок для каждого HTTP-запроса. Как разработчики, мы можем использовать этот заголовок для обслуживания таких пользователей меньшими активами. Довольно здорово!
• Массачусетский технологический институт нашел способ ускорить загрузку веб-сайтов, уменьшив количество поездок по сети. Мне любопытно, как эта концепция будет встроена в программные решения в будущем.

JavaScript

• Когда-либо слышал о [Element.scrollIntoView()](https://developer.mozilla/en/docs/Web/API/Element/scrollIntoView)? Это хорошая функция JavaScript для прокрутки текущего элемента в видимую область окна браузера. Можно указать и варианты позиционирования, но, к сожалению, scrollIntoViewOptions на данный момент работает только в Firefox. Однако общая поддержка для него уже довольно хороша.

CSS/Sass

• Переключать вещи не всегда легко. Вот почему Китти Жиродель из Edenspiekermann выпустила a11y-toggle, небольшой плагин JavaScript, который создает простые и доступные элементы переключения.
• Вы когда-нибудь задумывались над тем, как стилизовать неработающее изображение на вашем веб-сайте? Поскольку битые изображения случаются довольно часто (особенно при мобильном подключении), возможно, стоит подумать об этом.

Рабочая жизнь

• Тед Гоас рассказывает, как он работает единственным дизайнером в команде разработчиков. Это особенно интересно, так как мы часто слышим о командах, где все наоборот, а также потому, что у нас часто есть точка зрения на этот вопрос, ориентированная на разработчиков.

Выходя за пределы…

• Поскольку Facebook объявил, что они жертвуют на добрые дела и пытаются улучшить здоровье самого человеческого вида, Google присоединился к этому маркетинговому поезду. Дэйви Альба из WIRED объясняет, почему они так поступили и какую выгоду получают от этого такие корпорации. Потому что, как заявил Марк Цукерберг, когда Марк Цукерберг объявил о большом пожертвовании своей благотворительной организации, они также могли бы просто платить больше налогов и таким образом помогать людям. Но, конечно же, у этого есть и другая сторона, и именно поэтому они хотят сделать это самостоятельно.

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

Спасибо и всего наилучшего, Ансельм