Java, UX, HTML, CSS, WEB-design

Список литературы для веб-разработки № 140: раскрывающиеся списки, переключатели и HTML-слайдеры только с помощью CSS

Краткое описание по статье Список литературы для веб-разработки № 140: раскрывающиеся списки, переключатели и HTML-слайдеры только с помощью CSS

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

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

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

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

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

[ad_1]

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

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

Список литературы для веб-разработки № 140: раскрывающиеся списки, переключатели и HTML-слайдеры только с помощью CSS

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

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

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

Во времена, когда Facebook объявляет о том, что будет отслеживать всех пользователей сети, когда это возможно, кажется странным работать над инструментами управления стихийными бедствиями. Вы можете сейчас спросить, почему, но если учесть, с какими данными вы работаете в таком проекте, за вами, скорее всего, следят из-за большого количества ключевых слов. И вот что меня больше всего беспокоит: люди, которые хотят творить добро, должны бояться того, что они находятся под полным наблюдением. По этой причине мне нравится Tor и безопасные VPN больше, чем когда-либо. Говоря о веб-разработке, вот почему использование Tor или VPN для тестирования производительности — отличная идея.

Во времена, когда Facebook объявляет об отслеживании всех пользователей Интернета, когда это возможно, странно работать над инструментами управления стихийными бедствиями. Вы можете сейчас спросить, почему, но если учесть, с какими данными вы работаете в таком проекте, за вами, скорее всего, следят из-за большого количества ключевых слов. И вот что меня беспокоит больше всего: люди, которые хотят творить добро, должны бояться того, что они находятся под полным наблюдением. По этой причине мне нравится Tor и безопасные VPN больше, чем когда-либо. Говоря о веб-разработке, вот почему использование Tor или VPN для тестирования производительности — отличная идея.

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

  • Как разработать состояния ошибок для мобильных приложений
  • Высокоэффективное кросс-браузерное тестирование с минимальными усилиями
  • Автоматизация художественного оформления с помощью генератора контрольных точек адаптивного изображения
  • Когда 24/7/365 терпит неудачу: отключение работы по выходным

Новости

  • Вышел Chrome 51, и вместе с ним были исправлены различные проблемы с безопасностью. Никаких больших новых функций, но на этот раз больше стабильности и улучшенной производительности для Chrome 🙂

Общий

  • Питер-Пол Кох рассказывает, почему он считает, что поговорка «Не повторяйся» не всегда полезна в контексте браузера. Мы создаем наши веб-сайты для браузеров, и чтобы страница работала правильно, нам нужно повторяться, особенно при использовании прогрессивного улучшения.
  • Речь идет о поднятии барьера. Джереми Кит уже говорил и писал об этом пару раз, и теперь, когда термин «прогрессивные веб-приложения» используется во всем Интернете, Джереми говорит, что Google делает веб-приложения регрессивными. Для установки веб-приложения требуется HTTPS, сервис-воркеры, манифест JSON и несколько недавних посещений пользователя — для большинства веб-сайтов, нарушающих условия сделки. Кроме того, тот факт, что URL-адрес не должен отображаться в веб-приложении, оказывается вредным для самой сети, поскольку она зависит от URL-адресов.

Инструменты и рабочий процесс

  • Вы можете добавить автозаполнение к командам npm, в том числе npm install.

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

  • Поскольку мы широко поддерживаем решения для веб-хранилищ, такие как Session Storage, возникает вопрос, нужны ли нам файлы cookie вообще. Джеймс Кеттл исследовал и пришел к выводу, что файлы cookie по умолчанию небезопасны, и вам необходимо установить __Host-absolutely=secure; Path=/; HTTPOnly; Secure; SameSite=strict; (источник), чтобы сделать их безопасными, в то время как хранилище сеансов защищено по умолчанию. С другой стороны, один аспект ясно говорит о файлах cookie: они контролируются клиентом и сервером.

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

  • Facebook уже известен тем, что не уважает конфиденциальность. Теперь они объявили: «[…] мы расширяем Audience Network, чтобы издатели и разработчики могли показывать более качественную рекламу всем, включая тех, кто не использует Facebook или не подключен к нему». По сути, это означает, что теперь они отслеживают каждого пользователя, который связывается с некоторыми технологиями отслеживания Facebook (файлы cookie, веб-хранилище, встроенные fb-скрипты и т. д.), не спрашивая. Для Firefox я добавил расширение «Самоуничтожающиеся файлы cookie» в дополнение к моему Canvas Blocker и uBlock Origin для более безопасного просмотра. Но помните, что открытая вкладка Facebook по-прежнему может отслеживать вас на других сайтах, поэтому приватный режим браузера кажется более подходящим.

Еще после прыжка! Продолжить чтение ниже ↓
Браузерное расширение «Самоуничтожающиеся файлы cookie»
Расширение Firefox Self-Destructing Cookies защищает вас от трекеров, удаляя файлы cookie сайта и LocalStorage, как только вы закрываете его вкладки. (Изображение предоставлено: самоуничтожающиеся файлы cookie)

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

  • Лара Каллендер Хоган теперь бесплатно опубликовала свою книгу «Дизайн для повышения производительности» в виде онлайн-книги в формате HTML. Если она вам нравится, подумайте о ее покупке, тем не менее, чтобы поддержать автора.

Доступность

  • Доступность — это не только мораль и возможность использования Интернета небольшой группой граждан. Речь идет о том, чтобы сделать Интернет доступным для масс.

JavaScript

  • Поскольку браузеры изначально не очень хорошо поддерживают ползунки с несколькими диапазонами, необходим полифилл. Но большинство полифилов действительно хакерские и создают проблемы с настраиваемыми стилями. Это не так с крошечным гибким полифиллом Lea Verou для многодиапазонных входов.
  • Алекс Кастильо рассказывает, как заставить ваше веб-приложение отправлять нативные push-уведомления с помощью Angular 2.
  • Многие проекты имеют звездный рейтинг. Но очень часто они представляют собой кошмар для правильной сборки в различных браузерах, и в большинстве случаев решение также недоступно. Starability представляет собой доступный и простой модуль для решения проблемы.
Отправка нативных веб-push-уведомлений с помощью Angular 2
ng2-уведомления Алекса Кастильо позволяют отправлять собственные веб-push-уведомления с помощью Angular 2. (Изображение предоставлено Алексом Кастильо)

CSS/Sass

  • Мы постоянно используем всплывающие подсказки, раскрывающиеся списки, переключатели в веб-проектах, и большую часть времени мы делаем это с помощью JavaScript. Но для этого вам не обязательно нужен JavaScript, вместо этого вы можете использовать CSS. Если этого недостаточно, вы все равно можете улучшить его с помощью JavaScript и постепенно улучшать модуль.

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

  • Вы знаете, как работает Интернет? Ars Technica глубоко погружается в инфраструктуру Интернета и дает редкий взгляд на место прокладки подводного кабеля.

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

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



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

Заключение

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

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

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

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

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

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