#веб — Public Fediverse posts

О цифровой доступности: как постигать интернет без визуальных интерфейсов

Всем привет! Меня зовут Артем Плаксин, я с рождения практически ничего не вижу. Незрячему или слабовидящему человеку при освоении компьютера приходится сталкиваться с очевидным барьером: очень многое завязано на визуальные интерфейсы, а без них порой сложно даже просто перейти на следующую страницу по ссылке. Для своего некоммерческого проекта — экосистемы севисов для незрячих и слабовидящих TifloHost — я использую платформу серверной виртуализации VMmanager. Так я и познакомился с ребятами, которые делают этот продукт. В этой статья я хочу поделиться с вами своей историей освоения интернета.

https://habr.com/ru/companies/ispsystem/articles/1013824/

#цифровая_доступность #веб #вебразработка

Веб-графика, которая вредит: что разработчики делают не так

Обратимся к статистике: по данным с https://httparchive.org/ за последние 6 лет средний размер веб-страницы значительно увеличился. Если в декабре 2019 года средний вес десктопной веб-страницы составлял 1,9 МБ, то сейчас он уже 2,9 МБ для десктопа и 2,6 МБ для мобильных устройств. Это рост на 50% за 6 лет, причём изображения составляют до 40% общего веса страницы. С увеличением разрешения экранов, усложнением дизайна и тенденцией к использованию изображений высокого качества нагрузка на сайты продолжит расти. Это напрямую влияет на скорость загрузки, потребление трафика и, в конечном итоге, на пользовательский опыт. Просматривая недавно пул-реквест, я заметил, что туда добавили новые изображения. Меня удивил выбор формата: для картинок без прозрачности использовали PNG. Это кажется избыточным, так как для многоцветных изображений лучше подходят форматы вроде JPEG, которые весят меньше. Я решил провести эксперимент: оптимизировал и переконвертировал изображения в JPEG, WebP и AVIF, сохранив качество на глаз неотличимым от оригинала.

https://habr.com/ru/companies/alfa/articles/1012848/

#Веб #графика_для_сайта #html #css #react #nodejs #avif #webp

Компрометация IPTV приставки от Имаклик

На Авито выписал IPTV приставку. Модель: Imaqliq G-Box. Для данной модели уществует возможность удалённого подключения через Telnet. Логин: pcp Пароль: LoaddAj7 Но это не всё

https://habr.com/ru/articles/986242/

#iptv #embedded #хакерство #веб #telnet #телевидение #tls #домру

Останнім часом, мене знову не покидають думки щодо створення форуму в екосистемі #Gemini, бо весь цей #Веб суцільно проклятий: постійна дрочня зі сторонніми конектами, залежність від пошти або авторизації гітхабами, задовбисті опції FF з його гугл-залежністю в about:config, вже мовчу про технологічну серіалізацію всього і вся довкола JSON, JS тут де-факто є основою, а не додатком для HTML. Той же PAC, всі компоненти хочуть яваскрипт, навіть якщо ви його вимкнули для рендерера.

Вже знайшов готовий рушій на #Rust, але він 4 річної давності
https://github.com/spektom/hydepark

Що класно в Gemini - тут реально трушний підхід до вихідних з'єднань (окрім зовнішніх редіректів але я їх поньорфив для себе в #Yoda, вимагаючи ручне підтвердження для такого переходу) а також єдино можливо правильна модель авторизації через сертифікати TLS, які є стійким та водночас анонімним ідентифікатором юзера, порівнюючи з парою "мейл/пароль".

Трохи не вистачає CSS, але маючи на руках браузер і досвід, ніхто не заважає мені розширити протокол до комфортного для себе рівня.

Юзерів тут все одно немає, тому можна з комфортом робити все що взбреде в голову, бо все що взбреде вже буде кращим за поточний Веб.

Как не попасть на плохой хостинг: топ-15 признаков

Что сложного в том, чтобы выбрать себе VDS? Смотришь на тарифы, характеристики, SLA и… попадаешь на ненадежного провайдера, у которого сервер падает без предупреждения, поддержка сводит всё к перезагрузке, а счета растут сами по себе. Чтобы не оказаться в такой ситуации, важно выбирать хостера не только по витрине на сайте. Собрал для вас топ-лист из тревожных звоночков. Приглашаю под кат. Узнать признаки

https://habr.com/ru/companies/ruvds/articles/938422/

#хостинг #VDS #VPS #сервер #сисадмин #ruvds_статьи #трафик #веб #IT #провайдер

Почему один и тот же сайт может летать на одном VDS и тормозить на другом

VPS/VDS — это не волшебная коробка, а виртуальный сервер, зависящий от железа и рук, которые всё настраивали. Он не гарантирует стабильную производительность «по умолчанию», и даже если параметры на бумаге выглядят одинаково, под капотом могут скрываться как быстрые NVMe-диски и разумная политика CPU-шаринга, так и загруженный хост с дешёвым RAID на HDD и оверселлом в четыре слоя. Я попытаюсь разобрать ключевые факторы, от которых это зависит.

https://habr.com/ru/companies/ruvds/articles/916050/

#ruvds_статьи #хостинг #VPS #VDS #серверы #провайдер #сайт #интернет #виртуализация #CPU #vCPU #трафик #вычисления #веб #IT #KVM

Как приручить Горыныча: русская high availability с тремя головами

В одном царстве, в одном хостинг-государстве жил-был сказочный Змей Горыныч. Он был трёхголовым, распределённым и главное отказоустойчивым. Конечно, иногда из-за синхронизации подлагивал, но в целом был зверем, которых на свете мало… Охранял он, как и положено, всякие ценности. То жар-птицу (high-value asset), то царевну (уникальный бизнес-процесс), а иногда просто всё по периметру выжигал огнём, чтобы в прод лишний никто не сунулся. Он не был злодеем, просто его так собрали по SLA: доступность — 99,99%, задержка — в пределах 200 мс, а восстановление — автоматическое. Богатыря Горыныч не боялся, потому что он для него не герой, а unplanned human intervention — угроза стабильности. Давайте разберёмся, что за монстр этот Змей.

https://habr.com/ru/companies/ruvds/articles/912266/

#ruvds_статьи #хостинг #серверы #облака #web2 #сайт #интернет #виртуализация #GPU #трафик #вычисления #веб #SaaS #IT

От ламповых серверов до облачных гигантов: 35 лет истории коммерческого хостинга в одной статье

В начале 90-х интернетом пользовались единицы, а хостинг был скорее экзотикой — сайты хранились на университетских или «домашних» серверах энтузиастов. Первые коммерческие дата-центры появились примерно к середине десятилетия, а к его концу уже возникли техногиганты. За следующие 35 лет отрасль выросла в глобальную экосистему со своими правилами и локальными историями. Вспомним, как всё развивалось — в мире и у нас, и чем это в итоге обернулось. Напомним, что технологии хостинга мы рассмотрели ранее.

https://habr.com/ru/companies/ruvds/articles/907358/

#хостинг #серверы #облака #web2 #сайт #интернет #виртуализация #GPU #трафик #VPS #веб #SaaS #IT #ruvds_статьи

Забытые технологии хостинга: 10 решений, которые когда-то были основой интернета

Когда мы говорим о современном хостинге, на ум приходят облачные сервисы, контейнеризация и serverless-архитектура. Но ещё 10-20 лет назад ИТ-индустрия задавала те же вопросы: как сделать хостинг дешевле, быстрее и удобнее. Одни технологии тогда казались революцией, но исчезли, не выдержав конкуренции. Другие, наоборот, получили вторую жизнь в обновлённом формате. Вспомним самые популярные, но ныне забытые технологии хостинга и разберёмся, какие идеи пережили крах и возвращаются в новом обличье.

https://habr.com/ru/companies/ruvds/articles/897208/

#ruvds_статьи #хостинг #серверы #облака #web2 #сайт #интернет #виртуализация #GPU #трафик #VPS #веб #SaaS #IT

Извечные треды в микроблогах показывают, что идея микроблогов не очень‐то работает, если ты в них пишешь что‐то кроме информации о походах в туалет 🤷 Стоит хоть немного развернуть мысль и всё — тред.

#lang_ru #микроблогинг #веб

#веб #говно #будующее @rf @ru
https://frame.work/хуесосы
Your estimated wait time is 20 minutes.
удивительно популярные говноноуты оказались видимо

Введение в фикстуры Playwright

Привет! Я Даниил, занимаюсь разработкой на Angular в T-Банке и хочу поделиться с вами опытом использования фикстур в Playwright. Я решил поговорить об этом, потому что вместе с ростом функциональности проектов растут и сложности при тестировании, а фикстуры предоставляют удобный способ избавиться от дублирующегося кода и сложных моков. Эта статья посвящена основам: зачем нужны фикстуры, чем они отличаются друг от друга и какую пользу приносят при тестировании веб-приложений. Мы подробно разберем устройство фикстур, посмотрим, как их создавать и грамотно внедрять в тесты. А еще рассмотрим практические примеры, которые помогут с легкостью применить полученные знания на реальном проекте. Поехали!

https://habr.com/ru/companies/tbank/articles/877292/

#angular #ангуляр #тестирование #playwright #интеграционное_тестирование #веб #frontend #fixtures #фикстуры

Дополненная реальность в Web: какие библиотеки актуальны в 2025?

Привет! Я Света, фронтенд-разработчик в отделе рекламных спецпроектов в KTS . Не так давно при работе над одной из задач мне потребовалось разобраться, какие существуют библиотеки для работы с AR в вебе. Я провела небольшое исследование, покопалась в документации, отыскала кучу примеров и решила, что этим материалом будет полезно поделиться. В этой статье я расскажу про библиотеки, которые позволяют добавлять дополненную реальность в веб-приложения, рассмотрю их основные особенности и поделюсь примерами их использования. Если вы ищете способы внедрить AR в свои проекты, эта статья поможет вам сориентироваться и составить общее представление о возможностях соответствующих библиотек.

https://habr.com/ru/companies/kts/articles/874464/

#WebXR_API #WebAR #дополненная_реальность #веб #AR #threejs #aframe #arjs #babylonjs #playcanvas

**Подборка топовых и новых идей для блога с хэштегами.**
---
### **10 лучших тем**
(на основе актуальности, трендов и универсальности):
1. **Стейкинг в 2024: что значит Ethereum 2.0?**
- Хэштеги: #Ethereum #Стейкинг #Web3 #Блокчейн
2. **Mastodon vs Threads: кто выигрывает?**
- Хэштеги: #Федиверс #Mastodon #Threads #СоциальныеСети
3. **Rust для начинающих: почему стоит попробовать?**
- Хэштеги: #Rust #Разработка #Программирование #OpenSource
4. **Токенизация активов: реальные примеры**
- Хэштеги: #Токенизация #Блокчейн #Финансы #Децентрализация
5. **Создание Telegram-бота за час**
- Хэштеги: #Telegram #Боты #Программирование #Автоматизация
6. **ActivityPub за пределами социальных сетей**
- Хэштеги: #ActivityPub #Децентрализация #Федиверс #Приватность
7. **Экосистема DAO: руководство для новичков**
- Хэштеги: #DAO #Web3 #Блокчейн #Управление
8. **Docker: лучшие практики для проектов**
- Хэштеги: #Docker #DevOps #Разработка #Технологии
9. **Matrix + Fediverse: дорожная карта**
- Хэштеги: #Matrix #Федиверс #СоциальныеСети #Безопасность
10. **Автоматизация трейдинга: инструменты**
- Хэштеги: #Криптовалюта #Трейдинг #Алгоритмы #Технологии
---
### **23 варианта тем для блога с хэштегами**
#### 1. **Криптовалюты и блокчейн**
1. Влияние Web3 на децентрализованную экономику
- Хэштеги: #Web3 #Блокчейн #Экономика #Децентрализация
2. Монеты конфиденциальности: Monero, Zcash и другие
- Хэштеги: #Конфиденциальность #Monero #Zcash #Криптовалюта
3. Lightning Network: будущее BTC-платежей
- Хэштеги: #Bitcoin #LightningNetwork #Криптовалюта #Технологии
4. BRC-20 токены: инновация или мода?
- Хэштеги: #BRC20 #Web3 #Токены #Финансы
5. Топ криптоафёр: разбираем схемы
- Хэштеги: #Крипто #Безопасность #Мошенничество #Обучение
#### 2. **Федивёрс**
6. Как запустить свой сервер Mastodon?
- Хэштеги: #Mastodon #Федиверс #Сервера #Инструкция
7. PeerTube в 2024: децентрализованный видеохостинг
- Хэштеги: #PeerTube #Видео #Федиверс #OpenSource
8. Частные группы в Fediverse: новые возможности
- Хэштеги: #Сообщества #Децентрализация #Федиверс #Приватность
9. Интеграция Mastodon с RSS: инструкция
- Хэштеги: #RSS #Mastodon #Инструменты #СоциальныеСети
10. Fediverse для бизнеса: советы
- Хэштеги: #Бизнес #Федиверс #Технологии #Соцсети
#### 3. **Разработка**
11. Основы больших языковых моделей (LLM)
- Хэштеги: #AI #LLM #Разработка #Технологии
12. WebAssembly: что это и зачем?
- Хэштеги: #WebAssembly #Веб #Технологии #Разработка
13. Масштабирование с Kubernetes
- Хэштеги: #Kubernetes #DevOps #Сервера #Программирование
14. Защита от SQL-инъекций
- Хэштеги: #Безопасность #SQL #БазыДанных #Программирование
15. Веб-компоненты: современные стандарты
- Хэштеги: #Веб #HTML #CSS #Технологии
16. Серверлесс архитектура: введение
- Хэштеги: #Serverless #Cloud #Программирование #DevOps
17. Оптимизация устаревшего кода
- Хэштеги: #Refactoring #Код #Разработка #Практики
18. Инструменты для тестирования производительности
- Хэштеги: #Тестирование #Производительность #Инструменты #Программирование
#### 4. **Пересечения технологий**
19. AI и блокчейн: точки пересечения
- Хэштеги: #AI #Блокчейн #Технологии #Инновации
20. Децентрализация как ответ на цензуру
- Хэштеги: #Цензура #Децентрализация #Федиверс #Приватность
21. Корпоративные блокчейны: Hyperledger и Corda
- Хэштеги: #Hyperledger #Corda #Блокчейн #Бизнес
22. ActivityPub за пределами социальных сетей
- Хэштеги: #ActivityPub #Протокол #Федиверс #Технологии
23. NFT в бизнесе: успешные кейсы
- Хэштеги: #NFT #Блокчейн #Бизнес #Кейсы
---
Выберите интересующую тему или уточните запрос, чтобы я мог помочь ещё точнее. 💡

https://bastyon.com/pureaceton?s=e2784de6c5c94bee60fd2bc537c0b2df804439554ca6e3cf276daeae1aca80ad&ref=PK9sn1mjco32vtUsAEjtyCkArnTZmgc6Tv

[Перевод] Воспоминания о GeoCities, предтече социальных сетей из 1990-х годов

Если в 90-е годы вам приходилось пользоваться интернетом, возможно, вы помните сайты на домене GeoCities. Это популярный веб-хостинг, действовавший в США с 1994 по 2009 год включительно. В Японии он и вовсе продержался вплоть до 2019 года. На пике популярности хостинг GeoCities обслуживал десятки миллионов персональных сайтов. В сегодняшней статье мы кратко пройдемся по истории компании и в заключение посмотрим на наиболее «характерные» сайты ушедшей эпохи 90-х.

https://habr.com/ru/companies/ispsystem/articles/861280/

#ретро #веб #старый_интернет #geocities #социальные_сети

Кратко про основные техники кеширования в браузере

Сегодня мы поговорим о крайне важной, но порой недооцененной теме — кешировании в браузере. Кеширование — это процесс сохранения копий файлов в локальном хранилище браузера, чтобы в последующем загружать их оттуда, а не с сервера. Так можно избежать лишних задержек и снизить нагрузку на сервер, т.к большинство ресурсов, таких как CSS-файлы, скрипты и медиаконтент, не нуждаются в повторной загрузке при каждом новом посещении страницы. В статье рассмотрим несколько основных методов кеширования, таких как использование HTTP заголовков Cache-Control , ETag , и If-Modified-Since , а также LocalStorage .

https://habr.com/ru/companies/otus/articles/825060/

#веб #highload #производительность #вебразработка #кеширование

Установка и настройка phpMyAdmin: пошаговая инструкция

phpMyAdmin — это специальная утилита, написанная на PHP, которая реализует графический интерфейс для управления базами данных MySQL через браузер. Помимо визуального отображения таблиц, phpMyAdmin упрощает менеджмент баз данных, позволяя формировать SQL-запросы через панель управления без непосредственного написания команд или какого-либо кода. При этом phpMyAdmin реализует весь функционал SQL-запросов: просмотр, добавление, удаление и изменение баз данных, а также их таблиц, полей и индексов. В этом руководстве мы рассмотрим процесс установки phpMyAdmin и всех его зависимостей на удаленный хост. В показанных примерах используется облачный сервер Timeweb Cloud под управлением Ubuntu 22.04.

https://habr.com/ru/companies/timeweb/articles/824144/

#timeweb_статьи #phpMyAdmin #SQL #MySQL #PHP #Ubuntu #Nginx #FastCGI #Windows #SSH #БД #Cloud #MongoDB #html #веб #хост #FPM #HTTP

[Перевод] Wasm на весь стек — движемся от клиента к серверу с использованием Leptos, Rust и Spin

Leptos – интересное пополнение в ряду веб-фреймворков для Rust. Помимо того, что Leptos может обеспечить быстрые обновления на стороне браузера через клиентскую часть WebAssembly, а также детализированные отклики на сигналы в ходе реактивной коммуникации, он ещё и чрезвычайно удобен для взаимодействия с серверными службами через изоморфные серверные функции. Таким образом, выполнять удаленные вызовы к API оказывается не сложнее, чем вызывать функции Rust. Именно благодаря интеграции с серверной частью Leptos так привлекателен для использования совместно со Spin. Если вам интересно, как это выглядит, или же вы хотите погоревать над весьма неказистым пользовательским интерфейсом, то читайте дальше.

https://habr.com/ru/companies/timeweb/articles/814767/

#timeweb_статьи_перевод #Leptos #Wasm #Spin #rust #веб #браузер #фронтенд #бэкенд #фреймворки #WebAssembly #CSS #HTML #JavaScript

Желаю нелельного поноса тем, кто зафорсил, что форма, разбитая на «страницы», это удобно.

#lang_ru #веб #дизайн

Floorp - веббраузер створений на основі Firefox, розробляється в Японії і є новим браузером з відмінною конфіденційністю та гнучкістю.

Головні переваги особисто для мене:

• Додані значки до пунктів меню
• Розширені налаштування:
  • Комбінації клавіш
  • Простори вкладок
• Вбудовані стилі для темного режиму

Але не зважаючи на це все я продовжую використовувати ABrowser і LibreWolf.

#firefox #floorp #web #browser #браузер #веб #вебпереглядач

SchildiChat - повністю вільний клієнт протоколу Matrix. Базується на Element, але має покращений дизайн і розширений функціонал. Доступний для вебу, мобільних та настільних пристроїв.

Часті запитання:

• Що означає ця назва?

  Schildi = Schildkröte = німецька назва черепахи. Отже, "Черепашачий" чат. Не соромтеся називати його Шилді-Чат (щит для безпеки?), якщо вам так зручніше вимовляти. Що зображено на іконці?

  Черепаху зі стовпчастим рогом.

• Яка мета цього форку? Ми в основному зосереджені на налаштуванні інтерфейсу на свій смак і зазвичай не хочемо заглиблюватися в архітектурні зміни, щоб зменшити конфлікти при злитті з попередніми версіями. Іноді нам подобається гратися з додатковими функціями спільноти, які не є пріоритетними для Element, а це означає, що ми можемо підтримувати трохи більше MSC, ніж Element. Також може траплятися, що ми включаємо додаткові виправлення помилок частіше, ніж очікувалося, якщо команда Element пропускає деякі помилки, які стають очевидними під час нашого внутрішнього тестування. Звичайно, це не означає, що в SchildiChat менше помилок, оскільки ми не застраховані від появи нових.

  Підсумовуючи, основна мета клієнтів SchildiChat полягає в наступному: ми хочемо взяти хороший клієнт Matrix і підлаштувати його під наш смак, оскільки команда розробників Element має відмінні від нас смаки, і наші пріоритети не завжди збігаються з пріоритетами вищого керівництва. Ми не намагаємося догодити якійсь конкретній цільовій групі користувачів, окрім тих, хто поділяє наш смак :)

• На якій версії Element базується SchildiChat? Коли ви дивитеся на версію SchildiChat, частина перед "sc" - це попередня версія Element, на якій базується ваша поточна збірка SchildiChat.

Вебсторінка, Список змін

#foss #android #fdroid #matrix #chat #schildichat #matrix_client #schildi #linux #web #веб

Веб-дайджест #3

15 лет – ручной дизайн постепенно начнет умирать, как и сайты в общепринятом понимании. Сайты превратятся в хранилища информации с унифицированным доступом. Вся информация будет иметь цифровую подпись. Дизайн будет не нужен. Почему? Потому что ходить в интернет за информацией и развлечениями будут ИИ-ассистенты. Они же заменят для нас смартфоны. Голосовое (а в будущем мысленное) управление полностью вытеснит привычные интерфейсы. ИИ будет заходить в интернет, моментально находить нужную информацию и выдавать её вам в том виде, в котором вам нужно или в котором вам привычнее получать информацию. Независимо от языка. Падут все барьеры общения.

#ai #ui #web #webdesign #design #веб #вебдизайн #ИИ #искусственныйинтеллект #дизайн

Веб-дайджест #2

10 лет – появятся бесплатно-распространяемые системы такого уровня. Компании, которые занимаются размещением сайтов (хостинг), будут ставить их также, как сейчас ставят WordPress.

Сохранится небольшая потребность в профессиональных веб-дизайнерах, превратившихся в настройщиков, способных работать с ИИ-системами, настраивать их и корректировать результаты.

#ai #ui #web #webdesign #design #веб #вебдизайн #ИИ #искусственныйинтеллект #дизайн

@haiku Извините, цитирую самого́ себя.
«Широкая функциональность — #веб, #минимализм — старый добрый #Gopher, а #Gemini IMHO ни рыба ни мясо. У меня есть подозрение, что Gemini придумали, чтобы оставить имя в истории. Сделать что-то для Gopher'а — значит добавить своё имя в длинный список внёсших вклад. Кому-то приятнее изобрести свой вариант велосипеда и объявить себя первопроходцем. #IMHO».
https://linuxrocks.online/@gamliel/108766734134945756

@iron_bug @bazuka_joe Широкая функциональность — #веб, #минимализм — старый добрый #Gopher, а #Gemini IMHO ни рыба ни мясо. У меня есть подозрение, что Gemini придумали, чтобы оставить имя в истории. Сделать что-то для Gopher'а — значит добавить своё имя в длинный список внёсших вклад. Кому-то приятнее изобрести свой вариант велосипеда и объявить себя первопроходцем. #IMHO.

Год или два назад я разместил в своём Мастодоне ссылку на #форум, доступный для чтения через Gopher, а на запись по #SSH.

Добавил на свой веб-сайт страницу обратной связи, результат двух недель своего труда. Если кто-то не знает, мой веб-сайт доступен по адресу https://fishk.in/ru/ и не содержит кода на JavaScript.

#lang_ru #ru #Гамлиэль #Фишкин #Интернет #веб #паутина #сайт #вебсайт