Frontend
2.61K subscribers
504 photos
30 videos
4 files
1.31K links
Много полезного материала по JavaScript, TypeScript, Angular, React, Vue, HTML, CSS, Node.js, Mobile и многому другому.

По вопросам сотрудничества- @Daily_admin_info

По иным темам @un_ixtime
Download Telegram
Самый важный код CSS, который вы должны знать: все в одном.
This media is not supported in your browser
VIEW IN TELEGRAM
Карточки с параллаксом и размытием по маске. 😷

Настраивайте CSS, пока не получите то, что вас устраивает.🤙
https://codepen.io/likai/pen/oNOPOZG
This media is not supported in your browser
VIEW IN TELEGRAM
Создайте поле ввода, используя 🚀
код HTML и CSS

https://github.com/atherosai/ui/tree/main/input-04
За последние несколько лет Tailwind CSS изменил правила игры для многих разработчиков, предложив подход, ориентированный на утилиты, который помогает быстро преобразовать дизайн в код. Дело не в том, что Tailwind сам по себе является антипаттерном; напротив, это очень полезный инструмент. Это позволяет разработчикам работать быстрее и создавать элементы с большей степенью детализации. Более того, это помогает сократить разрыв между структурой и стилем, облегчая просмотр дизайна непосредственно в разметке.

Однако, как и в случае с любым мощным инструментом, Tailwind CSS можно использовать неправильно, что приводит к ухудшению поддерживаемости кода и другим осложнениям. Вот некоторые антишаблоны, которых следует опасаться при работе с Tailwind CSS.

https://spin.atomicobject.com/tailwind-css-anti-patterns
Изучение Атомарного CSS: Масштабируемая Архитектура Для Современной Веб-Разработки

https://blog.openreplay.com/exploring-atomic-css
css-shape.com: Лучшая коллекция фигур, созданных только на CSS ⚡️

Вы ищете фигуру CSS? Не смотрите дальше! Я собрал все из них в одном месте.

https://dev.to/afif/css-shapecom-the-ultimate-collection-of-css-only-shapes-52p5

5 скрытых свойств CSS, о существовании которых вы не знали

https://dev.to/vitalipri/5-hidden-css-properties-you-didnt-know-existed-12h8
This media is not supported in your browser
VIEW IN TELEGRAM
Изучите функции синхронизации перехода CSS с помощью этого руководства.🚀 🧑‍💻
21 совет по HTML, о которых вам следует знать

В этом посте я поделюсь 21 советом по HTML с фрагментами кода, которые помогут улучшить ваши навыки кодирования.
https://shefali.dev/html-tips/
Множество новых функций CSS помогут вам оптимизировать код и уменьшить избыточность.

CSS-вложение
CSS-переменные
Возможности диапазона Media Query

https://css-tip.com/better-modern-css