Прокрутить к контенту ↓


Марат Таналин о веб-разработке и ИТ [2]

  • Исправляем ошибку Проводника Windows 7 при масштабе 200%

    ExplorerHiDpiFix — бесплатная авторская программа для обхода бага Проводника Windows 7, из-за которого при системном масштабе более 188% адресная строка становится очень короткой, а почти всю ширину окна занимает поле поиска, при этом изменение соотношения их длин путём перетаскивания промежутка между ними неработоспособно.

    Программа принудительно устанавливает длины адресной строки и поля поиска в соотношении 3:1 (75% / 25%) и предназначена для тех, кто не торопится переходить с Windows 7 на более свежую Windows 10, свободную от этой проблемы.

    Исправление автоматически применяется к окнам Проводника, уже открытым на момент запуска программы, а при работе программы — к новым окнам Проводника сразу после их открытия и после каждого изменения их размеров.

    Уважаемых читателей — с наступающей второй половиной десятилетия.

  • Firefox 43 (+)

    Предновогодний выпуск браузера Firefox может похвастаться публично доступной официальной 64-битной версией и другими новшествами:

    поддержка hyphens без префикса; проверка целостности подключённых к странице внешних ресурсов с помощью атрибута integrity; возможность динамического изменения viewport; Screen Orientation API без префикса; ряд изменений в отношении массива arguments; вывод трассировки стека и серверных отладочных сообщений Chrome Logger в консоли; учёт фактической плотности точек в функции «Скриншот узла» и проч.

  • О безопасности и PHP

    На многих серверах, работающих с неподдерживаемыми версиями PHP, даже не установлена безопасная версия соответствующей ветви.

    У кода PHP есть недостатки, подобно Python, node.js и Ruby. В этом году их стало меньше и, надеюсь, в следующем — станет ещё меньше. К сожалению, не все приложения изменяются в лучшую сторону одинаково быстро. Некоторые люди просто не утруждают себя установкой обновлений. Проблема не в языке, а в людях.

    Cal Evans, Zend Developer Zone
  • Об ARIA и HTML

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

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

    Steve Faulkner, HTML5 Doctor
  • Новые авторские программы

    Раздел «Проекты» пополнился тремя авторскими программами для Windows:

    • MultilinePathEnv — многострочный редактор системной переменной среды Path;
    • WhiteScreen — скринсэйвер «Белый экран» с плавным изменением прозрачности при запуске и закрытии;
    • DoNothing — программа-заглушка, завершающая свою работу сразу после запуска.

    Программы бесплатны и не требуют установки — достаточно распаковать загруженный архив.

  • EdgeHTML 13: initial и unset без all (+)

    В обновлённом браузерном движке EdgeHTML 13, используемом в браузере Microsoft Edge, реализована поддержка CSS-значений initial и unset, но нет поддержки свойства all, в сочетании с которым они и имеют основной смысл.

    Из других интересных новшеств: поддержка PICTURE, srcset, sizes; TEMPLATE; A[download]; USE в SVG.

  • Firefox 42 (+)

    В свежей версии Firefox с символичным номером 42:

    официальная 64-битная сборка; доступность Media Source Extensions (MSE) для всех сайтов без исключения; экспериментальная поддержка загрузки директорий; экспериментальная поддержка HTML-атрибута referrer; поддержка ImageBitmap, createImageBitmap(), Reflect API; индикатор-кнопка воспроизведения/выключения звука в ярлыке вкладки; встроенная защита от слежения а-ля Ghostery в приватных окнах и проч.

  • CSS Global Order — order без Flexbox

    CSS Global Order — авторская JavaScript-библиотека, реализующая поддержку изменения визуального порядка HTML-элементов с помощью стандартного CSS-свойства order без необходимости включения механизма Flexbox (display: flex / display: inline-flex) для их родительского элемента.

    Библиотека работает во всех браузерах, поддерживающих Flexbox, а также в Internet Explorer 7 и выше.

    Объём в минимизированном виде с Gzip-сжатием — 1 КБ.

  • Firefox 41 (+)

    В очередной версии свободного веб-браузера Firefox:

    поддержка работы с буфером обмена в JS; включённая по умолчанию поддержка CSS Logical Properties и CSS Font Loading; поддержка transform-origin и transform-box в SVG-изображениях; исправленное поведение URLUtils.hash; поддержка favicon-изображений в формате SVG; встроенная возможность снятия скриншотов отдельных элементов и проч.

  • Firefox 40 (+)

    Встречаем юбилейный Firefox 40 — продвинутый свободный веб-браузер:

    поддержка Push API; доступность HTTP-аутентификации только для ресурсов верхнего уровня; механизм подписывания дополнений; HiDPI-пиктограммы и проч.

  • О новых возможностях

    Почему нам следует двигать веб вперёд? И куда именно? Хотим ли мы, чтобы веб оказался там, куда мы его двигаем?

    Машина инноваций на полной скорости мчится в ошибочном направлении. Нам нужен перерыв.

    Peter-Paul Koch
  • Firefox 39 (+)

    Новый Firefox 39 несколько задержался, но получился довольно интересным:

    • поддержка строк в качестве значения CSS-свойства list-style-type;
    • механизм CSS Scroll Snap Points для управления шагом прокрутки заданных блоков;
    • обновлённый механизм совместного каскадирования CSS-переходов и анимаций;
    • поддержка шрифтов в формате WOFF2 включена по умолчанию;
    • поддержка свойств offsetX и offsetY JS-объекта MouseEvent для определения положения указателя мыши относительно границ элемента;
    • предопределённые кривые CSS-анимаций в инструментах разработки и проч.
  • Удаляем пустую строку запроса из URL (+)

    Порой в конце URL-адреса содержится нежелательный вопросительный знак. Это происходит, например, при использовании кнопок-ссылок в браузерах на основе движков WebKit (Safari) и Chromium/Blink (Opera 15+, Яндекс.Браузер, Vivaldi).

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

  • О циклических зависимостях в CSS

    Отражение сложности реализации в её пользовательском интерфейсе — общеизвестная ошибка.

    ВСЕ циклические зависимости можно обнаружить путём «отслеживания диаграммы зависимостей и использования известных алгоритмов обнаружения циклов». В худшем случае мы можем просто быть очень агрессивными в определении того, что от чего зависит, но это всё же гораздо лучше, чем полное отклонение возможностей, в которых ежедневно нуждаются тысячи авторов, под предлогом «но при бездумном применении это может приводить к циклам, и тогда мир будет уничтожен!!!11».

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

    Есть нечто крайне ошибочное в том, чтобы считать приемлемым компромиссом ситуацию, при которой тысячи (если не миллионы) авторов вынуждены делать дополнительную работу только для того, чтобы избавить от дополнительной работы небольшое количество разработчиков реализаций.

    Lea Verou (1, 2)
  • Firefox 38 (+)

    В новой версии современного веб-браузера Firefox 38 добавлена поддержка ряда новых возможностей:

    элемент PICTURE и атрибут srcset элементов IMG и SOURCE для вставки отзывчивых изображений; аннотации Ruby, полезные для японского и других восточно-азиатских языков; ряд CSS-свойств из черновика CSS Logical Properties (экспериментально); обновлённая реализация CSS Transitions; BroadcastChannel API; метод fetch() из Fetch API; Encrypted Media Extensions (EME) и проч.

  • Dell P2415Q. Авторский обзор 4K-монитора (+)

    Подробно о личных впечатлениях от современного компьютерного монитора Dell P2415Q на IPS-матрице с диагональю 23,8 дюйма (60,5 см) с разрешением 4K Ultra HD (3840×2160).

    Впечатляющая чёткость, полноценные 60 Гц без MST, отсутствие ШИМ, малозаметная инверсия кристаллов, сильнейший Glow-эффект и другие особенности.

  • Исправляем Copy Link Name в Firefox 39 (+)

    Полезное Firefox-расширение Copy Link Name, позволяющее скопировать текст какой-либо ссылки на веб-странице в буфер обмена, перестало работать в Firefox 39 (Aurora / Developer Edition).

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

  • Firefox 37 (+)

    Некоторые из интересных новшеств 37-й версии современного веб-браузера Firefox:

    поддержка CSS-свойства display: contents включена по умолчанию; поддержка многоколоночного вывода текста средствами CSS (column-*) для элементов с display: table-caption; поддержка абсолютного позиционирования ячеек (самих ячеек) таблиц; более полная поддержка атрибута rel="noreferrer" ссылок; частичная поддержка MSE API, достаточная для воспроизведения видео YouTube без использования Flash; прекращение разработки ParallelJS и проч.

  • Firefox 36 (+)

    Свежий выпуск Firefox приготовил нам поддержку HTTP/2, мета-элемента referrer, экспериментальную поддержку устройств виртуальной реальности и Web Animations API, а также россыпь CSS-возможностей, в том числе свойств object-fit, object-position, scroll-behavior, will-change, isolation, CSS-градиенты на основе цветов с заранее применённой прозрачностью и поддержку white-space для TEXTAREA.

  • Стандартный API разбора CSS-кода (+)

    Даниэль Глазман анонсировал начало работы над спецификацией программного интерфейса (API) для синтаксического разбора (парсинга) CSS-кода — CSS Parser and Tokenizer API.

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

  • Firefox 35 (+)

    В Старый Новый год встречаем Деда Мороза юбилейный Firefox 35, предлагающий ряд примечательных новшеств:

    CSS-фильтры; шрифты WOFF2; программные интерфейсы (API) CSS Font Loading и Resource Timing; прямое чтение/установка значений CSS-свойств в JS без нужды в переводе их имён в camelCase; JS-метод Element.closest() для поиска ближайшего родительского элемента, соответствующего селектору; обновлённый PDF.js и проч.

  • Семантическая HTML-разметка групп DT/DD (+)

    Порой требуется применить стили к каждой отдельно взятой группе элементов DT/DD как единому целому.

    Но заключение элементов DT и DD в обобщённый контейнер типа DIV запрещено спецификацией HTML: их родительским элементом синтаксически корректно («валидно») может быть только DL.

  • Ненужные CSS-префиксы (+)

    В рамках подхода «progressive enhancement» Роджер Йоханссон (456 Berea Street) предлагает отказаться от большинства префиксов для ряда некритичных возможностей CSS, поскольку большинство распространённых версий браузеров поддерживают стандартный синтаксис.

    Вкратце, свойства border-radius, box-shadow, background-origin, background-size и background-clip предлагается использовать без префикса, а для функции calc(), градиентов и переходов (transitions) — из префиксов ограничиться только -webkit-.

  • 4K-монитор Dell P2415Q (+)

    Dell P2415Q — новый 24-дюймовый монитор на основе матрицы IPS с разрешением Ultra HD 4K (3840×2160). Также доступна 27-дюймовая модификация — P2715Q.

    Официально монитор пока не анонсирован, но из PDF-руководства, уже доступного на официальном сайте Dell, можно почерпнуть достаточно подробную информацию о новинке.

    Потенциально наиболее интересным новшеством является долгожданная полноценная поддержка видеосигнала 3840×2160 при частоте обновления 60 Гц без необходимости задействовать многопоточный режим MST (Multi-Stream Transport), ранее приводивший к ряду проблем для пользователя.