#news
Подборка новостей и обновлений популярных инструментов/библиотек для фронтенд-разработчика:
— ECMAScript proposal: RegExp flag
— Примечания к выпуску Firefox 107.0
— Анонс Deno 1.28
— Анонс Angular 15
— Анонс стабильной версии Nuxt 3.0
— Анонс TypeScript 4.9
— Релиз Playwright 1.28
— Релиз Cypress 11.1
— Релиз NPKILL 0.10
— Релиз Derby 1.1
— Релиз Node.js 19.1.0
— Релиз tslog 4.3
— Релиз OverlayScrollbars 2.0
— Релиз <qr-code> 1.1
— Релиз FortuneSheet 0.9
— Релиз Happy DOM 7.7
— Релиз Capacitor 4.5
— Релиз vue-concurrency 4.0
— Релиз <relative-time> 3.4.1
— Релиз DOCX 7.7
— Релиз React95 4.0
Подборка новостей и обновлений популярных инструментов/библиотек для фронтенд-разработчика:
— ECMAScript proposal: RegExp flag
/v makes character classes and character class escapes more powerful— Примечания к выпуску Firefox 107.0
— Анонс Deno 1.28
— Анонс Angular 15
— Анонс стабильной версии Nuxt 3.0
— Анонс TypeScript 4.9
— Релиз Playwright 1.28
— Релиз Cypress 11.1
— Релиз NPKILL 0.10
— Релиз Derby 1.1
— Релиз Node.js 19.1.0
— Релиз tslog 4.3
— Релиз OverlayScrollbars 2.0
— Релиз <qr-code> 1.1
— Релиз FortuneSheet 0.9
— Релиз Happy DOM 7.7
— Релиз Capacitor 4.5
— Релиз vue-concurrency 4.0
— Релиз <relative-time> 3.4.1
— Релиз DOCX 7.7
— Релиз React95 4.0
2Ality
ECMAScript proposal: RegExp flag `/v` makes character classes and character class escapes more powerful
In this blog post, we look at the ECMAScript proposal “RegExp v flag with set notation + properties of strings” by Markus Scherer and Mathias Bynens.
«Библиотека программиста» находится в поиске авторов оригинальных статей
Языки:
– Python, JavaScript, TypeScript, SQL.
Тематики:
– Информационная безопасность, Data Science, базовые концепции языков, продвинутый Python, JS (и т. д), бэкенд веб-приложений, фронтенд-разработка, React, системное программирование, базы данных.
Объем:
– от 7 до 15 тыс. знаков.
➡️ Заполнить анкету ⬅️
Я хорошо программирую, но пишу «так себе». Что делать?
Если вы хорошо программируете, но навыки письма немного отстают, пройдите наш бесплатный курс на Степике «Статьи для IT: как объяснять и распространять значимые идеи».
Языки:
– Python, JavaScript, TypeScript, SQL.
Тематики:
– Информационная безопасность, Data Science, базовые концепции языков, продвинутый Python, JS (и т. д), бэкенд веб-приложений, фронтенд-разработка, React, системное программирование, базы данных.
Объем:
– от 7 до 15 тыс. знаков.
➡️ Заполнить анкету ⬅️
Я хорошо программирую, но пишу «так себе». Что делать?
Если вы хорошо программируете, но навыки письма немного отстают, пройдите наш бесплатный курс на Степике «Статьи для IT: как объяснять и распространять значимые идеи».
345. Safari TP, WebDX, OKLCH, TS 4.9, CSS-токены на типах, гриды…
Веб-стандарты
🎙️Подкаст «Веб-стандарты»: Юля Миоцен и Никита Дубко про Safari TP, группу WebDX, OKLCH в CSS, TypeScript 4.9, CSS-токены на типах, гриды и шейпы, where или is и про трюк с has.
00:01:08 Safari TP 158
00:10:31 Группа WebDX
00:19:54 OKLCH в CSS
00:33:11 TypeScript 4.9
00:45:40 CSS-токены на типах
00:56:03 Гриды и шейпы
01:04:17 Where или is
01:10:13 Трюк с has
Слушайте на Ютубе: https://youtu.be/jfbqsfmjPRw
Ссылки на сайте: https://web-standards.ru/podcast/345
00:01:08 Safari TP 158
00:10:31 Группа WebDX
00:19:54 OKLCH в CSS
00:33:11 TypeScript 4.9
00:45:40 CSS-токены на типах
00:56:03 Гриды и шейпы
01:04:17 Where или is
01:10:13 Трюк с has
Слушайте на Ютубе: https://youtu.be/jfbqsfmjPRw
Ссылки на сайте: https://web-standards.ru/podcast/345
Оптимизация анимаций на CSS
Creative фронтенд-разработчик в Red Collar рассказывает, как улучшить производительность страницы путём выноса элементов на композитные слои, какие CSS-свойства для этого использовать и как делать это разумно.
Читать
Creative фронтенд-разработчик в Red Collar рассказывает, как улучшить производительность страницы путём выноса элементов на композитные слои, какие CSS-свойства для этого использовать и как делать это разумно.
Читать
Хабр
Чёрная магия трансформов, или об оптимизации анимаций на CSS
Иногда Frontend-разработчики сталкиваются с тем, что для оптимизации производительности нужно написать волшебное свойство translateZ(0) или will-change. Тогда анимации перестанут зависать, ничего не...
Please open Telegram to view this post
VIEW IN TELEGRAM
GitHub
GitHub - lucide-icons/lucide: Beautiful & consistent icon toolkit made by the community. Open-source project and a fork of Feather…
Beautiful & consistent icon toolkit made by the community. Open-source project and a fork of Feather Icons. - lucide-icons/lucide
📜 15 лучших практик SQL после 20 лет программирования
Даже если ваш SQL-код работает правильно, его все равно можно улучшить, в частности в том, что касается производительности и читаемости. В статье перечислены лучшие практики составления SQL-запросов, которым вы должны следовать, чтобы сделать ваш код более легким для чтения и понимания.
🔗 Основной сайт
🔗 Зеркало
Даже если ваш SQL-код работает правильно, его все равно можно улучшить, в частности в том, что касается производительности и читаемости. В статье перечислены лучшие практики составления SQL-запросов, которым вы должны следовать, чтобы сделать ваш код более легким для чтения и понимания.
🔗 Основной сайт
🔗 Зеркало
В CSS более пятисот свойств — и хоть не обязательно знать их все, многие считают, что CSS становится слишком много. Что думаете по этому поводу?
🤔 Статья по теме
Please open Telegram to view this post
VIEW IN TELEGRAM
CSS-Tricks
Is There Too Much CSS Now? | CSS-Tricks
As front-end developers, we've wished for a lot of things over the years — ways to center things in CSS, encapsulate styles, set an element’s aspect ratio,
Please open Telegram to view this post
VIEW IN TELEGRAM
Jack Hacks
Chrome Browser Exploitation, Part 1: Introduction to V8 and JavaScript Internals
Web browsers, our extensive gateway to the internet. Browsers today play a vital role in modern organizations as more and more software applications are delivered to users via a web browser in the form of web applications. Pretty much everything you might…
346. Firefox, таблицы, шум на CSS, State of JS, npm, IWA, флексы…
Веб-стандарты
🎙️Подкаст «Веб-стандарты»: Никита Дубко, Юля Миоцен, Андрей Мелихов, Вадим Макеев про Firefox, таблицы, шум на CSS, State of JS, npm, IWA, флексы, доступность, двух волков и инпут.
00:01:24 Firefox Nightly
00:09:16 Смешные таблицы
00:17:38 Шум на CSS
00:28:17 State of JS
00:34:57 Npm-пакеты
00:40:28 Isolated Web Apps
00:56:49 Картинки, флексы и CSS
01:07:03 Доступность с клавиатуры
01:16:10 Два волка и инпут
🔗 Слушать на Ютубе
🔗 Ссылки на сайте
00:01:24 Firefox Nightly
00:09:16 Смешные таблицы
00:17:38 Шум на CSS
00:28:17 State of JS
00:34:57 Npm-пакеты
00:40:28 Isolated Web Apps
00:56:49 Картинки, флексы и CSS
01:07:03 Доступность с клавиатуры
01:16:10 Два волка и инпут
🔗 Слушать на Ютубе
🔗 Ссылки на сайте
Не так давно вышел большой релиз Deno, который включил первоклассную поддержку npm-пакетов.
Теперь стало намного проще использовать Deno для создания, скажем, приложений React, Express или Vue. Разбираемся, что к чему. 🔽
Читать
Теперь стало намного проще использовать Deno для создания, скажем, приложений React, Express или Vue. Разбираемся, что к чему. 🔽
Читать
Deno Blog
Build Apps in Deno with Frameworks such as React, Vue, Express, and more.
Getting started with web frameworks in npm and Deno.
🔗 Часть 1: HTML и CSS
🔗 Часть 2: JavaScript
Please open Telegram to view this post
VIEW IN TELEGRAM
Smashing Magazine
A Guide To Keyboard Accessibility: HTML And CSS (Part 1) — Smashing Magazine
In this article, Cristian Diaz covers how to use HTML and CSS to create an accessible experience for keyboard users while mentioning what WCAG criteria we should keep into consideration.
Владислав Коротун, ведущий фронтенд-разработчик в HeadHunter, рассказывает об использовании TypeScript в проектах.
Читать
Читать
Хабр
Typescript в hh.ru
Привет! Меня зовут Владислав Коротун, я — ведущий фронтенд-разработчик в одной из продуктовых команд hh.ru . Сегодня я расскажу о том, как мы затащили TypeScript в наши проекты. Мир Дикого...
🎨 Gradient Border за 3 простых шага: тред от reactive_dude.
🔗 Читать в Твиттере
🔗 Читать в Thread Reader App (если Твиттер не открывается)
🔗 Читать в Твиттере
🔗 Читать в Thread Reader App (если Твиттер не открывается)
#хочу_спросить
Задавайте любые вопросы о программировании и получайте ответы от пользователей. В комментариях под постом укажите #язык, #стек и/или #библиотеку, по которым задаете вопрос.
Задавайте любые вопросы о программировании и получайте ответы от пользователей. В комментариях под постом укажите #язык, #стек и/или #библиотеку, по которым задаете вопрос.
347. Safari, Firefox, Chrome, HTML/CSS/JS-календари, инструменты…
Веб-стандарты
🎙️Подкаст «Веб-стандарты»: Никита Дубко, Юля Миоцен, Вадим Макеев про Safari, Firefox и Chrome, HTML/CSS/JS-календари, ускорение инструментов, CSS-фильтры, маски и цвета в CSS.
00:01:24 Safari TP 159
00:12:20 Firefox 107
00:21:34 Chrome 108
00:34:00 Бета Chrome 109
00:41:07 CSS- и JS-календари
00:45:51 HTML-календарь
00:53:35 Ускорение инструментов
01:04:24 CSS-фильтры и маски
01:13:56 Цвета в CSS
🔗 Слушать на Ютубе
🔗 Ссылки на сайте
00:01:24 Safari TP 159
00:12:20 Firefox 107
00:21:34 Chrome 108
00:34:00 Бета Chrome 109
00:41:07 CSS- и JS-календари
00:45:51 HTML-календарь
00:53:35 Ускорение инструментов
01:04:24 CSS-фильтры и маски
01:13:56 Цвета в CSS
🔗 Слушать на Ютубе
🔗 Ссылки на сайте
NuxtJS получил тройку, потерял JS и меняет фронтенд: быстрый взгляд на последнее обновление популярного фреймворка для построения фронтенд-приложений на Vue 3 с авторскими комментариями.
Читать
Читать
Хабр
NuxtJS получил тройку, потерял JS и меняет фронтенд
17 ноября вышла стабильная версия Nuxt 3.0 ( теперь без JS ) - популярного фреймворка для построения фронтенд-приложений на Vue 3. Поэтому публикую тут самые важные, на мой взгляд, новые фичи +...