Frontender Libs - обзор библиотек JS / CSS

PHP | Php Inspections (EA Extended) Если Вы используете PhpStorm, то наверняка пользуетесь различными инспекциями, которые позволяют держать Ваш код в порядке. Php Inspections (EA Extended) - плагин для PhpStorm, который добавляет еще инспекций.

Более 8 лет автор канала занимается разработкой IT решений для бизнеса. Он создает проекты для разных отраслей экономики: государство, авиация, строительство, электронная коммерция, рынок фриланса, стартапы и инновации. Эксперт в разработке IT решений делится опытом в канале @iTechBiz. Михаил записывает подкаст-обзоры инструментов для бизнеса, а также рассказывает о современных технологиях на простом и понятном языке

CSS директивы @supports и CSS.supports (JavaScript) помогут разработчикам определять справится ли браузер пользователя с CSS свойством или нет. Синтаксис директивы @supports такой же, как и у @media запросов:

@supports(prop:value) {
  /* стили */
}

Простая проверка свойства

@supports (display: flex) {
  div { display: flex; }
}

Ключевое слово not @supports в паре со словом not осуществляет проверку на отсутствие поддержки какого-либо свойства:

@supports not (display: flex) {
    div { float: left; } /* задан альтернативный стиль */
}

Больше примеров использования и подробности в статье.

PHP | PHPOffice PHPOffice - набор пакетов для работы с различными офисными документами. PHPWord - для текстовых документов в форматах doc, docx, otf, rtf PhpSpreadsheet - для электронных таблиц xls ,xlsx, ods PHPPresentation - для презентаций pptx, odp Данные библиотеки позволяют как читать, так и создавать файлы в указанным форматах.

Онлайн-бакалавриат — современный формат высшего образования. РАНХиГС и Skillbox приглашают абитуриентов поступить на востребованную специальность веб-разработчика. Всё как в классических вузах: семинары, сессия, студенческие льготы и отсрочка от армии, только все занятия и экзамены — онлайн. Формат и учебную программу разработали специально под запросы рынка. Освой программирование и вёрстку, изучи веб- и UX-дизайн, разрабатывай сайты и приложения. С 3-го курса можешь получить второй диплом Университета Гренобль Альпы (Франция). После подачи документов поступишь сразу на 2-й курс факультета экономики французского вуза, и после выпуска будешь иметь 2 диплома. Поступление: → ЕГЭ — для всех абитуриентов. Проходной балл суммируется по всем предметам: математика, русский язык и на выбор — английский язык, физика или информатика и ИКТ. → Тестирование — для абитуриентов с высшим и среднеспециальным образованием. Тест проходит дистанционно, расписание можно посмотреть на сайте РАНХиГС или узнать у менеджера на консультации. Хочешь получить больше информации? Переходи по ссылке: https://clc.am/JJ3Zfg

JS | Встроенные связанные слайдеры Слайдер, который можно перелистывать колесиком мыши довольно удобен, пока не возникает необходимость добавить в него еще один слайдер, в примере показа реализация встроенных слайдеров с использованием swiper.

PHP | preg_replace preg_replace - встроенная в php функция, которая заменяет символы, попадающие под регулярное выражение, на указанную строку. С помощью нее можно, например, удалять все пробельные символы из строки или очищать номер телефона от форматирования.

HTML | Адаптивные изображения для всех В современном вебе использовать неадаптивные изображения - моветон. Тег picture, атрибуты sizes и srcset у тега img позволяют гибко решать эту проблему. В статье на примерах наглядно объясняются принципы создания респонсивных изображений. Если особой гибкости не требуется, то как минимум нужно указывать дополнительное изображение для ретины:

<src="/path/to/img.jpg" srcset="/path/to/img@2x.jpg 2x">

Оффер от Яндекса за 1 день 13 марта Яндекс проведёт One Day Offer — онлайн-встречу для фронтенд-разработчиков, на которой можно получить оффер за один день. Утром участники смогут пройти две секции с кодом, а уже вечером получить предложение о работе. Подробнее

CSS | Привет, Глассморфизм Глассморфизм это эффект когда светлая или темная полупрозрачная поверхность размывает блоки под собой, правильное использование эффекта стекла поможет избежать тяжелых элементов в интерфейсе и его захламление. Этого эффекта можно легко добиться с помощью css используя backdrop-filter.

JS | Деструктуризация объектов Деструктурирующее присваивание – это специальный синтаксис, который позволяет нам «распаковать» массивы или объекты в кучу переменных, так как иногда они более удобны. Деструктуризация массива

let arr = ["Ilya", "Kantor"]

// деструктурирующее присваивание 
// записывает firstName=arr[0], surname=arr[1] 
let [firstName, surname] = arr;

console.log(firstName); // Ilya
console.log(surname); // Kantor

Деструктуризация объекта

let options = {
  title: "Menu",
  width: 100,
  height: 200
};

let {title, width, height} = options;

console.log(title); // Menu
console.log(width); // 100
console.log(height); // 200

Более сложные примеры разобраны в документации.