Matt King 🌡's Avatar

Matt King 🌡

@mattk.ing.bsky.social

Web dev: Laravel, Vue, Inertia, Postgres. Neovim enjoyer. Tinkering with TALL stack, Flux, and Verbs. Data: R/Tidyverse enthusiast. GIS nerd. Building apps for wildlife conservation. πŸ’» mattk.ing

143 Followers  |  834 Following  |  25 Posts  |  Joined: 24.10.2024  |  1.9906

Latest posts by mattk.ing on Bluesky

Video thumbnail

Here's a peek at the Hero section for my upcoming Prismic course. We're using @gsap.com and @threejs.org to animate this 3D skateboard that we also get to customize.

You can tell your friends you know how to ollie, kickflip, and frontside 360.

03.12.2024 16:29 β€” πŸ‘ 173    πŸ” 14    πŸ’¬ 18    πŸ“Œ 6
Sticker that says "United Flying Octogenarians"

Sticker that says "United Flying Octogenarians"

Saw a UFO today

29.11.2024 00:44 β€” πŸ‘ 5    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0
Preview
Event Sourcery w/ Shawn McCool | Over Engineered | Episode 26

Episode 26 of Over Engineered is out!

➑️ Event Sourcery w/ Shawn McCool

share.transistor.fm/s/1d8882df

26.11.2024 22:15 β€” πŸ‘ 8    πŸ” 3    πŸ’¬ 0    πŸ“Œ 1
Preview
Deno v. Oracle: Canceling the JavaScript Trademark Oracle is holding the JavaScript trademark hostage, and we’re pursuing legal means to #FreeJavaScript. Here’s a brief update.

It's done. Now it’s your turn, Oracle.

We’ve submitted a formal petition to cancel the JavaScript trademark: it is generic, Oracle has abandoned it, and Oracle committed fraud on the USPTO during the last trademark renewal.

It's time to #FreeJavaScript.

deno.com/blog/deno-v-...

25.11.2024 19:02 β€” πŸ‘ 981    πŸ” 270    πŸ’¬ 21    πŸ“Œ 36
Post image

Just shipped my first rich text editor.

I'm super proud of it.

Even if you don't use Flux, taking a peak at the blog post I just wrote up is worth your time: fluxui.dev/blog/2024-11...

25.11.2024 16:18 β€” πŸ‘ 203    πŸ” 19    πŸ’¬ 17    πŸ“Œ 5

Woo, new podcast πŸŽ‰ This is a great listen!

20.11.2024 02:11 β€” πŸ‘ 2    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0

Excited for NeovimConf tomorrow!

19.11.2024 00:31 β€” πŸ‘ 2    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0
Preview
a man in a brown jacket is standing in front of a store with stickers on the wall ALT: a man in a brown jacket is standing in front of a store with stickers on the wall

Whoa that's a nice collection! Never got into vinyl, but shout out to High Fidelity. I still think about that movie all the time

15.11.2024 14:09 β€” πŸ‘ 1    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0

πŸ‘€ wow didn't notice that

15.11.2024 03:45 β€” πŸ‘ 0    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0
Preview
Namespace – Accelerate your developer workflow Namespace accelerates the development workflow of fast-moving software engineering teams. Best-in-class compute and development-supporting services that lead to 2x-10x faster builds, tests, and more.

I heard @changelog.com talk about using namespace.so on a fairly recent episode. Might be worth a look. Seems like they have mac runners, too.

14.11.2024 19:20 β€” πŸ‘ 2    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0

Your own
Personal
Website
Someone to read your blog
See your pictures from Prague

14.11.2024 01:21 β€” πŸ‘ 0    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0

Just made it through the whole episode!

Thoughts:
- Not "Discount Aaron", but "Premium Caleb"
- Maybe the way around some of these trickier things in Flux is to make customizing less scary. Flux could somehow make it easier to sync changes to custom components + more examples in docs?

13.11.2024 16:34 β€” πŸ‘ 1    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0
Post image

Multi-selects just dropped in Flux!

Been a long time coming on this one. Building a good searchable multi-select is...well...not easy lol

Dig it in a fancy lil blog post I slapped up: fluxui.dev/blog/2024-11...

13.11.2024 13:27 β€” πŸ‘ 81    πŸ” 8    πŸ’¬ 4    πŸ“Œ 0

Lots of solid Postgres advice here!

13.11.2024 03:31 β€” πŸ‘ 2    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0

Right?! I mean Skittles are fine, I guess, but I would actively seek these out. Bought it on a whim for my kids at a downtown fair.

10.11.2024 01:44 β€” πŸ‘ 1    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0
Post image

Highly recommend a freeze dried Skittle. Imagine a Skittle but light and crunchy.

10.11.2024 01:13 β€” πŸ‘ 2    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0
import { authorFeedLoader } from "@ascorbic/bluesky-loader";
  
const posts = defineCollection({
  loader: authorFeedLoader({
    identifier: "mk.gg",
  }),
});

export const collections = { posts };

import { authorFeedLoader } from "@ascorbic/bluesky-loader"; const posts = defineCollection({ loader: authorFeedLoader({ identifier: "mk.gg", }), }); export const collections = { posts };

---
import { getCollection } from "astro:content";
const posts = await getCollection("posts");           
---

<div>
  {
    posts.map(async (post) => {
      const { Content } = await render(post);
      return (
        <section>
          <Content />
          <p>{post.data.likeCount} likes</p>
        </section>
      );
    })
  }
</div>

--- import { getCollection } from "astro:content"; const posts = await getCollection("posts"); --- <div> { posts.map(async (post) => { const { Content } = await render(post); return ( <section> <Content /> <p>{post.data.likeCount} likes</p> </section> ); }) } </div>

Would you like to display your Bluesky posts in your Astro site? I've made an Astro content loader for Bluesky! When you build the site it loads your posts and puts them in a content collection. You can then display them on a page, or use the raw data however you want.

github.com/ascorbic/ast...

03.11.2024 18:15 β€” πŸ‘ 381    πŸ” 72    πŸ’¬ 29    πŸ“Œ 5

Yeah, the Wave is a lottery. But there are some other amazing hikes in the area that don't require a permit

02.11.2024 15:52 β€” πŸ‘ 1    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0
The Wave in Arizona.

The Wave in Arizona.

Love a good mountain! The Wave in Arizona.

02.11.2024 04:07 β€” πŸ‘ 3    πŸ” 0    πŸ’¬ 3    πŸ“Œ 0

the fediverse bridge server should be called bridgerton

01.11.2024 17:52 β€” πŸ‘ 48    πŸ” 4    πŸ’¬ 0    πŸ“Œ 1

Could this turn into something like Storybook for Livewire/Flux apps? Would be so cool to see the all your components as a design system

01.11.2024 16:57 β€” πŸ‘ 2    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0

This is really cool!

01.11.2024 16:36 β€” πŸ‘ 2    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0

πŸ‘‘πŸ‘‹πŸ»

01.11.2024 16:05 β€” πŸ‘ 4    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0
Video thumbnail

I’ve loved designing, building, and teaching big YouTube courses for my job at Prismic this past year.

My favorite part is making the fake brands for each website.

In the latest one we build a landing page for a fake soda brand called Fizzi.

01.11.2024 13:47 β€” πŸ‘ 155    πŸ” 17    πŸ’¬ 30    πŸ“Œ 7

This looks incredible!

01.11.2024 14:11 β€” πŸ‘ 2    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0
Post image 31.10.2024 18:31 β€” πŸ‘ 218    πŸ” 22    πŸ’¬ 17    πŸ“Œ 1
Post image

I finally cracked a good API for fully customizable radio/checkbox cards in Flux

fluxui.dev/blog/2024-10...

31.10.2024 15:03 β€” πŸ‘ 51    πŸ” 4    πŸ’¬ 10    πŸ“Œ 0

"We care deeply about providing world-class UI components that look amazing in the browser, feel amazing in your editor, and are accessible to as many people as possible."

Love to see it, great work!

31.10.2024 15:36 β€” πŸ‘ 0    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0
blue butterfly tramp stamp tattoo

blue butterfly tramp stamp tattoo

welcome everyone

31.10.2024 14:42 β€” πŸ‘ 314    πŸ” 10    πŸ’¬ 18    πŸ“Œ 1
Video thumbnail

We took the Inertia.js infinite scroll component for 2.0 and turbo boosted it:

- ⬆️ Reverse infinite scroll
- πŸ‘¬ Multiple infinite scroll components on the same page
- πŸ”ƒ *Two way* infinite scroll
- πŸ”— Syncing page state in URL
- πŸ–±οΈ Manual mode after X requests

πŸš€πŸ‘¨β€πŸš€

Speed run to get it under one minute:

29.10.2024 17:02 β€” πŸ‘ 97    πŸ” 14    πŸ’¬ 8    πŸ“Œ 9

@mattk.ing is following 20 prominent accounts