Импорт и экспорт базы данных через консоль

Мне часто приходится работать с базами данных. Нет, я не профессиональный архитектор БД, а обычный веб-разработчик. Не всегда есть возможность делать это через phpMyAdmin. Чаще всего имеется только ssh. Или же дамп настолько велик что через phpMyAdmin невозможно загрузить. Ниже 2 жизненно важных команды для работы с MySQL.

Создать дамп базы данных:
mysqldump -u USER -p PASSWORD db_name > /path/to/file/dump.sql

Импортировать базу данных из дампа:
mysql -u USER -p PASSWORD db_name < /path/to/file/dump.sql

Долгая жизнь 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.

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

VSCode и Brackets. Первое впечатление

3 года плотно сидел на Brackets. Еле соскочил.

Пока скачивал Visual Studio Code вспоминал какие расширения мне понадобятся. Установив, с удивлением обнаружил — все что мне нужно уже присутствует из коробки:

  • темная тема с не выжигающими глаза цветами;
  • git;
  • emmet;
  • beautify;
  • html, css hints
  • иконки у файлов.

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

По первому впечатлению, VSCode работает чуть быстрее Brackets. Одна бабка сказала, что Atom также проигрывает по быстродействию.

Что было до Brackets?

Notepad++, которым пользуюсь как обычным блокнотом. Почему ушел? Завлекла встроенная фича Adobe Extract, позволяющая превращать слои psd-макета в куски кода и экспортировать ресурсы. На практике проще было руками выполнить сведение нужных слоев и делать экспорт.

где vscode? тут

Доверяй, но проверяй

Сейчас читаю довольно занимательную книгу Дэвида Макфарланда «Большая книга CSS3» (3-е издание, 2014 г). Естественно, с большинством материала знаком не понаслышке. Понятно что целевая аудитория книги — это новички в верстке. Однако мне она помогает систематизировать знания о CSS.

Один из фрагментов книги меня смутил. Скрин ниже:

Буквально месяц назад в рабочем проекте столкнулся с названием класса, начинающегося со знака нижнего подчеркивания _ (бэкендер постарался 😂). И селектор работал. Оказалось, что и со знака минуса может начинаться название. Только цифры, увы, в пролете.

Возможно, в 2014 году W3C-спецификация и, правда, запрещала так именовать классы. А, может быть, ошибочка вышла у автора.

Тем не менее, с тех пор читаю книгу более внимательно 😀.

Hello, world!

Несколько фактов об авторе блога:

  • Родился в эпоху СССР.
  • Свою первую страницу сверстал в 2003 г.
  • Выпал из современной веб-разработки на несколько лет, занявшись чем-то доселе непонятным ему. И это не закладки.
  • Сознательно вернулся в 2016 г. и ужаснулся от зоопарка фреймворков и новых технологий.
  • Сейчас вполне сносно верстает и немного программирует на JavaScript (читай: «пишет лапшекод на ванили и jQuery»).
  • Зачем-то пишет о себе в третьем лице 🙄 .

На этом блоге я буду писать о разработке сайтов. Немного об IT в целом. Фрустрировать. Рассказывать об интересных скриптах и библиотеках. Постить линки на полезные ресурсы. Чтобы самому о них не забыть, конечно же 🤭.

Не обещаю писать часто, но содержательно. Максимум полезной инфы, минимум воды и эмоджи 🤞🤝 . Точно не будет постов типа «11 лучших редакторов для веб-разработчика», «Что такое doctype», «Как вставить jQuery на страницу», «ReactJS/AngularJS/etc для начинающих». Все это гуглится за 3 секунды. Гораздо важнее, я считаю, поделиться личным опытом использования какой-либо технологии, раскрыть нюансы, о которых не пишут в книгах.

Let’s go.