Долгая жизнь Netscape Navigator

Первая версия Netscape Navigator вышла в 1994 году, поддержка последней версии закончилась в 2008. Мне казалось, что сей браузер закончил сопротивляться после полной победы Internet Explorer’a в начале нулевых. Просто напросто, Netscape Navigator сошел с повестки дня и о нем все забыли. Удивительно, что он продержался до 2008 года.

Нетскейпом я пользовался в Mandrake Linux, альтернативной ОС. Проект тоже, увы, закрыт. О нем остались теплые воспоминания, как о первом Linux-дистрибутиве в моей IT-жизни. Собственно, Konqueror и Web от GNOME по какой-то причине не особо понравились. Может, по неймингу? Konqueror — язык сломается выговорить, а Web — слишком очевидно. Название Netscape было еще на слуху, поэтому и выбор пал на него.

P.S. Пока писал пост, нахлынули воспоминания об Opera. О том, как этот браузер был платным, потом со встроенными баннерами. В 2019 году сложно это представить, да? Пару лет Opera была моим браузером по дефолту. Изрядно доставляли прикольные фичи: чтение RSS-лент, Opera Turbo и гибкое управление загружаемыми ресурсов. Диалап — наше всё! По-моему, юзеры из СНГ составляли львиную долю пользовательской базы 😂.

Почему иконочные шрифты больше не нужны

Когда-то я был адептом глифов: тянул иконочные шрифты в личные проекты; в рабочих — заменял дизайнерские иконки на глифы. Однажды дизайнер дал мне по щам и я перестал их использовать я стал замечать что иконочный шрифт не везде загружается. В частности, на слабых смартфонах через раз работает.

И тогда я задумался: стоит ли тащить в проект сотни килобайт файлов, если на деле используется не больше 4-5 иконок? Не проще ли перейти на SVG-иконки? Ведь они стилизуются и анимируются, как и глифы. И весят не в пример меньше. Работают во всех современных браузерах и даже в IE 9.

Окончательный итог: SVG 1:0 иконочные шрифты.

О media queries в двух словах

На практике используются только два значения директивы @media: min-width и max-width.

  • min-width — для перехода от мобильной к десктопной версии (mobile first подход);
  • max-width — наоборот, от десктопной версии к мобильной.

Международная нотация БЭМ

Я привык к официальной нотации БЭМ, в которой модификатор указывается так:

<div class="block__element_modificator"></div>

Однако частенько встречал иную нотацию:

<div class="block__element--modificator"></div>

Оказалось, в англоязычной среде для модификатора принято использовать два минуса. Собственно, эта статья стала одной из точек входа БЭМа в англоязычный сегмент.

Неумолимое усложнение веба

В начале нулевых большинство дизайнов выглядело примерно так:

Дизайн, в основном, состоял из умелого комбинирования текста. Графики было минимум из-за низкоскоростного соединения. Диалап, все дела. Я сейчас говорю исключительно про рунет. Ибо ADSL вошел в обиход у жителей США уже в 2000 году (45% пользователей). Тогда не было разделения на фронтенд и бэкенд разработчиков. Сайты делали вебмастеры или программисты.

JavaScript в то время находился во младенческом состоянии и использовался для украшения сайта разными спецэффектами: падающий снег, приветствие пользователя в диалоговом окне, отображение текущего времени. jQuery произвел настоящую революцию в вебе. К сожалению, я не застал ее, так как в тот период несколько отдалился от разработки. Я познакомился с jQuery, когда библиотека уже стала устаревать, а одноименные библиотеки UI и mobile вовсе были похоронены (2016, 2014 годы).

Итак, ближе к теме. Двадцать лет назад для создания сайта нужно было уметь немногое: HTML и CSS. PHP или Perl на бэке. Сейчас же только HTML5 включает в себя поддержку кучи технологий: SVG, canvas, локальное хранение данных (LocalStorage, IndexedDB) и т.п. JavaScript заматерел и стал неким ассемблером для веба. В CSS появились кастомные свойства, функции (!), возможности крутых анимаций. Кроме того, корневые технологии обзавелись синтаксическим сахаром:

  • Pug, HAML для HTML;
  • CoffeeScript для JS;
  • LESS, SCSS, Stylus для CSS.

А фреймворков и библиотек, как собак нерезаных! Я уверен что еще через пару десятков лет появится еще больше технологий для фронтенда, которые вроде как упрощают жизнь разрабов, но на самом деле… 🤔😂