Телеграм канал 'Frontend'

Frontend


2'727 подписчиков
155 просмотров на пост

Много полезного материала по JavaScript, TypeScript, Angular, React, Vue, HTML, CSS, Node.js, Mobile и многому другому. По всем вопросам: @un_ixtime

Детальная рекламная статистика будет доступна после прохождения простой процедуры регистрации


Что это дает?
  • Детальная аналитика 5'673'035 каналов
  • Доступ к 1'533'798'153 рекламных постов
  • Поиск по 5'937'113'663 постам
  • Отдача с каждой купленной рекламы
  • Графики динамики изменения показателей канала
  • Где и как размещался канал
  • Детальная статистика по подпискам и отпискам
Telemetr.me

Telemetr.me Подписаться

Аналитика телеграм-каналов - обновления инструмента, новости рынка.

Найдено 1343 поста

🕸 Тенденции веб-разработки, которые мы увидим в 2024 году 👀

https://dev.to/wasp/web-development-trends-we-will-see-in-2024-55pi

Как я структурирую свои проекты React

https://dev.to/phukon/how-i-structure-my-react-projects-1lk
🔥 2
21 совет по HTML, о которых вам следует знать

В этом посте я поделюсь 21 советом по HTML с фрагментами кода, которые помогут улучшить ваши навыки кодирования.
https://shefali.dev/html-tips/
👍 2

Справочник фронтенд-разработчика/инженера, 2024 г.

https://frontendmasters.com/guides/front-end-handbook/2024

Изучите функции синхронизации перехода CSS с помощью этого руководства.🚀 🧑‍💻

Видео/гифка, 11 сек,

Скрытые жемчужины CSS Tailwind

https://railsdesigner.com/hidden-gems-tailwind

Я создал эти 5 типов анимации загрузки в HTML и CSS, какой из них вы предпочитаете?

https://dev.to/peboy/i-built-these-5-types-of-loading-animation-in-html-and-css-which-do-you-prefer-2f3f

👍 3
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
Изучение Атомарного CSS: Масштабируемая Архитектура Для Современной Веб-Разработки

https://blog.openreplay.com/exploring-atomic-css
👍 2

За последние несколько лет Tailwind CSS изменил правила игры для многих разработчиков, предложив подход, ориентированный на утилиты, который помогает быстро преобразовать дизайн в код. Дело не в том, что Tailwind сам по себе является антипаттерном; напротив, это очень полезный инструмент. Это позволяет разработчикам работать быстрее и создавать элементы с большей степенью детализации. Более того, это помогает сократить разрыв между структурой и стилем, облегчая просмотр дизайна непосредственно в разметке.

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

https://spin.atomicobject.com/tailwind-css-anti-patterns

Создайте поле ввода, используя 🚀
код HTML и CSS

https://github.com/atherosai/ui/tree/main/input-04

Видео/гифка, 8 сек,

Карточки с параллаксом и размытием по маске. 😷

Настраивайте CSS, пока не получите то, что вас устраивает.🤙
https://codepen.io/likai/pen/oNOPOZG

🔥 2
Видео/гифка, 19 сек,

Самый важный код CSS, который вы должны знать: все в одном.

👏 3
Изображение

CSS Slinky в 3D? Вызов принят!

https://css-tricks.com/a-css-slinky-in-3d/

Видео/гифка, 37 сек,

Создание индикатора ограничения количества символов в текстовой области

https://dev.to/sarahokolo/creating-a-textarea-character-limit-indicator-5fol

Изучите CSS Grid — 13-минутное глубокое погружение

https://www.youtube.com/watch?v=EiNiSFIPIQE

Создайте боковую панель, используя только код HTML и CSS

https://github.com/atherosai/ui/tree/main/sidebar-07

❤ 3
Видео/гифка, 5 сек,

Найдено 1343 поста