Tailwind CSS Tips
Открыть в Telegram
ℹ️ Learn the most popular utility-first framework. 🔥 #tips, ⭐️ #tricks, 🆕 #news Maintainer: @ilyosjon_k
БольшеСтрана не указанаИскусство и дизайн8 112
3 509
Подписчики
-124 часа
+157 дней
+3730 день
Загрузка данных...
Похожие каналы
Облако тегов
Нет данных
Возникли проблемы? Пожалуйста, обновите страницу или обратитесь к нашему support-менеджеру .
Входящие и исходящие упоминания
---
---
---
---
---
---
Привлечение подписчиков
декабрь '24
декабрь '24
+56
в 0 каналах
ноябрь '24
+76
в 0 каналах
Get PRO
октябрь '24
+95
в 0 каналах
Get PRO
сентябрь '24
+93
в 0 каналах
Get PRO
август '24
+138
в 0 каналах
Get PRO
июль '240
в 0 каналах
Get PRO
июнь '24
+85
в 0 каналах
Get PRO
май '24
+126
в 0 каналах
Get PRO
апрель '24
+136
в 0 каналах
Get PRO
март '24
+116
в 0 каналах
Get PRO
февраль '24
+150
в 0 каналах
Get PRO
январь '24
+176
в 0 каналах
Get PRO
декабрь '23
+148
в 0 каналах
Get PRO
ноябрь '23
+94
в 0 каналах
Get PRO
октябрь '23
+100
в 0 каналах
Get PRO
сентябрь '23
+111
в 0 каналах
Get PRO
август '23
+164
в 0 каналах
Get PRO
июль '23
+128
в 0 каналах
Get PRO
июнь '23
+115
в 0 каналах
Get PRO
май '23
+135
в 0 каналах
Get PRO
апрель '23
+113
в 0 каналах
Get PRO
март '23
+225
в 0 каналах
Get PRO
февраль '23
+133
в 0 каналах
Get PRO
январь '23
+111
в 0 каналах
Get PRO
декабрь '22
+84
в 0 каналах
Get PRO
ноябрь '22
+97
в 0 каналах
Get PRO
октябрь '22
+103
в 0 каналах
Get PRO
сентябрь '22
+107
в 0 каналах
Get PRO
август '22
+98
в 0 каналах
Get PRO
июль '22
+90
в 0 каналах
Get PRO
июнь '22
+93
в 0 каналах
Get PRO
май '22
+129
в 0 каналах
Get PRO
апрель '22
+84
в 0 каналах
Get PRO
март '22
+107
в 0 каналах
Get PRO
февраль '22
+94
в 0 каналах
Get PRO
январь '22
+93
в 0 каналах
Get PRO
декабрь '21
+58
в 0 каналах
Get PRO
ноябрь '21
+72
в 0 каналах
Get PRO
октябрь '21
+64
в 0 каналах
Get PRO
сентябрь '21
+55
в 0 каналах
Get PRO
август '21
+95
в 0 каналах
Get PRO
июль '21
+64
в 0 каналах
Get PRO
июнь '21
+83
в 0 каналах
Get PRO
май '21
+59
в 0 каналах
Get PRO
апрель '21
+57
в 0 каналах
Get PRO
март '21
+84
в 0 каналах
Get PRO
февраль '21
+55
в 0 каналах
Get PRO
январь '21
+406
в 0 каналах
| Дата | Привлечение подписчиков | Упоминания | Каналы | |
| 21 декабря | +1 | |||
| 20 декабря | +2 | |||
| 19 декабря | +6 | |||
| 18 декабря | +1 | |||
| 17 декабря | +2 | |||
| 16 декабря | +2 | |||
| 15 декабря | +2 | |||
| 14 декабря | +4 | |||
| 13 декабря | +2 | |||
| 12 декабря | +2 | |||
| 11 декабря | 0 | |||
| 10 декабря | +4 | |||
| 09 декабря | +1 | |||
| 08 декабря | +2 | |||
| 07 декабря | +1 | |||
| 06 декабря | 0 | |||
| 05 декабря | +6 | |||
| 04 декабря | +3 | |||
| 03 декабря | +10 | |||
| 02 декабря | +3 | |||
| 01 декабря | +2 |
Посты канала
🔥 #tutorial
First original video tutorial from this channel!
✨ Ceate a paragraph focus effect using Tailwind CSS
I hope you like it!
🔗 Tutorial: https://www.youtube.com/watch?v=YI8kTDQOiY8
🔗 Live demo: https://play.tailwindcss.com/ItPPlRMz6p
| 2 |  🔥 #component
🃏 Cards with nice hover animation
You can style pseudo-elements to create nice decorations and effects
🔗 https://play.tailwindcss.com/1DBQtJw3K5
—
📣
Dear subscribers,
What kind of content would you like to see on this channel?
Please write your answers in comments! | 1 560 |
| 3 | https://play.tailwindcss.com/K8kPtkzFCO
🥳 | 1 633 |
| 4 |  🔥 #news #new_release
🥳 Tailwind CSS v3.4 released!
📱 Dynamic viewport units
👨👨👦 Style children with the * variant
⚖️ Balanced headlines with text-wrap utilities
🎛 Subgrid support
📐 Extended min-width, max-width, and min-height scales
🪟 Extended opacity scale
💠 Extended grid-rows-* scale
📸 New forced-colors variant
🎚 New forced-color-adjust utilities
🔗 https://tailwindcss.com/blog/tailwindcss-v3-4 | 2 083 |
| 5 | 🔥 #tip
Nice tip from Marcel Pociot
🔗 https://play.tailwindcss.com/HY8N2f5txA | 1 031 |
| 6 | 🔥 #course #ebook
✨
Introducing Level up with Tailwind CSS
by Shruti Balasa
An in-depth course to take your Tailwind CSS skills to the next level
Level up with Tailwind CSS is a comprehensive guide to learning and mastering Tailwind CSS
☘️ Strengthen your foundation in Tailwind CSS and learn how to customize it for your projects
⚡️ Discover the power and flexibility of Tailwind CSS features, such as variants, utilities, plugins, and more
💎 Find useful resources, such as component libraries, extensions, and tools, to enhance your Tailwind CSS workflow
It's not a secret that Shruti creates one of the best Tailwind CSS content on her YouTube channel.
This course is a real gem 🤩 for those who loves high-quality yet simple to understand tutorials!
Order your copy of the course right now by using the link below (affiliated):
🔗 http://bit.ly/lvl-up-twdcss
Great news! Subscribers of this channel can get 15% off the course with the code below. Don't wait, enroll now and learn from the best!
TAILWINDTIPS | 1 093 |
| 7 | Which frontend framework do you use? | 911 |
| 8 | 🔥 #ui #component
Langui - Beautiful components for your AI projects
by Ahmad Bilal
LangUI is an Open Source Tailwind library with free to use components tailored for your AI and GPT projects.
🔗 https://langui.dev/ | 983 |
| 9 | 🔥 #template
Meet Studio
by Tailwind Labs
"Studio is a beautiful multi-page agency template built with Tailwind CSS and Next.js, designed and built by the Tailwind CSS team"
🔗 https://tailwindui.com/templates/studio | 891 |
| 10 | 🔥 #tailwind_connect
✨ Tailwind Connect 2023 — Keynote
🔗 https://www.youtube.com/watch?v=CLkxRnRQtDE | 1 030 |
| 11 | 🔥 #ui #components #alpinejs
Introducing Pines UI by DevDojo
"Pines is a library of animations, sliders, tooltips, accordions, modals, and more! It's a set of UI elements that can be copy and pasted into any Alpine and Tailwind projects."
🔗 https://devdojo.com/pines | 1 161 |
| 12 | 🔥 #tip #showcase
Infinite Marquee Scrolling with Tailwind CSS ✨
by @surjithctly
🔗 https://play.tailwindcss.com/alDCOx6PU2 | 954 |
| 13 | 🔥 #new_release
Tailwind CSS v3.3 released
🎨 Extended color palette for darker darks: New darker 950 shades for every color.
🌀 ESM and TypeScript support: Write your config file using ESM or TypeScript.
👈 Simplified RTL support with logical properties: Build layouts that adapt to different directions.
🦄 Fine-tune gradient color stop positions: Specify exactly where you want each color stop to go.
🗜 Line-clamp out of the box: Truncate multi-line text without a plugin.
🅰️ New line-height modifier: Set your font-size and line-height with one class.
🪄 CSS variables without the var(): New shorthand syntax for arbitrary values.
🍀 Configurable font-variation-settings: Baked directly into your font-* utilities.
🤣 New list-style-image utilities: So you can use horrible clip art for bullet points.
➖ New hyphens utilities: For fine-tuning hyphenation behavior.
🏷 New caption-side utilities: Title your tables with style.
🔗 https://tailwindcss.com/blog/tailwindcss-v3-3 | 1 387 |
| 14 | 30 Tailwind CSS Tips compiled into ONE MEGA THREAD 👇
https://twitter.com/surjithctly/status/1635542102778994688?s=20 | 996 |
| 15 | Hey everyone,
Just launched Tailwind CSS Notion Handbook on Twitter. Need your support 🙏
https://twitter.com/surjithctly/status/1633355869399183363 | 1 032 |
| 16 | 🔥 #tip
You can use peer/{name} to create a beautiful "Pill Menu Animation" like this.
❌ No javascript
❌ No custom styles
By Surjith S M
🔗 Demo: https://play.tailwindcss.com/Qd98eMhkxy
⭐️ Source: https://bit.ly/3Dn5COj
✨ Tailwind CSS Tips | 826 |
| 17 | 🔥 #tip
You can create a floating input form with Tailwind CSS
using ":placeholder-shown" pseudo class.
By Surjith S M
🔗 Demo: https://play.tailwindcss.com/e9VYsoQ6ND
🔗 Alternate version: https://play.tailwindcss.com/gVoSIxxDbP
⭐️ Source: https://bit.ly/402GyG7
✨ Tailwind CSS Tips | 698 |
| 18 | 🔥 Awesome Tailwind CSS Tips are coming! | 720 |
| 19 | 🔥 #template
Protocol - A new template from the creators of Tailwind CSS
Protocol is a Tailwind CSS template for building API reference sites.
💫 Features include:
⚛️ Built with React + Next.js
📝 MDX
⌨️ Keyboard accessible (Headless UI)
🌗 Dark mode
🔗 Details: https://tailwindui.com/templates/protocol
🔗 Live demo: https://protocol.tailwindui.com/ | 753 |
| 20 | 🔥 #resource #news
Introducing ProTailwind - High quality tutorials covering advanced Tailwind CSS concepts and pattens
by Simon Vrachliotis
☀️ Deconstruct some the most visually interesting parts of the UI, triggering those “think outside the box” muscles in the process.
🎨 Add support for multiple color themes, combining the superpowers of CSS variables and the Tailwind Plugin API.
🎛 Isolate and compose styling concerns to support multiple style variant combinations for a given UI component
🏵 Share and consume the same UI components across multiple, unrelated projects
✨ Tailwind CSS Tips | 740 |
