Телеграмм чат группы frontend

222209:45пожаловаться #1

undefined vs. null

Большинство языков включают концепцию «non-value» (часто называемого null или nil), но в JavaScript есть два типа undefined и null. Доктор Аксель анализирует их различия, а также то, где и почему они используются.

https://2ality.com/2021/01/undefined-null-revisited.html

221913:30пожаловаться #2

2021 February 02

The importance of `@font-face` source order when used with preload

Важность исходного порядка @font-face при использовании предварительной загрузкой

https://nooshu.github.io/blog/2021/01/23/the-importance-of-font-face-source-order-when-used-with-preload/

nooshu.github.io

A small change in the ordering of your font sources in the `@font-face` rule can have a big impact on data and web performance, especially when used in conju...

213309:45пожаловаться #3

An Introduction to the Rollup.js JavaScript Bundler - SitePoint

Введение в JavaScript сборщик Rollup.js

https://www.sitepoint.com/rollup-javascript-bundler-introduction/

Sitepoint

Snowpack, webpack and Parcel bundle your JS but are hard to custom configure. Rollup.js is faster and more configurable. Learn how to set it up!

215513:30пожаловаться #4

2021 February 03

The Minimum Content Size In CSS Grid - Ahmad Shadeed

Минимальный размер содержимого в CSS Grid

https://ishadeed.com/article/min-content-size-css-grid/ #css

Ahmad Shadeed Blog

Walking through an issue I faced that is related to the minimum content size in CSS grid

217409:45пожаловаться #5

10 bad TypeScript habits to break this year

10 плохих TypeScript привычек, от которых стоит отказаться в этом году

https://startup-cto.net/10-bad-typescript-habits-to-break-this-year/

The Startup CTO

TypeScript and JavaScript have steadily evolved over the last years, and some of the habits we built over the last decades have become obsolete. Some might never have been meaningful. Here's a list of 10 habits that we all should break.

238413:30пожаловаться #6

2021 February 04

Базовый обзор того, как создать отзывчивую выдвигающуюся боковую навигацию

https://web.dev/building-a-sidenav-component/

231009:45пожаловаться #7

2021 February 05

How to design highly performant animations and micro-interactions - LogRocket Blog

Как разрабатывать высокоэффективные анимации и микровзаимодействия

https://blog.logrocket.com/how-to-design-highly-performant-animations-and-micro-interactions/

LogRocket Blog

In this post, you can learn how to design highly performant animations and micro-interactions to improve the UX of your site.

235709:45пожаловаться #8

2021 February 06

How to avoid layout shifts caused by web fonts

Как избежать сдвигов макета из-за веб-шрифтов

https://simonhearne.com/2021/layout-shifts-webfonts

Simon Hearne

One of the biggest causes of layout shifts for my clients is late-loading web fonts, let's look at how to optimise them!

223912:15пожаловаться #9

2021 February 07

Tao of React - Software Design, Architecture & Best Practices

Tao of React - дизайн, архитектура и лучшиее практики

https://alexkondov.com/tao-of-react/

Alexkondov

I’ve been working with React since 2016 and still there isn’t a single best practice when it comes to application structure and design. While there are best…

231612:16пожаловаться #10

2021 February 08

Новое CSS свойство aspect-ratio, поддерживается в Chromium, Safari Technology Preview и Firefox Nightly.

https://web.dev/aspect-ratio/

228009:45пожаловаться #11

Don't use functions as callbacks unless they're designed for it

Не используйте функции в качестве коллбеков, если они не предназначены для этого.

https://jakearchibald.com/2021/function-callback-risks/

Jakearchibald

…same goes for option objects.

245312:30пожаловаться #12

2021 February 09

Things You Can Do With CSS Today — Smashing Magazine

Что можно делать с CSS сегодня

https://www.smashingmagazine.com/2021/02/things-you-can-do-with-css-today/

Smashing Magazine

The present and future of CSS are very bright indeed and if you take a pragmatic, progressive approach to your CSS, then things will continue to get better and better on your projects, too.

229209:45пожаловаться #13

2021 February 10

How-to: Use the tabindex attribute - The A11Y Project

Как использовать tabindex атрибут

https://www.a11yproject.com/posts/2021-01-28-how-to-use-the-tabindex-attribute/

A11Yproject

<code>tabindex</code> is a global attribute that allows an HTML element to receive focus. It needs a value of zero or a negative number in order to work in an accessible way.

219409:46пожаловаться #14

Глубокое погружение в WebSockets
Понять важные атрибуты WebSockets, которые должен знать каждый разработчик.

https://blog.bitsrc.io/deep-dive-into-websockets-e6c4c7622423

Understand the important attributes of WebSockets that every developer should know

Deep Dive into WebSockets

240212:15пожаловаться #15

2021 February 11

Визуализированное введение во внутреннее устройство Git - объекты и ветви

https://medium.com/swimm/a-visualized-intro-to-git-internals-objects-and-branches-68df85864037

A Visualized Intro to Git Internals — Objects and Branches

Many of us use git on a daily basis. But how many of us know what goes on under the hood? For example, what happens when we use git commit…

230709:45пожаловаться #16

2021 February 12

Лучшие практики RxJS

https://blog.usejournal.com/rxjs-better-practice-b573a9dac874

RxJS is a real life savior when it comes to the complex data structured app, helps building data pipelines easy and elegant.
Like any…

RxJS Better Practice

232709:45пожаловаться #17

2021 February 13

Как оптимизировать карусели для повышения производительности и удобства использования

https://web.dev/carousel-best-practices/

213312:15пожаловаться #18

2021 February 14

This package allows users to jump to local IDE code directly from browser React component by just a simple click - zthxxx/react-dev-inspector

React Dev Inspector

Инструмент разработчика для проверки React компонентов и перехода к IDE для получения кода компонента https://github.com/zthxxx/react-dev-inspector

GitHub

zthxxx/react-dev-inspector

215515:43пожаловаться #19

2021 February 15

Удвойте скорость React разработки с помощью этого простого трюка

https://medium.com/javascript-in-plain-english/double-your-react-coding-speed-with-this-simple-trick-ca2e47d1bf97

Double Your React Coding Speed With This Simple Trick

We will look at a React component, that has been written by a developer like you, and step by step refactor it to the superior level.