Java, UX, HTML, CSS, WEB-design

Список литературы для веб-разработки № 113: Оптимизация SVG и хитрости выбора DOM

[ad_1]

  • Ансельм Ханнеманн

  • 0 Комментарии

Список литературы для веб-разработки № 113: Оптимизация SVG и хитрости выбора DOM

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

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

Краткое резюме ↬

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

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

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

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

  • Воссоздание терменвокса с помощью JS и веб-аудио API
  • Рекомендации по дизайну со звуком
  • Как улучшить рабочий процесс и снизить стресс с помощью звуков природы
  • Плейлисты Spotify для поддержки ваших сеансов кодирования и дизайна
Стоимость фреймворков объясняет, какие очевидные и скрытые затраты влечет за собой использование фреймворка, и как сбалансировать его с (или с) его преимуществами.
Еще после прыжка! Продолжить чтение ниже ↓

Общий

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

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

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

Инструменты

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

CSS / Сасс

  • Всегда было сложно выделять текстовые блоки построчно. С некоторыми хаками мы достигли некоторых решений, но сегодня мы можем использовать гораздо более простое решение, используя box-decoration-break: clone; чтобы украсить текстовые строки пользовательским цветом фона (также проверьте полосы зик-зак с помощью box-decoration-break: clone.
Окончания строк Zick-zack с помощью CSS
Zick-zack заканчивает строки с помощью CSS, используя 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 и онлайн.

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

Сокрушительная редакция
(ах, вф, мс)



[ad_2]
Source: https://smashingmagazine.com

Заключение

Вы ознакомились с статьей — Список литературы для веб-разработки № 113: Оптимизация SVG и хитрости выбора DOM

Пожалуйста оцените статью, и напишите комментарий.

Похожие статьи

Добавить комментарий

Ваш адрес email не будет опубликован.

Краткое описание по статье Список литературы для веб-разработки № 113: Оптимизация SVG и хитрости выбора DOM

Название: Список литературы для веб-разработки № 113: Оптимизация SVG и хитрости выбора DOM . Краткое описание: [ad_1] ⭐ Ансельм . Дата публикации: 06.02.2022 . Автор: Алишер Валеев .

Для чего создан сайт Novosti-Nedeli.ru

Данный сайт посвящен новостям мира и мира технологий . Также тут вы найдете руководства по различным девайсам.

Сколько лет сайту?

Возраст составляет 3 года

Кнопка «Наверх»