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

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

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

Что происходит в отрасли? Какие новые методы появились в последнее время? О каких идеях, инструментах, советах и ​​хитростях говорит сообщество веб-дизайнеров? Ансельм Ханнеманн собирает все, что появилось за последнюю неделю, в свой список для чтения по веб-разработке, чтобы вы ничего не пропустили. Результатом является тщательно подобранный список статей и ресурсов, на которые стоит обратить внимание. — Ред.

Осень почти закончилась, в Германию приближается зима, и на выходных прогноз предсказал первый снег в Баварских Альпах, недалеко от того места, где я живу. Пришло время прочитать о сервис-воркерах и некоторых абстрактных темах, таких как обучение сложным алгоритмам и о том, как быть более объективным.

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

• Воссоздание терменвокса с помощью JS и веб-аудио API
• Рекомендации по дизайну со звуком
• Как улучшить рабочий процесс и снизить стресс с помощью звуков природы
• Плейлисты Spotify для поддержки ваших сеансов кодирования и дизайна

Общий

• Пол Льюис «Стоимость фреймворков» анализирует преимущества и затраты фреймворков, но также принимает во внимание опыт разработчиков. Это придает статье точку зрения, которую часто упускают из виду.

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

• Глядя на замечательные продукты с контекстно-зависимым контентом, такие как Google Now, мы понимаем, что упреждающий дизайн — непростая задача. Часто чем меньше опций, тем больше, и они могут обеспечить лучший результат, чем слишком много функций, отображаемых на видном месте в интерфейсе. Аарон Шапиро также рассказывает, почему меньший выбор может помочь нашему мозгу принимать более правильные решения и почему настоящая инновация заключается не в том, чтобы иметь лучшую идею, а в том, чтобы решать реальные проблемы.

Инструменты

• Mapzen — это картографическая лаборатория с открытым исходным кодом, которая предлагает вам отличные возможности для создания программного обеспечения на основе карт. Например, он предоставляет вам службу маршрутизации на стороне клиента или механизм рендеринга трехмерных карт в реальном времени.
• Сара Суэйдан делится передовым опытом создания и экспорта графики в формате SVG в вашем любимом дизайнерском инструменте. Это простые советы, которые делают SVG намного лучше и чище.

CSS / Сасс

• Всегда было сложно выделять текстовые блоки построчно. С некоторыми хаками мы достигли некоторых решений, но сегодня мы можем использовать гораздо более простое решение, используя box-decoration-break: clone; чтобы украсить текстовые строки пользовательским цветом фона (также проверьте полосы зик-зак с помощью box-decoration-break: clone.

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

• С TLS 1.3 мы получаем большие улучшения протокола TLS. Это повышает конфиденциальность и имеет меньшую задержку благодаря улучшенным рукопожатиям. С ним прямая секретность будет по умолчанию, и я не могу дождаться, когда она будет установлена ​​в Интернете.
• С ростом использования алгоритмов в нашей повседневной жизни нам необходимо поднять вопрос этики. Наш человеческий мозг может принимать иррациональные и эмоциональные решения. А иногда это нужно и хорошо. Но алгоритмы и компьютеры не могут. Это самая большая проблема для искусственного интеллекта, и мы должны учитывать этот факт для уже существующих механизмов, таких как сбор новостных лент Facebook или алгоритмы найма. Хорошим способом было бы сделать такие алгоритмы прозрачными, дать пользователям возможность улучшить их и сделать более объективными.

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

• Мы все знаем, что производительность имеет значение, но в новой статье Стива Содерса рассказывается о том, как измерить реальную производительность внешнего интерфейса с помощью User Timing and Custom Metrics API. Узнайте, как загружаются блокирующие таблицы стилей, скрипты, шрифты или основные изображения.

HTML/SVG

• Крейг Хокенберри исследует новую функцию Safari 9 под названием «закрепленные вкладки». Хотя в этом нет ничего нового для пользователей Firefox и Chrome, в Safari это выглядит и работает немного по-другому. Но статья полностью посвящена тому, как обеспечить наилучшее качество значков для закрепленных вкладок. Потому что приятной особенностью Safari является то, что вы можете ссылаться на файл SVG и добавлять маску поверх него, чтобы динамически стилизовать значок. Это может быть удобно, если, например, вы хотите указать, на какой странице находится пользователь, или уведомить пользователя о динамических изменениях. И, конечно же, мы хотим иметь эту функцию во всех браузерах, а также для фавиконок.

Доступность

• Дженнисон Асунсьон объясняет, почему приложения никогда не должны полностью полагаться на жесты смахивания и почему важно иметь запасной вариант. Вспомогательные технологии (например, VoiceOver) просто перезапишут ваши пользовательские жесты.
• Леони Уотсон делится списком простых приемов, позволяющих улучшить доступность SVG.

JavaScript

• В этом месяце состоялась AngularConnect 2015, и было сделано несколько заметных объявлений о фреймворке: теперь с помощью ngUpgrade вы можете легко обновиться с Angular 1 до 2, Angular 2 работает намного быстрее из-за лучшего времени запуска, предварительного рендеринга на стороне сервера и других. крутые технологии.
• Работа с нативным DOM до сих пор многим кажется мучением. Но сегодня нативные API-интерфейсы JavaScript для DOM предлагают вам множество крошечных интересных функций для выбора элементов, о которых вы, вероятно, не знаете. Луи Лазарис делится практическими советами о том, как выбирать детей, братьев и сестер с помощью нативных методов DOM.
• keycode.info — небольшой удобный инструмент, который возвращает код клавиши JavaScript для нажатия клавиши.
• Ян Фезер размышляет о том, что сегодня означает Vanilla JS, рассматривая такие примеры, как «ванильная реализация todoMVC», которая по-прежнему использует крошечные библиотеки и использует абстракции для обработчиков DOM.
• Дэвид Уолш представляет новую «Поваренную книгу сервис-воркеров» от Mozilla — отличный ресурс, содержащий множество полезных примеров сервис-воркеров. В своем блоге он также делится наиболее распространенными примерами кода, которые помогут вам начать работу.

Иди за грань…

• В наши дни, имея GPS-устройства, смартфоны, геотрекеры, интерактивные карты и путеводители, мы больше не можем заблудиться. Хотя для многих из нас это радость, Стивен Смит спрашивает, не упускаем ли мы что-то. Когда я прочитал эту статью, я сразу вспомнил, что Виталий Фридман поделился подобным опытом всего несколькими днями ранее. Интересно наблюдать, как мы, человеческие существа, пытаемся вернуть в нашу жизнь некоторую неопределенность, которая в наши дни так предсказуема благодаря интеллектуальным технологиям.
• Время от времени я думаю, что мы должны помнить, что не всегда нужно думать о деньгах. Кажется, самые счастливые люди в этом мире нашли способ дистанцироваться от пристрастия к покупкам и ненужных трат. Потому что жизнь состоит из воспоминаний, а не бриллиантов.
• Когда Майк Эллис уволился с работы в Waterstone’s Online, его начальник сказал ему, что все в порядке и что «уход с работы позволяет вам буквально и метафорически очистить свой стол, что является абсолютно важной частью вашей трудовой жизни». До сих пор это предложение осталось у Майка в голове, и он периодически думает о нем. Простое удаление вещей, безжалостно, без угрызений совести, без оглядки назад, без «а что, если» иногда может быть лучшим способом очистить свою жизнь и разум.
• Есть часть современного потребительского мира, которая заставляет нас хотеть большего, покупать больше, действовать в соответствии со своими импульсами, копить, тратить деньги на решение наших проблем, создавать комфорт с помощью покупок, искать острых ощущений в путешествиях, делать больше, быть больше. Что произойдет, если мы избавимся от пристрастия хотеть и покупать больше? Я не говорю, что мы можем освободиться от всех желаний, но мы должны стараться немного усерднее.

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

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

(ах, вф, мс)