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

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

GitHub *IT-компании

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

По информации издания Bleeping Computer, сегодня ночью в течение часа веб-интерфейс сервиса GitHub не работал как положено. В нем не было изображений, также пользователи фиксировали проблемы с работой JavaScript-сценариев.
Всего голосов 7: ↑5 и ↓2 +3
Просмотры 2.8K
Комментарии 1

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

Чулан

Обычно


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

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");
Всего голосов 30: ↑15 и ↓15 0
Просмотры 569
Комментарии 20

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

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

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

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

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

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

Я верю, что у кого-то из хабрасообщества возникали подобные вопросы, может, кто-то объяснит?
Или таки я что-то недопонял? Ведь это как-то даже не похоже на Гугл.
Всего голосов 28: ↑22 и ↓6 +16
Просмотры 212
Комментарии 21

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

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

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

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


Читать дальше →
Всего голосов 48: ↑40 и ↓8 +32
Просмотры 10K
Комментарии 38

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

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

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



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

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

Читать дальше →
Всего голосов 29: ↑17 и ↓12 +5
Просмотры 2.3K
Комментарии 4

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

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

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


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


Читать дальше →
Всего голосов 40: ↑28 и ↓12 +16
Просмотры 3.4K
Комментарии 21

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

Дизайн
Уже давно крутятся мысли по поводу пользовательских интерфейсах и о их деградации развитии конечно же, ими то я и хочу сегодня поделиться. Многие помнят старые интерфейсы с псевдографикой в текстовом режиме со скупым функционалом и ограниченным юзабилити. Потом им на смену пришли оконные интерфейсы в графическом режиме и теперь уже веб-интерфейсы. Но повысилась ли скорость работы потребителей прикладных программ, пользователей и операторов ввода? Повысилась ли скорость разработки экранов и отчетов? Многие скажут Вам твердое «нет» — средняя производительность программистов и пользователей снижалась с каждым новым шагом технологий вперед. И для этого есть ряд объективных причин. Кроме них мы сегодня остановимся и на том, как же все-таки поднять сею производительность.
Читать дальше →
Всего голосов 80: ↑62 и ↓18 +44
Просмотры 8.7K
Комментарии 93

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

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

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

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


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

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


Читать дальше →
Всего голосов 22: ↑17 и ↓5 +12
Просмотры 2.6K
Комментарии 15

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

Компьютерное железо
В прошлой статье мы смогли научить нашу систему «умный дом» распознавать сказанное нами и синтезировать голосовые ответы при помощи Google.
Сегодня я хочу рассказать, как организовать доступ к нашей системе через веб-интерфейс.
Читать дальше →
Всего голосов 42: ↑38 и ↓4 +34
Просмотры 29K
Комментарии 13

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

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

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

image
Читать дальше →
Всего голосов 51: ↑28 и ↓23 +5
Просмотры 1.3K
Комментарии 26

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

Веб-дизайн *
Из песочницы
Проанализировав несколько существующих интернет-сайтов, таких, например, как: ru.asus.com (ведущий производитель компьютерных комплектующих), bbc.com (сайт ведущего мирового агентства СМИ), msu.ru (сайт московского государственного университета), admhmao.ru (сайт администрации ХМАО – Югры), было установлено, что проектирование пользовательского веб-интерфейса сводится к созданию структуры, состоящей из следующих блоков:
1. Верхняя, титульная часть дизайн-макета веб-страницы («шапка» или header).
2. Нижная, титульная часть дизайн-макета веб-страницы («подвал» или footer).
3. Блок меню, которое может располагаться как горизонтально, так и вертикально. Элементы меню часто выполняются в блочно-текстовом или символьном виде.
4. Блок с основным содержанием страницы («контент»), который также может содержать дополнительный функционал.

Методами при таком проектировании, в основном являются: метод «Золотого сечения», «Кошелек Миллера» и «Принцип группировки».

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

Читать дальше →
Всего голосов 27: ↑9 и ↓18 -9
Просмотры 2.2K
Комментарии 46

Копирование данных баз Web и Firewall прокси-сервера MS TMG в базу MySQL

Информационная безопасность *MySQL *
Из песочницы
Всем привет!
Удобно смотреть отчёты через браузер, не надо пользователю никакие программы устанавливать.
Для более удобной работы с данными журнала использования Интернета (WEB) и журналом брандмауэра (FWS) сервера MS TMG их можно загрузить в базу MySQL. Можно написать сколько угодно отчётов по этим данным. Для доступа к отчётам используется веб-интерфейс.
Пример реализации под катом.
Читать дальше →
Всего голосов 6: ↑4 и ↓2 +2
Просмотры 2.8K
Комментарии 0

Магистральное решение Cambium 650

Блог компании CompTek
Внешний вид Cambium 650

Слова «Cambium», «Motorola», «Orthogon» среди операторов радиосвязи широко известны и связаны преимущественно с позитивными ощущениями. Почти в каждом городе страны можно увидеть на офисах, заправках, домах характерные вытянутые устройства, иногда в приплюснутом отражателе — абонентские устройства pmp100, более известные как Сanopy, известные своей стабильной работой даже в сложных помеховых условиях. Реже можно увидеть серию PTP производителя, так как эти производительные решения обычно встречаются на мачтах, и на них строят каналы дальностью до 100 километров.
Ключевым преимуществом систем этих модельных рядов считается высокая производительность, возможность работать с препятствиями в зоне Френеля, надежность решения, а упомянутым в начале недостатком является высокая стоимость.
Однако в наступившем году cambium преодолевает стереотип и предлагает более доступное магистральное решение — со всеми положительными качествами 600 серии, большей производительностью и меньшим тепловыделением.
Итак, сегодня мы изучим Cambium 650 серии, предлагающую нам 450 Мбит пропускной способности, задержки менее 2 мс и высокую дальность.

Далее под катом — множество графиков, таблиц и скриншотов.
Подробности
Всего голосов 8: ↑6 и ↓2 +4
Просмотры 14K
Комментарии 9

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

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

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

На сервере мы будем использовать проект Pritunl, который представляет собой панель управления, автоматизирующую управление конфигурациями OpenVPN. Исходные тексты pritunl открыты и доступны на гитхабе. Бесплатной версии более чем достаточно для использования. Платная позволяет отправлять данные для доступа по email или настраивать автоматическую отказоустойчивость сервиса (что для InfoboxCloud не очень важно, т.к. само облако работает в отказоустойчивом кластере) и управлять балансировкой нагрузки между несколькими серверами.
Читать дальше →
Всего голосов 25: ↑18 и ↓7 +11
Просмотры 59K
Комментарии 15

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

Блог компании ICL Services Системное администрирование *IT-инфраструктура *Серверное администрирование *
Перевод
image

Недавно компания Red Hat выпустила новый сервер единой идентификации на основе технологий Keycloak. Теперь вы можете пользоваться готовым и полностью поддерживаемым поставщиком удостоверений на основе SAML 2.0 или OpenID Connect, который связывает корпоративный каталог пользователей или стороннего поставщика удостоверений с вашими приложениями при помощи стандартных маркеров. Keycloak — это система нового поколения, которая заменяет технологию PicketLink связующего программного обеспечения JBoss. В будущем Keycloak обеспечит единый вход в Red Hat Cloud Suite и такие системы управления, как Red Hat Satellite.
Читать дальше →
Всего голосов 11: ↑7 и ↓4 +3
Просмотры 7.9K
Комментарии 0

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

IT-инфраструктура *
Tutorial

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


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


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


pic-1


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

Читать дальше →
Всего голосов 6: ↑6 и ↓0 +6
Просмотры 4.1K
Комментарии 0

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

Разработка веб-сайтов *JavaScript *Функциональное программирование *Elm *
Tutorial

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


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

Читать дальше →
Всего голосов 12: ↑12 и ↓0 +12
Просмотры 7.8K
Комментарии 11

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

Гаджеты


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

Оказывается, некоторые производители ветряков предлагают их автоматическое подключение к интернету и веб-интерфейс для управления ветряками и мониторинга их работы. Однако не все покупатели даже знают о существовании этих интерфейсов, не говоря уже о том, чтобы обеспечить безопасность доступа или хотя бы поменять пароль по-умолчанию.
Читать дальше →
Всего голосов 12: ↑10 и ↓2 +8
Просмотры 8.8K
Комментарии 11

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

Open source *Системное администрирование *Программирование *Энергия и элементы питания DIY или Сделай сам
✏️ Технотекст 2021

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

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

Спешу поделиться с вами!
Всего голосов 6: ↑6 и ↓0 +6
Просмотры 5.7K
Комментарии 9

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

Блог компании DataArt Интерфейсы *Node.JS *Разработка на Raspberry Pi *Носимая электроника
Tutorial

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

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

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

Читать далее
Всего голосов 7: ↑4 и ↓3 +1
Просмотры 5.3K
Комментарии 9