@src_rip

https://xitter.cf/t.co/LKXB5OsIHy on YT https://xitter.cf/t.co/DeEh0ngwLf LiveView Expert, interests: Elixir | Phoenix | NeoVim | Web Performance | Accessibility | WebRTC | Svelte

 Michigan
andrewian.dev
Joined October 2017
  • Tweets6K
  • Following1.3K
  • Followers916
New Youtube Video (in quite some time), this time more rambling about Mise and Chezmoi. youtu.be/pS9mOSGWIsw

Mise and Chezmoi Will Change Your Life (for the better)

I've recently started using both Chezmoi and Mise, and I wish I tri...

youtube.com
1
117
Replying to @Y2K_mindset
@Y2K_mindset
1
38
Fun police

ALT Fun police

Daniel Hooper
@DanielcHooperOct 20
Recently attended an in-person handheld game console hackathon. I wrote a raycaster by hand. Someone wearing a β€œI ❀️ slop” tshirt saw mine and said β€œoh I wrote a ray caster too!”. They showed me. It was a ray *tracer* and claude did all the work. The person didn’t know basic graphics terms. They couldn’t answer basic questions about how it worked, could only talk about their prompting harness. Sad how AI is ruining the craft and community for people that actually like to program and have spent their lives getting good at it.
101
New homepage at dizzy.style what do you think? If you haven't signed up at dizzy.style/newsletter yet and you are interested in the project I'd appreciate it if you would, I will not spam you with a bunch of emails and it helps me gauge interest levels
dizzy.style homepage

ALT dizzy.style homepage

3
235
Replying to @Y2K_mindset
He’s def our first gay president, maybe second if you count Eisenhower
That one super gay photo of Eisenhower

ALT That one super gay photo of Eisenhower

6
124
The β€œwaow based” meme

ALT The β€œwaow based” meme

The International Magazine
@TheIntlMagzOct 11
The red flag rises over Paris: A glimpse from today's protest. #socialism #communism #france
3
183
Replying to @mikehostetler
@mikehostetler
2
49
Replying to @acangiano
@acangiano
1
25
Replying to @Y2K_mindset
@Y2K_mindset
1
28
Working on a blog post where I'm presenting a minimalist version of my library `LiveToast` for anyone who doesn't want to use it and wants to maintain something more minimal:
Text from upcoming blog post: # Presenting `mini_toast.ex` The basic idea of `mini_toast.ex` is that rather than being a library, it’s a simple file you can copy into any modern Phoenix/LiveView project, own it, add whatever styling and additional features you want, etc., and you have a pretty good starting point for your own toast implementation if you’d rather not use `LiveToast` and aren’t satisfied with any of the other options out there. > Note: The version I’ll present below utilizes colocated hooks added in LiveView 1.1, but if you’re on an earlier version you can just put the JS in your regular `app.js` file and everything else is the same. > Here’s my minimalist starting point for you:

ALT Text from upcoming blog post: # Presenting `mini_toast.ex` The basic idea of `mini_toast.ex` is that rather than being a library, it’s a simple file you can copy into any modern Phoenix/LiveView project, own it, add whatever styling and additional features you want, etc., and you have a pretty good starting point for your own toast implementation if you’d rather not use `LiveToast` and aren’t satisfied with any of the other options out there. > Note: The version I’ll present below utilizes colocated hooks added in LiveView 1.1, but if you’re on an earlier version you can just put the JS in your regular `app.js` file and everything else is the same. > Here’s my minimalist starting point for you:

2
280
Here’s my 9:
My 9 games: 1. Bg2 2. War craft 3 3. Achaea 4. Kotor 5. Mass effect 2 6. Call of duty 2 modern warfare 7. Fire emblem 7 8. Halo 1 9. Majoras mask

ALT My 9 games: 1. Bg2 2. War craft 3 3. Achaea 4. Kotor 5. Mass effect 2 6. Call of duty 2 modern warfare 7. Fire emblem 7 8. Halo 1 9. Majoras mask

1
3
209
A lot of new components getting done--feel free to wishlist Dizzy at dizzy.style/newsletter if you wanna keep up with the project,
dizzy.style component catalog

ALT dizzy.style component catalog

1
1
4
577
which of these two do you prefer typography wise, if you can tell the difference?
dizzy website A

ALT dizzy website A

dizzy website B

ALT dizzy website B

3
291
behold one of my favorite CSS tricks: the animated focus ring. Tailwind brought a curse upon us of everyone thinking they should write bespoke focus styles for every element. we didn't used to do this. you used to write one focus style for everything. that is *still* the best
label: animated focus rings source code: /* Shared keyboard focus, including exported controls inside custom elements. */ @layer base { :where(:focus-visible), ::part(button):focus-visible { outline: 2px solid var(--ring); outline-offset: 5px; animation: dizzy-focus-offset 100ms linear; } @media (prefers-reduced-motion: reduce) { :where(:focus-visible), ::part(button):focus-visible { animation: none; } } @media (forced-colors: active) { :where(:focus-visible), ::part(button):focus-visible { outline-color: Highlight; } } } @keyframes dizzy-focus-offset { from { outline-offset: 0; } to { outline-offset: 5px; } }

ALT label: animated focus rings source code: /* Shared keyboard focus, including exported controls inside custom elements. */ @layer base { :where(:focus-visible), ::part(button):focus-visible { outline: 2px solid var(--ring); outline-offset: 5px; animation: dizzy-focus-offset 100ms linear; } @media (prefers-reduced-motion: reduce) { :where(:focus-visible), ::part(button):focus-visible { animation: none; } } @media (forced-colors: active) { :where(:focus-visible), ::part(button):focus-visible { outline-color: Highlight; } } } @keyframes dizzy-focus-offset { from { outline-offset: 0; } to { outline-offset: 5px; } }

1
6
656
Load more