Как стать автором
Обновить

Из-за просроченного сертификата CDN у GitHub «поехала» вёрстка. Проблему исправили

Время на прочтение2 мин
Количество просмотров3.1K

Внешний вид веб-интерфейса GitHub 2 ноября 2020 года (примерно с 2 до 3 часов ночи по московскому времени). Нормально отображался текст, ссылки и эскизы.

По информации издания Bleeping Computer, сегодня ночью в течение часа веб-интерфейс сервиса GitHub не работал как положено. В нем не было изображений, также пользователи фиксировали проблемы с работой JavaScript-сценариев.

Хакатон ЕВРАЗа 2.0: 40 часов металлургии, веб-разработки и аналитики

Уровень сложностиПростой
Время на прочтение7 мин
Количество просмотров6.3K

Основной задачей нового хакатона стала разработка цифрового двойника эксгаустера агломашины. Ну эксгаустер, вы же знаете..?

Читать далее

«Умный дом» собственными руками. Часть 4. Организуем веб-интерфейс

Время на прочтение9 мин
Количество просмотров49K
В прошлой статье мы смогли научить нашу систему «умный дом» распознавать сказанное нами и синтезировать голосовые ответы при помощи Google.
Сегодня я хочу рассказать, как организовать доступ к нашей системе через веб-интерфейс.
Читать дальше →

Развертываем OpenVPN сервер с панелью управления в облаке InfoboxCloud и настраиваем доступ для клиентов

Время на прочтение6 мин
Количество просмотров65K
Процесс настройки и управления VPN на Linux-сервере обычно занимает немало времени. И если настроить можно один раз и забыть, то управлять пользователями VPN периодически приходится и хорошо бы, чтобы это мог делать и рядовой сотрудник компании без прав доступа к серверу и SSH вообще. Часто используется сценарий, когда с помощью VPN организуется доступ во внутреннюю сеть облака для подключения виртуальных серверов к корпоративной сети компании. Даже для себя быстро поднять VPN бывает полезно.

В этой статье мы буквально за несколько минут настроим OpenVPN сервер с возможностью простого управления VPN–серверами, пользователями и организациями и запустим все это в InfoboxCloud. Это облако присутствует в регионах Москва и Амстердам, благодаря чему можно использовать VPN как для корпоративных целей, так и для того, чтобы представиться жителем Нидерландов в сети (например для использования сервисов, которые не доступны на территории вашей страны).

На сервере мы будем использовать проект Pritunl, который представляет собой панель управления, автоматизирующую управление конфигурациями OpenVPN. Исходные тексты pritunl открыты и доступны на гитхабе. Бесплатной версии более чем достаточно для использования. Платная позволяет отправлять данные для доступа по email или настраивать автоматическую отказоустойчивость сервиса (что для InfoboxCloud не очень важно, т.к. само облако работает в отказоустойчивом кластере) и управлять балансировкой нагрузки между несколькими серверами.
Читать дальше →

Представляем интеграцию единого входа через веб (Web SSO) и объединения удостоверений (identity federation)

Время на прочтение2 мин
Количество просмотров8.7K
image

Недавно компания Red Hat выпустила новый сервер единой идентификации на основе технологий Keycloak. Теперь вы можете пользоваться готовым и полностью поддерживаемым поставщиком удостоверений на основе SAML 2.0 или OpenID Connect, который связывает корпоративный каталог пользователей или стороннего поставщика удостоверений с вашими приложениями при помощи стандартных маркеров. Keycloak — это система нового поколения, которая заменяет технологию PicketLink связующего программного обеспечения JBoss. В будущем Keycloak обеспечит единый вход в Red Hat Cloud Suite и такие системы управления, как Red Hat Satellite.
Читать дальше →

Идет AJAX загрузка. Подождите…

Время на прочтение1 мин
Количество просмотров1.2K

Обычно


… для того, чтобы показать пользователю, что на фоне веб-приложения идет загрузка используется анимированная гифка вроде этой:

image

Типичный подход при этом:
1. показать крутящуюся гифку в углу или где-нибудь на видном месте
2. начать загрузку (XHttpRequest и Ко)
3. когда загрузка заканчивается, убираем картинку.

Идея


Использовать анимацию курсора для отображения занятости приложения.

Скажем, в jQuery для этого достаточно выполнить:
$("*").css("cursor", "wait");

Вернуть курсоры:
$("*").css("cursor", "");

Данный сниппет поменяет состояние курсора над всеми элементами. Однако, почему бы и не ограничиться каким-нибудь конкретным объектом?

$(".элементы_которые_грузятся").css("cursor", "wait");



Плюсы


* Никаких изменений в структуре разметки
* Не задействовано никаких внешних элементов (можно, правда, использовать собственные *.cur файлы. Достоверный источник сообщает, что эта фича поддерживается всеми современными браузерами)
* Весьма интуитивно само по себе

Минусы


* Выглядит, как будто завис браузер (но если использовать нестандартный курсор, вполне отличимо)
* В разных ОСях выглядит по-разному (кстати, это и минус и плюс)

P.S.: пока искал прелоадер, случайно нашел сайт: www.loadinfo.net. Там можно сгенерить себе красивый прелоадер =)

Edit:
Вот, например, на подобной штуке, это выглядело бы очень уместно:
www.extjs.com/deploy/dev/examples/desktop/desktop.html

Edit2:
Вот этот курсор, собственно, даже лучше подходит, чем «wait»:
$("*").css("cursor", "progress");

Настройка веб-интерфейса TheOnionBox для мониторинга relay-ноды Tor'а

Время на прочтение3 мин
Количество просмотров4.9K

The Onion Box — опенсорсный веб-интерфейс для мониторинга relay-нод, написанный на питоне.


Он умеет отображать показатели загрузки диска, памяти, сети, а также статистику ноды, в том числе, получаемую через Onionoo (протокол для мониторинга статуса в сети Tor), и строить красивые графики.


Выглядит как-то так:


pic-1


Под катом описание настройки.

Читать дальше →

Многабукафф для GMail'а

Время на прочтение1 мин
Количество просмотров547
image Началось с того, что некоторые сообщения, приходящие из списка рассылки по subscribe.ru (да-да, я знаю, что давно пора перейти на RSS), показывались через интерфейс гуглопочты обрезанными. При том, если смотреть через IMAP или POP3 или исходник сообщения с того же гугл интерфейса — то все ок — письмо целое.

В ФАКе написано, что когда письмо обрезано, то внизу письма можно нажать на кнопку «Посмотреть сообщение полностью», но такой опции нет почему-то, по крайней мере у меня. А у вас?

Насколько я понял из вышеприведенного ответа — это делается намеренно, дабы сообщение отображалось быстро. Но зачем мне быстрозагруженное, но обрезанное сообщение? Сделали бы динамическую подгрузку. Не мне, конечно, их учить, но все же…

Узнал, что в веб-интерфейсе гуглопочты применяются вот такие ограничения:
102kb plaintext'а
51 страниц
102369 символов
(upd.: 56769 символов — проверил)
30 цепочек писем.

Странные лимиты. Я их полностью не проверял, но попробуйте сами себе написать длинное письмо. Тупо обрезает и даже не извиняется. :)

Я верю, что у кого-то из хабрасообщества возникали подобные вопросы, может, кто-то объяснит?
Или таки я что-то недопонял? Ведь это как-то даже не похоже на Гугл.

Новый веб-клиент Evernote: переработанный интерфейс и многое другое

Время на прочтение3 мин
Количество просмотров11K
За последние несколько месяцев мы представили кардинально переделанные версии Evernote для четырех популярных платформ: Windows, Mac, iPhone и Android. Сегодня мы рады представить пятого полностью обновленного представителя семейства Evernote: веб-клиент Evernote.

Все наши недавние нововведения можно сгруппировать по четырем основным направлениям:
  • усовершенствование пользовательского интерфейса;
  • оптимизация производительности;
  • более полное применение возможностей каждой платформы;
  • реализация пожеланий пользователей.

Каждое из этих направлений сыграло важную роль в наших решениях о том, каким должен стать новый веб-клиент Evernote. Убедитесь в этом сами.


Читать дальше →

Веб-интерфейс Evernote теперь позволяет прикреплять файлы к заметкам

Время на прочтение2 мин
Количество просмотров2.4K
Всего пару недель назад мы запустили переработанный веб-клиент Evernote с новым интерфейсом, новыми возможностями для совместного доступа, улучшениями в скорости работы. На момент запуска некоторые возможности, доступные в старом интерфейсе, мы не успели перенести в новый. И сегодня мы рады сообщить, что в новом веб-интерфейсе опять доступна одна из важнейших функций — прикрепление файлов к заметкам.

Два способа вкладывать файлы в веб-интерфейсе Evernote



Теперь добавлять файлы к вашим заметкам в веб-клиенте стало удобнее. У вас есть два варианта.

Значок скрепки
Нажмите на иконку со скрепкой в панели инструментов заметки. Затем выберите в диалоговом окне необходимый файл на вашем компьютере. Вы можете прикреплять несколько файлов к одной заметке.

Читать дальше →

В веб-интерфейсе Evernote появился просмотр заметок в виде списка

Время на прочтение1 мин
Количество просмотров3.5K
Мы продолжаем развивать новый веб-клиент Evernote. Теперь и в нем можно просматривать заметки в виде симпатичного и удобного списка. Зайдите в свой веб-клиент Evernote, чтобы увидеть изменения.

Список заметок


Теперь в веб-интерфейсе Evernote есть два режима отображения заметок: фрагментами и списком. Для того чтобы перейти к новому варианту, нажмите на ссылку Настройки списка над перечнем заметок, а затем выберите режим отображения ”Список”.


Читать дальше →

Веб-интерфейсы: развитие или наоборот?

Время на прочтение9 мин
Количество просмотров19K
Уже давно крутятся мысли по поводу пользовательских интерфейсах и о их деградации развитии конечно же, ими то я и хочу сегодня поделиться. Многие помнят старые интерфейсы с псевдографикой в текстовом режиме со скупым функционалом и ограниченным юзабилити. Потом им на смену пришли оконные интерфейсы в графическом режиме и теперь уже веб-интерфейсы. Но повысилась ли скорость работы потребителей прикладных программ, пользователей и операторов ввода? Повысилась ли скорость разработки экранов и отчетов? Многие скажут Вам твердое «нет» — средняя производительность программистов и пользователей снижалась с каждым новым шагом технологий вперед. И для этого есть ряд объективных причин. Кроме них мы сегодня остановимся и на том, как же все-таки поднять сею производительность.
Читать дальше →

Мониторим парк ИБП. Ч.3, заключительная

Время на прочтение7 мин
Количество просмотров8.2K

Или что пригодится знать и уметь, если замена ИБП после поломки – урон профессиональной гордости.

И вновь приветствую, уважаемые коллеги и читатели. За пару лет достаточно плотной работы с бесперебойниками я совершил для себя много "открытий чудных".

Спешу поделиться с вами!

Обновление веб-клиента Evernote: усовершенствованные возможности поиска

Время на прочтение2 мин
Количество просмотров2.7K
Evernote хорошо подходит для сохранения информации любого вида: от текста и веб-страниц до файлов и изображений, и наша цель — сделать так, чтобы пользователи могли легко находить любые данные вне зависимости от их типа. Сейчас, когда у многих уже появились большие аккаунты со множеством заметок, это стало главным приоритетом. Сегодня мы хотели бы представить значимый шаг в этом направлении — новую более функциональную поисковую строку в веб-клиенте Evernote.

Перейти к веб-клиенту Evernote »

Новые функции поисковой строки


Ниже мы рассмотрим некоторые новые варианты поиска, которые должны упростить процесс нахождения необходимой информации в вашем аккаунте.

Выбор блокнота для поиска
Установив фокус на строку поиска вы увидите, что текущий блокнот находится на первом месте в выпадающем списке. Нажмите на него, чтобы отобразить список всех ваших блокнотов. Поиск будет выполнен по содержимому выбранного блокнота.


Читать дальше →

Интерфейсы для встраиваемых устройств на современных Web-технологиях

Время на прочтение6 мин
Количество просмотров8.3K

Автор: Николай Хабаров, Principal IoT/IoMT Architect в DataArt

Начнем с того, что интерфейс необходим любому устройству. Ведь пользователю придется с ним взаимодействовать — значит, нужны какие-то кнопки, рычажки, лампочки или дисплей. Некоторые устройства подключаются через USB-кабель к компьютеру, на который нужно установить драйверы и специальное ПО для управления. Некоторые устройства, построенные на обычном железе для ПК, снабжены собственными дисплеями для демонстрации данных и контрольными панелями. В обоих случаях софт для них обычно пишут на сложных языках программирования вроде C++, а создание автономных или встраеваемых приложений для них требует от разработчика специальных навыков. Программное обеспечение для них, как правило, зависимо от операционной системы, и попытка апгрейда любого компонента устройства (например, замена дисплея на более совершенную модель) часто оборачивается серьезной проблемой.   

В статье я постараюсь разобраться, существует ли более удобное решение для создания графических интерфейсов встраиваемых устройств. В первой части обсудим, как сделать UI для устройств с дисплеем. Затем рассмотрим разработку совместимых с ПК девайсов без собственного UI, используя те же самые технологии. 

Читать далее

Инструменты разработчика на языке Elm

Время на прочтение7 мин
Количество просмотров8.3K

С момента публикации статьи Основы разработки на языке Elm (руководство по инструментарию для начинающих) прошло полтора года. За это время в инструментарии для языка разработки веб-интерфейсов Elm произошли многочисленные изменения: появилась более удобная система сборки с возможностью генерации нового проекта; для редактора Atom набор дополнений в некоторых отношениях теперь лучше, чем для популярного тогда среди разработчиков на Elm редактора LightTable; заработал инспектор состояния приложения. Давайте пройдёмся по этому набору на простом примере.


Инструменты разработчика на языке Elm: обложка

Читать дальше →

Поставь пароль на ветряк: безопасники предупреждают об интернет-уязвимости некоторых ветровых турбин

Время на прочтение1 мин
Количество просмотров9K


Интернет вещей разрастается, взломами смартфонов, носимых устройств или даже автомобилей уже никого не удивить. Но всё новые и новые устройства добавляются к сети, и подключение новых устройств, как это обычно бывает, приводит к обнаружению новых уязвимостей. Например, сейчас можно взломать ветровую турбину.

Оказывается, некоторые производители ветряков предлагают их автоматическое подключение к интернету и веб-интерфейс для управления ветряками и мониторинга их работы. Однако не все покупатели даже знают о существовании этих интерфейсов, не говоря уже о том, чтобы обеспечить безопасность доступа или хотя бы поменять пароль по-умолчанию.
Читать дальше →

Как я создал электронную проходную по Qr-кодам

Уровень сложностиПростой
Время на прочтение10 мин
Количество просмотров20K

Будучи являясь студентом, нам предложили поучаствовать в одной программе. В данной программе нам преподавали курсы из различных областей, как бизнеса, так и программирования. Вот некоторые из них: «Основы.NET и знакомство с платформой разработки веб‑приложений», «Азы программирования на основе 1С», «HTML и CSS», «Навыки работы с системой управления версиями Git», «Javascript».

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

Читать далее

OpenVMS: операционная система для атомных станций. Веб-интерфейс

Время на прочтение6 мин
Количество просмотров4.9K

В прошлых статьях мы установили OpenVMS в качестве виртуальной машины и разобрались с тем, как правильно настроить сеть и активировать хоббийную лицензию. Теперь предлагаем настроить веб-сервер и установить административный WebUI, позволяющий управлять некоторыми функциями сервера без необходимости выполнения команд в консоли.

Читать далее

Изменения в веб-интерфейсе dropbox

Время на прочтение1 мин
Количество просмотров2K
8 марта в блоге разработчиков сервиса dropbox были анонсированы изменения веб-интерфейса сервиса. Ниже краткие выжимки из этого поста. Вот основные изменения:

1) Теперь страница, на которую попадает пользователь, залогинившись в dropbox, выглядит примерно так:

image
Читать дальше →
1