<ассоциативный максим/> - React, Angular, Node.js, NestJS, JavaScript, TypeScript, Vue, Frontend

Генератор сепараторов секций на чистом CSS. Настрой и копируй #CSS 🙂

https://wweb.dev/resources/css-separator-generator

46 views12:01

#css

37 views11:50

<ассоциативный максим/> - React, Angular, Node.js, NestJS, JavaScript, TypeScript, Vue, Frontend

Отзеркаленный текст в одну строку на чистом #CSS

-webkit-box-reflect: below -60px linear-gradient(transparent, rgba(0,0,0,0.2));

41 views11:44

<ассоциативный максим/> - React, Angular, Node.js, NestJS, JavaScript, TypeScript, Vue, Frontend

Shoelace, универсальная библиотека UI-компонентов, не привязанная к фреймворкам: основана на веб-компонентах, работает без сборки, поддерживает темизацию и тёмную тему, решает проблему доступности
#CSS #WebComponents

https://shoelace.style/

44 views12:28

<ассоциативный максим/> - React, Angular, Node.js, NestJS, JavaScript, TypeScript, Vue, Frontend

This media is not supported in your browser

VIEW IN TELEGRAM

В Chrome #DevTools можно скопировать #CSS селектор нужного элемента:

Inspect → Right click → Copy → Copy JS path

43 views08:46

<ассоциативный максим/> - React, Angular, Node.js, NestJS, JavaScript, TypeScript, Vue, Frontend

Наконец в #CSS будет возможность без боли заменить маркеры элементов списков на кастомные

https://web.dev/css-marker-pseudo-element/

50 views08:17

<ассоциативный максим/> - React, Angular, Node.js, NestJS, JavaScript, TypeScript, Vue, Frontend

#CSS Values, каталог возможных значений и синтаксиса каждого CSS-свойства со ссылками на документацию и информацией о поддержке браузерами. Как спецификация, только удобнее.

https://cssvalues.com/

85 views10:14

<ассоциативный максим/> - React, Angular, Node.js, NestJS, JavaScript, TypeScript, Vue, Frontend

Подборка полезнейших 30-ти #CSS селекторов

https://code.tutsplus.com/tutorials/the-30-css-selectors-you-must-memorize--net-16048

Web Design Envato Tuts+

The 30 CSS Selectors You Must Memorize

Have you learned the base id, class, and descendant CSS selectors and then called it a day? If so, you’re missing out on a huge amount of flexibility. Commit these advanced CSS selectors to memory!

133 views15:02

<ассоциативный максим/> - React, Angular, Node.js, NestJS, JavaScript, TypeScript, Vue, Frontend

Интерактивный гайд по #CSS transtions

https://www.joshwcomeau.com/animation/css-transitions/

Joshwcomeau

An Interactive Guide to CSS Transitions • Josh W. Comeau

This comprehensive guide shows how to use CSS transitions! A back-to-basics look at the fundamental building blocks we need to create microinteractions and other animations.