PHP | Вывод значения переменной

Обычно для вывода переменных во время дебага пользуются функциями echo, var_dump или print_r.
У каждой из этих функций есть как свои плюсы, так и свои минусы. Например, echo не сможет вывести содержимое массива, а вывод var_dump или print_r может оказаться громоздким.

Довольно большое количество времени я пользуюсь самописной функцией на основе json_encode:

function vi ($o) {
  echo(''.json_encode($o, JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE).'');
}

SQL | Подсчёт определённых символов в строке

Казалось бы, очень простая задача. Однако в SQL нет специального метода для подсчёта вхождений символа в строку.
Зато есть метод LENGTH, с помощью которого можно узнать длину строки.

Следовательно, для выполнения исходной задачи нам нужно:
1. Получить длину исходной строки
2. Заменить в исходной строке искомые символы на пустоту ('')
3. Вычесть из длины исходной строки длину полученной строки
SELECT (LENGTH('1 2 3 4 5 6') - LENGTH(REPLACE('1 2 3 4 5 6', ' ', ''))) AS symb_count
Это и будет количеством вхождений нужного нам символа в строку.

Node.js | console.table

С помощью console.table(tabularData[, properties]) можно красиво выводить таблицы в консоль. Первым аргументом необходимо подать массив или объект, а вторым при желании можно подать массив столбцов, что будут выведены в таблице.

Пример
console.table([{ a: 1, b: 'Y' }, { a: 'Z', b: 2 }], ['a'])
Результат

┌─────────┬─────┐
│ (index) │  a  │
├─────────┼─────┤
│    0    │  1  │
│    1    │ 'Z' │
└─────────┴─────┘

CSS | Width: auto

Когда мы зададим блочному элементу width:100%, он растянется на всю ширину родительского блока, и не забывайте, что у блочных элементов присутствуют еще margin, padding и border. Поэтому, если они > 0, то элемент выйдет за пределы родительского блока.

А вот если задать width:auto, наш блочный элемент поместится внутри родительского элемента, даже если в нем присутствуют margin, padding и border

Потренируйтесь с классом .item в примере ниже на CodePen, меняя свойство width

HTML | Emoji

HTML5 поддерживает множество emoji, если установить кодировку символов документа в UTF-8

<meta charset="UTF-8">

Так же Emoji доступны из CSS и JS

h1::before {
content: "🍔";
}

h1::before {
content: "\01F354";
}

document.body.innerText = "😀";
document.body.innerText = String.fromCodePoint(0x1F354);

HTML | fieldset

Элемент <fieldset>...</fieldset> предназначен для группировки элементов, связанных друг с другом, разделяя таким образом форму на логические фрагменты.

Каждой группе элементов можно присвоить название с помощью элемента <legend>, который идет сразу за тегом <fieldset>.

<form>
<fieldset>
<legend>Контактная информация</legend>
<p>
<label for="name">Имя <em>*</em>
</label>
<input type="text" id="name">
</p>
<p>
<label for="email">E-mail</label>
<input type="email" id="email">
</p>
</fieldset>
<p><input type="submit" value="Отправить"></p>
</form>

PHP | Взаимодействие с FTP

С помощью PHP можно закачивать и скачивать файлы с FTP сервера.
Для начала необходимо подключиться к серверу и авторизоваться:

$conn = ftp_connect('localhost');
$auth_result = ftp_login($conn, 'username', 'password');

Теперь можно скачать с сервера файл с помощью ftp_get() и загрузить на сервер с помощью ftp_put():

ftp_get($conn, 'путь_к_локальному_файлу', 'путь_к_файла_на_сервере', FTP_BINARY);
ftp_put($conn, 'путь_к_файла_на_сервере', 'путь_к_локальному_файлу', FTP_BINARY);

Важно не забыть закрыть соединение:
ftp_close($conn);

CSS | Initial letter

Это свойство CSS, которое выбирает первую букву элемента и определяет количество строк, которые будет занимать эта буква.

.subhead::first-letter {
initial-letter: 2;
color: orange;
font-weight: bold;
margin-right: .75em;
}

React | Mapbox

Mapbox GL JS - отличная библиотека для создания современных веб-карт. Разработан на основе WebGL и полностью открытый исходный код. Бесплатно до тех пор, пока не будет превышен определенный уровень трафика;