#css #css3

Заметка о полезных возможностях современного CSS

Привет, друзья! В данной заметке я расскажу вам о некоторых полезных возможностях, предоставляемых современным CSS. Также мы немного поговорим о полезных "фичах", которые ждут нас в ближайшие 2 года. "Полезный" означает, что я либо часто использую фичу в своих проектах, либо с нетерпением жду такой возможности.

Рейтинг: 18

Читать

Полное руководство по React re-render и как его избегать.

https://www.developerway.com/posts/react-re-renders-guide

Как создать игру Tetris с помощью Three.js

Рейтинг: 31

Читать

Бесконечная прокрутка в вебе: полное руководство

https://evgeniiray.medium.com/infinite-scrolling-in-web-ultimate-guide-b698124b3172

Все, что разработчикам нужно знать о возможностях Figma.

https://www.smashingmagazine.com/2022/08/everything-developers-must-know-about-figma/

Несколько новых фич ES2022 и их использование.

https://medium.com/nonstopio/advanced-javascript-features-2fe8108ab4d3

Валидируем формы с PristineJS

https://blog.openreplay.com/html-form-validation-with-pristinejs

Делаем сброс пароля на NextJs с динамическим роутингом.

https://www.smashingmagazine.com/2022/08/implementing-reset-password-feature-nextjs-dynamic-routes/

Реализация оптимистичного параллелизма на стороне front end.

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

https://blog.bitsrc.io/handling-optimistic-concurrency-in-web-frontends-1ae7eb0e57a4

Объясняем преобразования типов в JavaScript

https://blog.openreplay.com/javascript-type-conversions-explained

#typescript #ts

Заметка о Mapped Types и других полезных возможностях современного TypeScript

Привет, друзья! Представляю вашему вниманию перевод 2 статей: Use TypeScript Mapped Types Like a Pro о связанных или сопоставленных типах (mapped types) TypeScript; 10 TypeScript features you might not be using yet or didn't understand о полезных возможностях современного TS.

Рейтинг: 20

Читать

Совет от Addy Osmani по ускоренной загрузке изображений.

https://addyosmani.com/blog/fetch-priority/

Как протестировать service worker?

Несколько примеров на Playwright, которые помогут вам разобраться.

https://jeffy.info/2022/08/25/testing-a-service-worker.html

Создаем Single Page Application с CSS переходами.

Используем GSAP для создания слайдинг эффекта.

https://blog.logrocket.com/single-page-applications-css-transitions/

Полное руководство по Vue 3 Composition API

https://blog.openreplay.com/an-ultimate-guide-to-the-vue-3-composition-api

Использование именованных областей для гридовой разметки.

https://css-tricks.com/using-grid-named-areas-to-visualize-and-reference-your-layout/

Мне всегда было интересно узнать, как устроены дата-центры в современных IT-компаниях. Думаю, вам тоже.

Авито в своём видео раскрывает карты и рассказывает, что хранят на серверах, что самое дорогое в дата-центре и как поддерживать работу серверов 24/7/365.

#tcp #ip

Почему ваш веб-сайт должен быть меньше 14 КБ

Чем меньше веб-сайт, тем быстрее он грузится, и это неудивительно. Удивительно то, что страница на 14 КБ может грузиться гораздо быстрее, чем страница на 15 КБ, даже на 612 мс быстрее, хотя разница между страницами на 15 КБ и 16 КБ минимальна. Так происходит из-за алгоритма медленного старта TCP. В этой статье я расскажу, что это такое, как оно работает и почему это важно. Но сначала мы вкратце расскажем об основах.

Рейтинг: 138

Читать

Креативные варианты стилизации списков

https://web.dev/creative-list-styling/

Разберемся, что такое K, T, V в TypeScript Generic.

https://medium.com/frontend-canteen/what-are-k-t-and-v-in-typescript-generics-9fabe1d0f0f3

Несколько подсказок по media query для тех, кто забывает синтаксис.

https://mediaquery.style/