Tailwind CSS

New video: Building a Linktree clone! 🌲 It's a simple demo, but still fun to see Edge SSR with 💯s across the board. Built with: @nextjs, @tailwindcss, and @vercel edge config. https://t.co/XHSDv1wesi

As an old web "veteran", coming up as everyone was figuring out how to make the web, I was turned off by the @tailwindcss way of using so many CSS classes. But over the past ~2 years it's become an absolutely indispensable part of the way I build. Absolutely love it.

If you're starting to learn HTML and CSS again, it would be like this: 1. HTML 2. Basics of CSS (selectors) 2. Box model, positioning 3. Responsive web design 4. Media queries 5: Flexbox 6: Bootstrap/TailwindCSS 7: Build a tiny project after every step Next: JavaScript

✨ @tailwindcss quick tip ✨ ➡️ Center container by default If you use the .container class a lot you might find yourself adding something .mx-auto and .px-4 all the time 🤔 Instead use your tailwind config, to set a default padding and center it🚀 https://t.co/hWWU4cFb8e https://t.co/fGVHMbyPNy

Not quite done but this is my current progress on #coding360challenge for the month of January by @codingossy. Built with @nextjs, @tailwindcss, @framer motion, .... Working on responsiveness and smoothing out the animations tomorrow. How do I make the animations smoother? 🙏 https://t.co/WFRHcfoLyu

Had a lot of fun building this OG image generator for my upcoming website using @vercel edge functions and @nextjs. My favorite part was leveraging @tailwindcss color palettes to be able to change themes on the fly! https://t.co/NVC8Ekt1EU

👨‍🔬 Quick proof-of-concept for browser-specific variants in Tailwind... Better to use `@​supports` most of the time, but sometimes you still need to make style tweaks because of browser-specific quirks 👍 https://t.co/mLLayzWeIt https://t.co/OOttRUUhyO

🥳 10K Followers 🥳 Thank you for your support I have written blog on my journey of learning frontend and Twitter growth for year 2022 at @hashnode Blog lists roadmap & resources of CSS, JavaScript, GitHub & TailwindCSS. Pls vote if you find blog interesting. #DevRetro2022

Hey @tailwindcss folks! Making an integration video on the Storybook YouTube channel Anything you'd adjust or extend in this recipe? https://t.co/QCE6EKoZnq Thanks in advance 🙏 cc/ @adamwathan @simonswiss

🔥 VS Code Tip of the Day 🔥 If you use @tailwindcss you MUST use this vs code extension!! https://t.co/iiGhEcwH1e

Here is my twitter routine I want to try for the rest of January 🚀 - Tweet a @tailwindcss quick tip in the morning 💅🏼 - Tweet something about my indie hacker journey and #buildinpublic in the afternoon 🔥 - Engage more with big accounts 🙋🏼‍♂️ Lets see where we get 📈

We just deployed https://t.co/NtgSnG53by" target="_blank" class="text-blue-400 hover:text-blue-600">https://t.co/NtgSnG53by 2.0 🛠️ Built with @astrodotbuild 🎨 Uses @tailwindcss for styling 🔥 Faster load times 💯 Lighthouse Scores ↔️ Mobile friendly 😌 Easier to manage Check it out https://t.co/NtgSnG53by" target="_blank" class="text-blue-400 hover:text-blue-600">https://t.co/NtgSnG53by https://t.co/OrYRWXiOjC

3 days ago I had 0 experience of html css, @tailwindcss and web technologies in general. I decided to spend 3 days learning everything I can about creating a good landing page, and this is the result. It's not perfect but it's a huge achievement for me https://t.co/iaGPTCaIUD

A look back at the top open-source frontend projects in 2022.👀 →Bun @jarredsumner →Fresh @deno_land →Remix @remix_run →Markdoc @StripeDev →Next.js+Turbopack @vercel →Solidjs @solid_js →Tailwind @tailwindcss →Tauri @TauriApps →Vite @vite_js https://t.co/IzIBJQRuVR

My 2023 Tech Stack ⚛️ Front-End dev 🔹 Pure CSS/TailwindCSS 🔹 JavaScript/TypeScript 🔹 ReactJS + NextJS/ViteJS Back-End dev 🔸 NodeJS 🔸 Python Database ♦️ PostgreSQL ♦️ MongoDB ♦️ HarperDB Dev Ops 🟡 GIT + GitHub 🟡 Docker Code/IDE 🟣 VS Code 🟣 PyCharm Design 🟢 Figma

Learn For Free 👇🏻👇 HTML → w3schools CSS → FreeCodeCamp Git / GitHub→ LearnGitBranching.js .org Javascript → Javascript .info API → RapidAPI React → React-tutorial .app SQL → Sqlbolt React → Scrimba Tailwind → Tailwindcss .com Node → Youtube UI/UX → Hackdesign

✨ @tailwindcss quick tip ✨ You can create a beautiful border gradient effect by stacking to divs and giving first one a background gradient and the second one a filled background 💅🏼 https://t.co/wA5GSPpB50 Let me know, what tips you would like to see next 🚀 https://t.co/5OoOtaLdq6

HEY GUYS 👋🏽👋🏽 First, I wanna say Happy new year guys and welcome to the year of 2023. Second, I recently built my first blog CRUD app using: React, Firebase, Framer motion, React Toastify, Tailwindcss. Link and a one minute demo of the website: https://t.co/06ATgjr7GM https://t.co/yaq98Fu00K

Third project done! Food delivery app showcase site built with @nextjs, @tailwindcss and @framer. Your review is most appreciated. 🙏 🔗Live https://t.co/0vfWfzLW44 🔗Design https://t.co/iepTsPS9HF @_slightlyTechie @kwesi_dadson @mychidarko https://t.co/jfwheBHlq2 https://t.co/NNkgQxeywf

Day 22 of #100DaysOfCode 👨🏼‍💻 ✅ Today's @iCodeThis challenge Still trying to get the hang of TailwindCSS. Most of the times I feel that I would do it so much faster with plain CSS 😄 https://t.co/VGidSFTzfz

Fantastic work by Adrian! He's been very active in building the daily coding challenges! Today, he even used TailwindCSS for the first time! 🔥 Let's give him a round of applause! 👏👏👏 https://t.co/sXYd4W2MDp

Day 21 of #100DaysOfCode Daily challenge: @iCodeThis I did it! I made my first project using TailwindCSS! And fully responsive as well. 👨🏼‍💻 It was a lot of back and forth reading the official docs, but I'm happy with the end result. 🥳 I'll take every cheering I can get! ✌️😁 https://t.co/X9wTBxi5eZ

6. Tailwind CSS The Tailwind CSS framework is a utility-first CSS framework for building custom user interfaces. 🔗 https://t.co/PUoaeDfCB7 https://t.co/QdbCjZXIvG

Quick tip everyone using @tailwindcss: With https://t.co/nrPQKEfyjk you can easily create a color palette from your brand color 🚀 https://t.co/oMQrHxqecl