CSS | Отзывчивые таблицы

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

Javanoscript - наш кормилец

Пошаговый план чтобы стать Фулстеком и получать от 80тр, прогая только на JS:

👉 Учим верстку и JS до продвинутого уровня

👉 Учим особенности Node.js

👉 Выбираем фреймворк (React / Angular / Vue)

👉 Пробегаемся по общими штукам (Git / Photoshop / Figma / Английский для IT)

💵 Трудоустраиваемся

Курс Fullstack-разработчик на JavaScript всё это включает, и пройти его можно со скидкой 60%

CSS | Anicons - шрифт с анимированными иконками

Anicons - это первый в мире цветной анимированный шрифт с иконками, основанный на Material Design Icons. Anicons - это эксперимент, в котором сочетаются две передовые технологии шрифтов: вариативные шрифты и цветные шрифты.

Инкременты и декременты

Операторы инкремента и декремента увеличивают и уменьшают значение переменной на единицу соответственно.

Разница между префиксными(++$var, --$var) и постфиксными($var++, $var--) инкрементами и декрементами в том, что первые сначала изменяют значение, потом возвращают, а вторые - наоборот.

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 сейчас является хорошей идеей.