Фронтенд-дайджест №484 (6 - 12 вересня 2021)
Медіа
- Подкаст "Зробіть мені красиво" №62 - Воїни Світла проти статей на Медіумі
- Подкаст "Callback Hell" від CSSSR: No-code/low-code, Yarn 2 і Yarn 3, HTTP/3
- «Новини 512» від CSSSR: Chrome 93, Firefox 92, TypeScript 4.4, чиста архітектура і SPA-гексагон, Deno на MDN, 30 років Linux
- Подкаст "Фронтенд Юність" #202: Пишіть на пітоні, зуби на бетоні
- Подкаст "Веб-стандарти" №298. Елемент model, Chrome 93, Can I Include App, нативний роутинг, анімація, дизайн-токени, RxJS
- Подкаст "Лінивий фронтендер" #13 | All around the Chromium: Данило Шашков ділиться досвідом розробки браузера на основі Chromium з боку фронтенда
Веб-розробка
-
5 веб-API, які додають мобільну функціональність в ваш проект
-
Інструменти
-
Продуктивність
-
Ефекти
CSS
- Забавні варіанти стилізації чекбоксів
- Повне керівництво по CSS Grid
- Чи можна нам кастомні медіа-запити, будь ласка?
- Історія TryShape, демонстрація властивості CSS clip-path
- Значення
bolder
в Firefox's є проблемою для варіативних шрифтів - Менше абсолютного позиціонування за допомогою сучасного CSS
- Pollen - натхненна TailwindCSS функціональна бібліотека CSS змінних для швидкого прототипування, консистентного стилю і бази для вашої дизайн-системи.
- Інтерактивне керівництво по Keyframe анімаціям
- Створення розділеної кнопки
- Приборкання звіра - CSS-in-JS
JavaScript
-
JavaScript: трохи про інтернаціоналізацію і локалізації веб-додатків
-
React
- Event Bubbling і Event Catching в JavaScript і React - керівництво для початківців
- Створюємо текстовий редактор на React.js
- Персональні хукі React: навіщо нам потрібен контекст
- Реакт Компоненти-дженерики
- Світ React в 2021 році
- Створюйте PDF-документи за допомогою React на сервері
- Створіть стрічку з нескінченної прокруткою, схожу на Instagram, за допомогою React Query
- Як і коли змусити компонент React зробити ререндер
-
Vue
-
Angular
-
Ember
-
Svelte
-
Libs & Plugins
- Dann.js - проста у використанні бібліотека для роботи з нейронними мережами в Javascript
- Htmlq - Як jq, але для HTML. Використовує селектори CSS для вилучення фрагментів вмісту з файлів HTML
- Replace-jquery - Автоматичний пошук методів jQuery в існуючих проектах і їх заміна на альтернативу на ванільному js
- ML5.JS - це як TensorFlow тільки без нижніх рівнів
- Ефект друкарської машинки для тексту за допомогою нового тега typewritten-text