Today we're going to learn CSS Grid properties so that you can make your own responsive websites. I'll explain how each of Grid's properties work along with a CheatSheet that covers everything you can do with Grid. Let's go. 🎖️ Table of Contents: CSS Grid Architecture CSS Grid Chart Grid Parent

People hate maintaining CSS for lots of reasons, but figuring out if it's safe to delete old styles is a vexing problem without any great solutions. Here's one way to do it by using, of all things, …

A little while back, Chris shared this nice hexagonal grid. And true to its name, it’s using —wait for it — CSS Grid to form that layout. It’s a neat

Whether you write plain old HTML, HTML templating or JSX, are you using the right HTML tags? A guide to semantic HTML: what it is, why it’s so important, and how to use it

Should you be using Redux in 2021? Isn't there a better alternative for your use case?

Ever got this “Aw! Snap” on your application? Tried to solve it? Did you just google it and find nothing but a “chrome issue” article…

A practical introduction to the CSS Paint API with hands-on code examples including particles, noise buttons and curvy dividers.

Explore why using object spread with .reduce() can sometimes significantly affect the performance of your JavaScript apps and libraries.

How to use import(pathToModule) to dynamically import ECMAScript modules in JavaScript.

Building a faster website can be a rocket task these days. There are so many things to consider, so it’s challenging to get everything right. Here are some less-known tools that might help you get there.

React 18 Alpha is here there are many things that got added in react 18 as react 17 there really...

For so many React devs, styled-components seems kinda magical. It isn't at all clear how it uses traditional CSS features under-the-hood, and that lack of clarity can cause real problems when things go awry. In this post, we'll learn exactly how styled-components works by building our own mini-version.

Learn about the old and new way to style custom scrollbars in CSS.

In a new short series of posts, we highlight some of the useful tools and techniques for developers and designers. Recently we’ve covered HTML Emails and SVG Generators. This time we look into different kinds of tools to help you streamline your accessibility testing process. Don’t miss the next one.

There is no consensus on the right way to organize a React application. React gives you a lot of freedom, but with that freedom comes the…

Видео с онлайн-конференции React fwdays'21, которая прошла 23-30 марта 2021 года.

Описание дискуссии:
История и практика показывают, что очень многие технологии (не только в frontend-e), проживают свой пик хайпа, выходят на плато продуктивности и дальше становятся де-факто решением для чего-то конкретного, для чего они были первоначально созданы. И как только одно поколение разработчиков сменяется новым, никто не знает, почему это решение сначала появилось и стоит освежить в памяти: "Зачем нам это?", "Может ли проблема, которую этот продукт решал в самом начале, уже не существует? "

И через 7 лет реа возникает вопрос: "Нужен ли он сейчас?", "Зачем мы на него" садились"?", "Возможно новое поколение справится уже без него? "

Участники дискуссии:
- Александр Соловьев (Kasta)
- Егор Львовский (GitHub / Microsoft)
- Роман Лютиков (Pitch)

Страница дискуссии:
https://fwdays.com/event/react-fwdays-2021/review/react-to-be-or-not-to-be

Больше докладов и видео по теме конференции:
https://fwdays.com/event/react-fwdays…

Today we’re going to take a quick look at a few special CSS keywords you can use on any CSS property: inherit, initial, revert, and unset. Also, we will ask where and when to use them to the greatest effect,...

Here are the 10 services that provide free hosting for your React App.