Java, UX, HTML, CSS, WEB-design

Список литературы для веб-разработки № 121: Иллюзия полноты, подсказки для клиента, подсетки CSS

[ad_1]

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

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

Список литературы для веб-разработки № 121: Иллюзия полноты, подсказки для клиента, подсетки CSS

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

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

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

За последние две недели у меня была возможность рассказать о восемьдесят заявлений о приеме на работу на должность фронтенда. Позиция требует хороших знаний JavaScript, но также требует HTML и CSS. И вот что: почти никто не мог похвастаться существенными навыками разметки, не говоря уже о доступности. Хотя у меня была возможность только просмотреть их личные веб-сайты или профили GitHub, и это, конечно, не могло быть полной демонстрацией их знаний, это подтвердило мое недавно сложившееся мнение о веб-разработчиках. Многие не в состоянии правильно подобрать HTML-элементы, объяснить, почему и как clearfix работает или для чего нужны роли ARIA, но они могут использовать React и Angular. Если у вас будет свободное время в течение следующих недель, изучите семантику и время от времени перечитывайте основы (или спецификации, если вам нравится) HTML и CSS.

За последние две недели у меня была возможность рассказать о восемьдесят заявлений о приеме на работу на должность фронтенда. Позиция требует хороших знаний JavaScript, но также требует HTML и CSS. И вот что: почти никто не мог похвастаться существенными навыками разметки, не говоря уже о доступности.

Хотя у меня была возможность только просмотреть их личные веб-сайты или профили GitHub, и это, конечно, не могло быть полной демонстрацией их знаний, это подтвердило мое недавно сложившееся мнение о веб-разработчиках. Многие не в состоянии правильно подобрать HTML-элементы, объяснить, почему и как clearfix работает или для чего нужны роли ARIA, но они могут использовать React и Angular. Если у вас будет свободное время в течение следующих недель, изучите семантику и время от времени перечитывайте основы (или спецификации, если вам нравится) HTML и CSS.

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

  • Следите за тире En и Em: типографский этикет
  • Макротипографика для более читаемой веб-страницы
  • Как выбрать шрифт — пошаговое руководство!
  • Уважай типографику

Общий

  • В настоящее время ведется много дискуссий о том, что сеть становится слишком сложной, а некоторые даже утверждают, что сеть не работает. Remy Sharp вместо этого имеет другой взгляд на новые технологии, возможности, которые у нас есть сегодня, и на то, как мы можем использовать их вместе с нашей базовой технологией 25-летней давности. Статью лучше всего описывают собственные слова Реми: «Почему я люблю работать с Интернетом».

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

  • Overpass — это новое семейство веб-шрифтов с открытым исходным кодом, вдохновленное Highway Gothic, выглядящее свежо и солидно.
  • Ким Флаэрти исследует иллюзию полноты пользователя на веб-сайтах и ​​объясняет, почему важно четко показывать пользователю, что дополнительный контент существует за пределами экрана.

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

  • Джек Леонард из Barricade, поставщик услуг безопасности, объясняет с помощью очень красивой инфографики, как сегодня работает атака на веб-приложение. В другом посте он также описывает, как вы можете разрабатывать для обеспечения безопасности.
  • В продолжение моей недавней статьи о том, как быть осторожным при выборе третьей стороны для обработки вашего HTTPS, Робин Рендл взял у меня интервью для CSS-Tricks. В интервью я даю более глубокое понимание и еще несколько практических советов и предыстории по теме.

Еще после прыжка! Продолжить чтение ниже ↓
Анатомия атаки на веб-приложение
Инфографика Джека Леонарда объясняет анатомию атаки на веб-приложение.

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

  • Потому что <picture>-element может стать очень раздутым, когда вы предоставляете много разрешений и источников изображений, Джон Арне Сетерос объясняет, как использовать клиентские подсказки для более компактного и автоматизированного подхода к обслуживанию адаптивных изображений. Единственная проблема здесь заключается в том, что вам нужен сервер для его поддержки, и что не все браузеры в настоящее время поддерживают подсказки клиента, поэтому вам нужно найти разумный запасной вариант для них.
  • Это замечательное руководство дает вам полное представление о том, как настроить HTTP/2 с нуля, включая необходимый сертификат TLS и необходимые конфигурации сервера.

Доступность

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

JavaScript

  • Ада Роуз Эдвардс рассказывает, как она пишет современный код JavaScript ES6 и почему она придерживается подхода «использовать const по умолчанию, let только там, где это необходимо и var для определения кода, который нуждается в рефакторинге».
  • С годами мы используем console в нашем коде все время для отладки наших приложений. Наконец, WHATWG создала спецификацию, которая стандартизирует API для средств отладки консоли.
  • Этот изящный трюк с подгонкой объекта CSS в Edge (и других браузерах) от Primož Cigler объясняет, как вы можете создать простой базовый резервный вариант для IE11 и MS Edge для object-fit. На самом деле, поскольку мой собственный полифилл для этого не работает в Edge, это отличный способ добавить его поддержку. И если вам действительно нравится это свойство, сообщите об этом Microsoft, проголосовав за него.
  • Эта короткая статья-руководство содержит одни из лучших ресурсов по изучению ES6.

CSS / Сасс

  • Эрик Мейер писал о том, почему макеты CSS-сетки так хороши для нас, разработчиков, но также отметил, почему они полностью потерпят неудачу, если браузеры будут выпускать их без поддержки подсеток.
  • Алекс Шарп объясняет, почему Facebook создал решение для написания CSS на JavaScript, и делает вывод, почему вы должны избегать использования этого подхода любой ценой.

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

  • Просмотрев множество заявок за последние дни, я могу только согласиться с Кристианом Глассом и сказать: «Если у вас есть возможность, всегда отправляйте сопроводительное письмо». Это ваша возможность рассказать что-то о себе и объяснить, почему вы подаете заявку на работу.

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

  • У нас есть постоянная проблема с растущим неравенством во всем мире, и несколько сверхбогатых людей (по последним данным, их число сократилось до 65) имеют столько же денег, сколько самые бедные 3,5 миллиарда человек. Если мы ничего не изменим и не заставим людей платить налоги в своих странах или откажемся от просачивающейся экономики, как недавно официально заявил Всемирный банк, эта система рухнет и, вероятно, пострадает наша собственная жизнь.

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

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



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

Заключение

Вы ознакомились с статьей — Список литературы для веб-разработки № 121: Иллюзия полноты, подсказки для клиента, подсетки CSS

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

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

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

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

Краткое описание по статье Список литературы для веб-разработки № 121: Иллюзия полноты, подсказки для клиента, подсетки CSS

Название: Список литературы для веб-разработки № 121: Иллюзия полноты, подсказки для клиента, подсетки CSS . Краткое описание: [ad_1] ⭐ Ансельм . Дата публикации: 05.02.2022 . Автор: Алишер Валеев .

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

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

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

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

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