CSS | Сервис для локального подключения Google Fonts

Этот сервис может быть удобен, если вы хотите напрямую загрузить все файлы .eot, .woff, .woff2, .noscript, .ttf из Google Fonts. Кроме того, он обеспечивает настройку кодировки и генерирует CSS стили для подключения, поэтому подготовка шрифтов для локального хранения станет легкой задачей.

Laravel Valet

Laravel Valet - это минималистичное окружение для PHP-разработки на MacOS.

Под капотом использует PHP, Nginx и DnsMasq. Никаких виртуальный машин, никаких правок /etc/hosts. Valet проксирует все запросы к домену .test в папку на локальной машине с названием домена.

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

CSS | Цифровые часы на чистом CSS

Отличный пример работы с псевдоэлементами и css-анимацией, принцип работы подробно расписан в комментариях css файла.

str_replace

str_replace - функция php для замены подстроки в строке.

В качестве параметров может принимать как отдельные строки так и массивы.

Если в качестве первого и второго параметра переданны массивы, то подстроки соответствующие элементам первого массива будут заменены подстроками из второго массива соответственно. Если в первом массиве больше элементов, чем во втором, то остальные подстроки будут заменены пустыми строками.

Если в качестве третьего аргумента передан массив, то замена будет произведена во всех строках, и результатом функции также будет массив.

JS | Используем консоль браузера по максимуму

Консольная панель в DevTools вашего любимого браузера может быть очень мощным союзником при устранении неполадок в веб-приложении. Регистрируйте данные, отправляйте запросы, манипулируйте элементами DOM, консоль может все это делать!

Есть так много способов получить интересную информацию из консоли, но многие используют лишь некоторые из них.

CSS | Очень подробная документация по гридам

Этот учебник предназначен для ознакомления с функциями CSS-grid. Он лучше всего подходит для тех, кто только начинает работать с сеткой CSS, но хочет знать обо всем объеме функций, лежащих в основе CSS-grid.

JS | eruda - консоль для мобильных браузеров

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

CSS | simplecss, не сбрасываем стили, а нормализуем их

Simple.css - это бесклассовый CSS-фреймворк, который позволяет очень быстро создавать красивый веб-сайт.

Под бесклассовым подразумевается, что в разметка не требует добавления классов элементам. Таким образом, ваш сайт может выглядеть именно так, используя старый добрый ванильный HTML.

Simple.css сразу включает в себя следующее:
- Набор локальных шрифтов без засечек.
- Стилизация типографики.
- Автоматическое переключение в dark-mode.
- Полностью отзывчивый.
- Значения по умолчанию, которые стилизуют стандартные элементы HTML.
- Супер легкий - размером менее 4 КБ.

JS | TypeScript - javanoscript по взрослому

TypeScript — это типизированный расширенный набор JavaScript, который компилируется в простой JavaScript. Как аналогия, если бы JavaScript был CSS, тогда TypeScript был бы SCSS.

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

Благодаря статической типизации используемая IDE сможет лучше понять код, это дает возможность предоставлять такие функции, как завершение кода и безопасный рефакторинг.

TypeScript также позволяет использовать все последние функции JavaScript в коде, не беспокоясь о поддержке браузера. После написания кода он компилируется его в нативный JavaScript, поддерживаемый всеми браузерами.

Многие популярные фреймворки, такие как Angular и Ionic, используют TypeScript.Если вы решите использовать какую-либо инфраструктуру в будущем, изучение TypeScript сейчас является хорошей идеей.

mbstring

Когда вы работаете с многобайтовыми строками, необходимо использовать специальные функции, так как в таких кодировках два или более последовательных байта могут задавать один символ

mbstring - это модуль php, предоставляющий функции для работы со строками в многобайтовых кодировках, например UTF-8.

JS | Ajax, Fetch и Promises, как получить данные с сервера

Подробная статья с теорией и практические примеры для извлечения данных с сервера и использования их для обновления содержимого веб-страницы с помощью XMLHttpRequest или Fetch.

Slim Framework

Slim framework - это микрофреймворк для разработки простых приложений и API на PHP.

По сути, Slim - это диспетчер, принимающий запрос, вызывающий соответствующий callback и возвращающий ответ.

CSS | Псевдоэлементы для подсветки текста

Псевдоэлементы выделения представляют собой части документа, которым присвоен определенный статус, и обычно имеют другой стиль, чтобы указать этот статус пользователю. Например, выбранные части документа обычно выделяются (заданы альтернативные цвета фона и переднего плана или цветовая размывка), чтобы указать их выбранный статус.

::selection: выделенный текст
::target-text: represents text directly targetted by the document URL’s fragment
::spelling-error: содержимое, которое было помечено user-agent как ошибочное
::grammar-error: содержимое, которое было помечено user-agent как грамматически не верное

Последние два псевдоэлемента еще не поддерживаются браузерами.

Эти псевдоэлементы могут принимать свойства:
- color
- background-color
- cursor
- caret-color
- outline
- text-decoration
- text-emphasis-color
- text-shadow