UI devtools
@uidevtools
visual devtools for tailwindcss · maintained as sponsorware by @siddharthkp: http://github.com/sponsors/siddharthkp
Potrebbero piacerti
it's time
wip → ready Super freaking excited to share the browser devtools built for @tailwindcss 01 attach on top of your existing workflow 02 understands your theme 03 instant visual feedback 04 saves changes back to your code ui-devtools.com ✌️
📸 @uidevtools identify svg elements and show additional properties - stroke + fill setting stroke color as currentColor means it will take the parent's color property :)
📸 @uidevtools sometimes you start with a div/span and then change your mind, especially for proper semantics 😇 ui-devtools supports changing classnames, inner text and now tagName
📸 @uidevtools added some good old text editing, tap T on an element with text .
📸 @uidevtools tiny improvement, added a way to toggle border on each side because sometimes you only need border-bottom (the instant code change is very satisfying 😇)
pulled a useful snippet out from @uidevtools to open source it → Click a component while holding Alt/option to open it's source code in @code github.com/siddharthkp/ba…
📸 @uidevtools holy shit, this actually worked??? convert conditional expression to a template expression to make room for the "always" class
📸 @uidevtools first attempt at conditional expressions, opened up pandora's box
👀 @uidevtools accidentally made the transforms super super fast! should change the unit to milliseconds now! before and after:
📸 @uidevtools completely changed my mind about showing scale and margins. when you're resizing, you want the tool to get out of your way so you can see how Your ui looks
📸 @uidevtools warning for inaccessible text contrast + hints for colors with enough contrast AA/AAA
📸 @uidevtools showing color number on hover because I like to know which value i'm picking
looking for help 🙇♀️
help me out, if i were to hire someone to work with me on my side project @uidevtools, how would I go about finding that person in my network? 🕔 20 hours/month - they decide when and how they distribute that 💵 at least 2 * what they make for 20 hours with employer details ⬇️
🚀 release update: ui-devtools/[email protected] this is works on my machine release for @vuejs integration 🧪😇 if you're a sponsor, you can try it out now :)
I'm surprised how well this worked out! animating svgs with raw tailwind
It's been a while, going to do some live coding/stream today at 4:30pm UTC + 1 trying something different, will build this interaction concept from @.Volorf with @tailwindcss and @uidevtools not sure how well it's going to translate, we'll see 😇 📺 youtube.com/sid-studio/live
📷 @uidevtools Exploring keyboard shortcuts to improve the workflow a bit more. Shift > mb > down down down > Enter not sold on the ux yet. experiment shipped to sponsors.
United States Tendenze
- 1. Good Monday 23.8K posts
- 2. Happy New Month 263K posts
- 3. #MondayMotivation 4,893 posts
- 4. Broncos 48.8K posts
- 5. #CyberMonday 5,659 posts
- 6. Mariota 13.5K posts
- 7. #WorldAIDSDay 24.6K posts
- 8. Victory Monday N/A
- 9. Ertz 3,150 posts
- 10. Bo Nix 10.3K posts
- 11. #BaddiesUSA 28.5K posts
- 12. #RaiseHail 5,851 posts
- 13. Root 40.8K posts
- 14. Washington 121K posts
- 15. Commanders 34.1K posts
- 16. Chrisean 10.5K posts
- 17. BURKS 16.2K posts
- 18. Deebo 3,161 posts
- 19. Sean Payton 1,697 posts
- 20. Riley Moss 2,316 posts
Potrebbero piacerti
-
Steve Schoger
@steveschoger -
Tim
@timneutkens -
Sage ⚡️
@thesegunadebayo -
fks
@FredKSchott -
Sindre Sorhus
@sindresorhus -
Andrew Clark
@acdlite -
Varsha Saha
@saha_varsha -
Kiran Abburi
@kiran_abburi -
Stately.ai
@statelyai -
Amelia Wattenberger 🪷
@Wattenberger -
Priyanka
@Priyanka__488 -
Shruti Kapoor
@shrutikapoor08 -
Mark Dalgleish
@markdalgleish -
vjeux ✪
@Vjeux -
Ives van Hoorne
@CompuIves
Something went wrong.
Something went wrong.