Node.JS [ru] | Серверный JavaScript

CState - статическая статус-страница

Фишки:

Минимальное количество JavaScript
Полная кастомизация
Поддержка старых браузеров начиная с IE8+

#jslib #javascript #frontend #webdev #html #css

1.4K views17:16

Гибридное позиционирование с помощью CSS переменных и ф-ции max

#css #frontend #webdev

0:03

1.44K views10:30

Node.JS [ru] | Серверный JavaScript

6 возможностей CSS, которые позволяют обойтись без JavaScript

#css #frontend #webdev #jsarticle

Habr

6 мощных возможностей CSS, которые позволяют обойтись без JavaScript

В последнее время часто сравнивают CSS и JavaScript, споря о применении этих технологий для решения определённых задач. Споры становятся жарче по мере появления новых замечательных возможностей CSS,...

1.68K views18:19

👌 12 🤔👎 1

Открыть комментарии

Node.JS [ru] | Серверный JavaScript

Функция clamp() в CSS - более удобная альтернатива media queries

#jsarticle #css #frontend #webdev

DEV Community

Write Fewer Media Queries With the Clamp() CSS Function

Here's a neat little trick: You can use the clamp() CSS function to make font-size responsive and fl...

1.87K views12:54

👌 16 🤔👎

Node.JS [ru] | Серверный JavaScript

Объяснение ключевых слов "inherit", "initial", "unset" и "revert" в CSS

#jsarticle #css #frontend #webdev

Авторские и переводные статьи по фронтенду

Объяснение ключевых слов initial, inherit, unset и revert в CSS — Веб-стандарты

В CSS есть несколько ключевых слов для задания значений свойств. Я собираюсь поговорить о нескольких из них: initial, inherit и об относительно новых — unset и revert.

1.77K views06:51

👌 8 🤔 1 👎

Node.JS [ru] | Серверный JavaScript

Вышел Emotion 11

В новой версии CSS-in-JS библиотеки произошли следующие изменения:

- все пакеты были пеоеопубликованы под новую область – "@emotion". Для автоматической миграции со старых пакетов можно использовать codemod

@emotion/pkg-renaming

- ускорена сборка TypeScript проектов
- теперь тему можно объявить как интерфейс внутри модуля emotion
- Stylis (препроцессор и парсер для CSS, который используется в Emotion) был обновлён до 4 версии

#jsrelease #css #frontend #webdev #javascript #react

2.25K viewsedited 12:54

Node.JS [ru] | Серверный JavaScript

Текстовые градиенты в CSS

#css #frontend #webdev #jsarticle

2.66K views17:31

Node.JS [ru] | Серверный JavaScript

Ускорение CSS-in-JS в 175 раз

В статье описан процесс оптимизации стилей на Emotion путём его замены на Linaria, использованием data атрибутов и CSS переменных

#jsarticle #cssinjs #css #javascript #frontend #webdev #react

Medium

How to increase CSS-in-JS performance by 175x

I like the convenience of CSS-in-JS especially being able to co-locate styling but I’m not convinced on a few of things:

2.48K views19:14

Node.JS [ru] | Серверный JavaScript

Веб шрифты в 2021

#jsarticle #frontend #webdev #css #fonts

leerob.io

Web Fonts in 2021

Learn the best practices for high-performance sites using web fonts, updated for 2021.

2.17K views19:20

Node.JS [ru] | Серверный JavaScript

Стилизация функциональных React компонентов

#jsarticle #javascript #react #css #frontend #webdev