tylerbarker
tw_screen_size - A tiny, one-component package for LiveView x Tailwind to elevate your design iteration experience
I came across a really handy React component on Twitter the other day, and thought it made for a fun excuse to write a tiny LiveView package. 
GitHub - GitHub - tylerbarker/tw_screen_size: A tiny LiveView widget showing the current screen dimensions and Tailwind breakpoint 🖼️ · GitHub
Hex - tw_screen_size | Hex
HexDocs - TwScreenSize — tw_screen_size v1.1.0
Most Liked
tylerbarker
haha thanks mate! I had the same thought when I saw it on Twitter. It never really occurred to me how I’d been working virtually blind of the breakpoints until then 
sodapopcan
Oh nice! At first I just thought this was showing the viewport res and I was like, “So?” then I saw the “MD” and I was like, “whoa!” This is indeed really handy, thanks!
tylerbarker
A little demo GIF for clarity: https://pub-0bd602de4141434f899c6f284446e48a.r2.dev/tw_screen_size_demo_min.gif
Popular in Announcing
Other popular topics
Latest on Elixir Forum
Sponsor Spotlight
Build Elixir applications with speed and confidence.
Categories:
Sub Categories:
Forums
Popular Tags
- #ecto
- #liveview
- #troubleshooting
- #learning-elixir
- #deployment
- #library
- #erlang
- #testing
- #genserver
- #mix
- #absinthe
- #remote-other
- #otp
- #plug
- #how-to-question
- #macros
- #postgres
- #channels
- #elixirconf
- #exunit
- #discussion
- #code-sync
- #javascript
- #podcasts
- #onsite
- #dialyzer
- #docker
- #authentication
- #umbrella
- #full-time-contract
- #podcasts-by-brainlid
- #ecto-query
- #elixir-ls
- #phoenix_html
- #iex
- #blog-post
- #graphql
- #genstage
- #ai
- #websockets
- #supervisor
- #elixirconf-us
- #advent-of-code
- #distillery
- #processes
- #forms
- #api
- #metaprogramming
- #security
- #hex
Our Sponsors
Build Elixir applications with speed and confidence.
Supporting innovation across the BEAM ecosystem.
We build reliable cloud platforms for business-critical systems.
Catch errors, track performance, monitor hosts and more.
Error tracking for Elixir devs who love to ship. Start your free account.
Practical resources that improve the lives of professional developers.
Producing high quality Elixir screencasts since 2017.
Enabling companies to succeed by building software people love.
The team behind Membrane, Popcorn, LiveDebugger. Available for hire.
Courses that'll move you from confusion to "Aha, now I get it!"