Libraries & Projects>Libraries

tw_screen_size - A tiny, one-component package for LiveView x Tailwind to elevate your design iteration experience

#liveview#tailwindcss#phoenix-live-view#phoenix_live_view#live-view#phoenix-liveview
tylerbarker

tylerbarker

tw_screen_size - A tiny, one-component package for LiveView x Tailwind to elevate your design iteration experience

tw_screen_size_tweet_img
tw_screen_size_tweet_img1200×887 44.9 KB

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. :framed_picture:

GitHub - GitHub - tylerbarker/tw_screen_size: A tiny LiveView widget showing the current screen dimensions and Tailwind breakpoint 🖼️
Hex - tw_screen_size | Hex
HexDocs - TwScreenSize — tw_screen_size v1.1.0

3 comments
#liveview#tailwindcss#phoenix-live-view#phoenix_live_view#live-view#phoenix-liveview
7 271 3

Most Liked

tylerbarker

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 :melting_face:

2
Post #3
sodapopcan

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!

1
Post #2

Where Next?

View thread on forum (has 3 responses!)
liveview
tailwindcss
phoenix-live-view
phoenix_live_view
live-view
phoenix-liveview
Home Libraries & Projects>Libraries
#liveview#tailwindcss#phoenix-live-view#phoenix_live_view#live-view#phoenix-liveview
7 272 3
Last post

Popular in Libraries Top

marcuslankenau
Libraries & Projects>Libraries

Elixml - XML library
I feel kind of stuck with the absence of a proper xml library for Elixir. Currently I use SweetXML which was ok for me more or less to pa...
#xml
12 5218 15
New
deadtrickster
Libraries & Projects>Libraries

Prometheus.ex - Prometheus.io Elixir integrations
I’ve just released stable versions of my Prometheus Elixir libs: Elixir client [docs]; Ecto collector [docs]; Plugs instrumenter/Export...
#ecto#erlang#prometheus
46 7772 21
New
archan937
Libraries & Projects>Libraries

MecksUnit: Elegantly mock module functions in (async) ExUnit tests
It is a well-know topic within the Elixir community: “To mock or not to mock? :)” Every alchemist probably has his / her own opinion con...
#exunit#asynchronous#mocking#meck
19 5929 23
New
dbern
Libraries & Projects>Libraries

DateTimeParser - Parse DateTime, NaiveDateTime, Time, or Date from strings
I’m excited to announce that TaxJar has developed and open-sourced DateTimeParser. We developed it because we found a need to parse user ...
#date_time_parser
21 5356 3
New
riverrun
Libraries & Projects>Libraries

Comeonin password hashing library
I’ve just released version 3 of Comeonin, a password hashing library. The following small changes have been made: changes to the NIF c...
#comeonin
63 6208 23
New
MRdotB
Libraries & Projects>Libraries

Live_react - React inside Phoenix LiveView
I needed to reuse React components from my Chrome extension in my Phoenix/LiveView backend. I noticed that for Svelte/Vue, there are live...
#javascript#react#liveview#live-view
42 3548 7
New
wmnnd
Libraries & Projects>Libraries

Belt - A Flexible File-Storage Library
Hi there, for my project DBLSQD, I needed a file storage solution that is a bit more flexible than Arc. Because I thought others might f...
#library#genstage#file-uploading#belt
74 8977 51
New
bryanjos
Libraries & Projects>Libraries

ReactRender: Server Side Rendering for React Components
Hi, I wanted share a small library we at Revelry Labs made for rendering react components from the server side. There are instructions fo...
#frontend#react_render
39 7758 19
New
gjaldon
Libraries & Projects>Libraries

EctoEnum for ActiveRecord-like enums in Ecto updated!
As the title states, EctoEnum has just been updated after some time of hardly any activity in the repo. Here’s the latest release: https:...
#ecto#ectoenum
23 5527 11
New
mischov
Libraries & Projects>Libraries

Meeseeks - A library for extracting data from HTML and XML with CSS or XPath selectors
import Meeseeks.CSS html = HTTPoison.get!("https://news.ycombinator.com/").body for story <- Meeseeks.all(html, css("tr.athing")) do...
#meeseeks
242 11934 86
New

Other popular topics Top

JDanielMartinez
Questions & Help>Questions

** (RuntimeError) could not lookup Ecto repo Repo because it was not started or it does not exist
Hi! May someone helps me, please! I have two apps into an umbrella project: the first one is Database, which manages queries, and the se...
#umbrella#testing#repo#runtimeerror
11 15040 14
New
axelson
Chat & Discussions>Wikis

Emacs - Elixir Setup Configuration Wiki
This post is a wiki (feel free to hit the edit button near the bottom right of this post to add your own changes!) This post collects co...
#spacemacs#wiki#emacs#code-editors#language-server-protocol
239 45766 226
New
sergio_101
Questions & Help>Questions

Pattern matching against a string
I am VERY much an elixir newbie. I have taken one elixir course and one phoenix course on Udemy. During that course, I saw the instructor...
#pattern-matching
27 26685 14
New
_russellb
Questions & Help>Questions

Web scraping tools
I want to try my hand at web scraping. What tools/libraries do I need to use. I’m hoping to turn this into something professional so don’...
#web-scraping
123 19127 45
New
lk-geimfari
Questions & Help>Questions

The most correct way to read a JSON file
What is most correct way to open, read and parse JSON file with poison? For example if we have example.json file in root of some projec...
23 13679 2
New
mgjohns61585
Questions & Help>Questions

Convert a string to an integer?
Could someone help me? I'm making my first elixir program, number guessing game. I can't figure out how to convert the user's guess from ...
#how-to-question
3 14200 6
New
aadeshere1
Questions & Help>Questions

Write while loop equivalent in elixir
I have a another noob question about loop. Since elixir is immutable, while loop is not directly possible. total = 10 while total != 0 ...
#while#loop
60 28200 36
New
chrisalley
Questions & Help>Questions

How to describe many contexts in ExUnit without a hierarchy
ExUnit now has describe blocks which is a welcome addition coming from RSpec. In the docs, it states that nested hierarchies of describe ...
#testing#exunit
66 16773 4
New
WestKeys
Questions & Help>Questions

Mint vs Finch vs Gun vs Tesla vs HTTPoison etc
Currently suffering from paralysis by [HTTP client] analysis. This is rather unusual in Elixirland as there tends to be consensus on the ...
#http_client
252 21859 30
New
AstonJ
Learning Resources>Books

Functional Web Development with Elixir, OTP, and Phoenix (Pragprog)
by Lance Halvorsen Elixir and Phoenix are generating tremendous excitement as an unbeatable platform for building modern web application...
#book-functional-web-development-with-elixir-otp-and-phoenix#pragprog
460 27162 124
New
Back to top

Libraries & Projects>Libraries

Libs/Projects Libraries ❯

Latest on Elixir Forum

Elixir Forum ❯

Sponsor Spotlight

Pragmatic Studio

Courses that'll move you from confusion to "Aha, now I get it!"

Our Sponsors

Dashbit

Build Elixir applications with speed and confidence.

EEF

Supporting innovation across the BEAM ecosystem.

Coders51

We build reliable cloud platforms for business-critical systems.

AppSignal

Catch errors, track performance, monitor hosts and more.

Manning

Develop your skills with books, videos, and courses.

ElixirCasts

Producing high quality Elixir screencasts since 2017.

WyewWorks

Enabling companies to succeed by building software people love.

Pragmatic Studio

Courses that'll move you from confusion to "Aha, now I get it!"

View all our sponsors ❯

Categories:

Sub Categories:

Forums

Our Sponsors

Dashbit

Build Elixir applications with speed and confidence.

EEF

Supporting innovation across the BEAM ecosystem.

Coders51

We build reliable cloud platforms for business-critical systems.

AppSignal

Catch errors, track performance, monitor hosts and more.

Manning

Develop your skills with books, videos, and courses.

ElixirCasts

Producing high quality Elixir screencasts since 2017.

WyewWorks

Enabling companies to succeed by building software people love.

Pragmatic Studio

Courses that'll move you from confusion to "Aha, now I get it!"

View all our sponsors ❯

We're in Beta

About us Mission Statement