I ran out of paper, more next week https://t.co/bCkFHwieeY
Websockets! https://t.co/Z1ck7vpY1C
Uh oh https://t.co/qEf9nkLREx
Soooo I got a receipt printer and Iโm gonna control it with JavaScript https://t.co/ZCB9wNvIGZ
This company always sends me keyboards.
Will this be the one to rip me away from the best keyboard in the world? I canโt live without a numpad https://t.co/DyhUjRNivH
Had an awesome time at the Toronto Dev Tools meetup last night.
Thanks @bentlegen for hosting + awesome photo and @getsentry for sponsoring https://t.co/lMKFTM9tZS
Got it! The key was understand how webpack does dynamic imports. It needs a bit of static info on which folder it will dynamically import from so it can make the modules. https://t.co/q2TMdx9AM1
Is it at all possible to do Dynamic imports in Next.js of a server component?
I have several hundred MDX files I need to import based on their slug - I can't use folder routing for slugs.
I can use generateStaticParams to generate a list of URLs, but the dynamic imports wontโฆ https://t.co/PSw5RLZBP4 https://t.co/432uHWzdws
Is is possible to use next/image with files outside the public dir?
I have images alongside my markdown files in a posts/ dir, and I need reference them. The paths are in the frontmatter, so I need to somehow make next know about their paths. https://t.co/aA1pcDshXA
Tonight! Devtools meetup in Toronto! https://t.co/ZVFk0HzEHJ
Are there features that you just love to implement?
For some reason I always enjoy pagination
Pretty neat demo from @xenovacom
https://t.co/93LDahL4m0
AI model to generate music, running in the browser with JavaScript. No API!
> Catchy early 2000s metalcore, breakdowns, chugging guitar riffs, double kick drums. https://t.co/Y3JvrlxEnj
Half pixels in CSS is a totally fine thing to do. Often 1px is too thin, but 2px is too thick.
Since most of our screens are HiDPI, there are more pixels to play with!
Non-HiDPI displays will round down to the nearest pixel, except for 0.5px which rounds up to 1px. https://t.co/dTz3RUe5HM
Is Chrome trying to kill off ad blockers?
Today we have Google's Oliver Green on the show to press him on the Manifest V3 changes, chrome extension development and talked a little bit about his time at 1Password
Getting a little roasted in the comments section - but I feel likeโฆ https://t.co/oPiDPd9V5M
ever have a random auto import ruin your day https://t.co/XJjTQWq5ff
can google please throw the ban hammer on these fake transparent pngs please https://t.co/W4wxaNNKCt
Follow up - doing updates that cause a paint on scroll is the same as using requestAnimationFrame these days, right?
I have this little squiggle that updates as you scroll, and I popped the tailwind `transform-gpu` class on it for good measure.
When I did that my FPS dropped from ~58 to 30.
Is it not worth using these gpu hacks any more? https://t.co/HyvyF1pa9i
Imagine using this as your dev machine https://t.co/JLmqfZIw5z
ya or nah? https://t.co/XoY0OuVbYk
new domain: https://t.co/TTMwjSxRCl
Michelin moving to svelte? ๐ https://t.co/uLtp2X9wYc
Good name for a boat? https://t.co/T2y4jOa9XM
Happy may two four https://t.co/7lmr40LnzU
Cottage szn has begun https://t.co/9d2E5zf41B
I will likely need to bring in wasm ffmpeg in next so we can export them as mp4, as well as crop out the controls.
Also wondering if the new chrome headless will work as there has been limitations on headless chrome and getDisplayMedia
This is so cool I tried my hand at creating video audiograms, but in the browser:
Audio visualization with AudioContext + canvas
Screen capture with getDisplayMedia()
Recording + exporting to file with MediaRecorder https://t.co/vlPwvjpY21
Which host should you use? How are they billed? CPU hours? Serverless, Serverfull and edge.
Huge show comparing:
โฃ Vercel
โฃ Netlify
โฃ Digital Ocean
โฃ Fly io
โฃ Railway
โฃ Render
โฃ Heroku
โฃ Linode
โฃ Deno Deploy
โฃ Flightcontrol
โฃ Cloudflare
https://t.co/ZXhFuXB6R3
I found this old boom box for $1 at a yard sale this weekend. Last night I cracked it open and added a Bluetooth transmitter to it.
Pretty fun project. I think I want to add a google home or Alexa to it next now that I have aux in and 12v figured out https://t.co/sxdZIP6OPo https://t.co/2pIlT8O3aI
A few years back I updated a test written by @RubenNorte. He set up an in-memory file system in `beforeEach` and ran `rm -rf /` to clean things up.
While making changes to Jest I accidentally disabled the file system mock, not realizing I had the test running in watch mode inโฆ https://t.co/wXHmyw0Tx6
This might only be used to pull up older sick picks https://t.co/jZbEuBsPQD
Making very good progress with the Syntax AI stuff.
I need to test it now to see if I'm giving enough context.
Send me some questions of things you'd search, ask or sort of remember hearing about on the podcast. https://t.co/MmmCb9Fznx
@kentcdodds were gonna have badge-injection zero days soon
I'm in! https://t.co/C39yDNiT2t
JavaScript: Here are tons of ways to debug, pause, step through and inspect scope in your your application
me: https://t.co/FrjJFydRAa
There are two types of people in this world:
1. Those who have deleted something important by accident
2. Those who haven't, yet. https://t.co/vOfRAKFVbn
Why is everyone talking about signals lately?
Ever have the issue with React where you can't pass data up?
Want to import/export data stores from .js file?
We did a quick Hasty Treat explaining Signals: https://t.co/ARFVRMikdl
JavaScript's for of loop, continue and break are super underrated
Checking out @xata as a DB to store + query vector embeddings . Big fan so far, great typescript integration.
Ran 30,000 updates on the free plan in ~10 mins and instead of rejecting with a rate limit, they just delay the response a ~1s. No extra code needed on my end
If you are using background-clip: text; to get cool gradient text, make sure to specify your ::selection CSS otherwise your text goes missing! https://t.co/NIrQEorDjU
The OpenAI work I'm doing for the new @syntaxfm is so good.
I've got it generating a list of links of projects simply mentioned in the audio. About 1 in 10 it goofs up - in this show it made a fake affiliate link for the sick pick. https://t.co/ZOQavkmwIV
Done! Man that feels good. Very happy with how everything went on this project. Now to fill it with equipment! https://t.co/bq6LTpgKEx
Webcam access and CSS filters are a great way to intro your kids to coding https://t.co/g1YKP17H1x
Donโt sleep on WordPress!
If you used it once 6 years ago, Iโd encourage you to check this episode on modern WordPress with @fabiankaegy https://t.co/splDRVrcvT https://t.co/yrwF4syfRn
I you give OpenAI a a spot to put its notes, it wont ever sent text along with JSON results, which mean you can json.parse with confidence (and a try catch!) https://t.co/ev9VUB2Vxo
Streaming video is really tricky.
Codecs, resolutions, bitrates, chunking, network speeds...
We talked to the Dylan from Mux to get the low down on how it all works, and how to build a custom player. https://t.co/Y0xGQr5vtp
So Safari _can_ be updated without restarting your entire computer.
Why do they badger us to restart our computer just to update a browser? This ain't windows 95 https://t.co/tZNWDedoV4
What is your approach to long running bg tasks in a serverless env?
I have one:
1. Makes ~50-60 requests concurrently and wait for all to settle. ~1-5 min
2. Makes a single request with that data. ~2 mins
Queues? Serverfull? Long limits?
@kentcdodds I do not understand why people spend their day writing such massive threads about things they dont like. It's the same with youtube comments - "Ive been a ___ for 15 years and this intro video is totally wrong.
Like why are you watching? Do you not have anything better to do?
hilariously getting lots of support email about the cornify.js script in my JavaScript30 course not generating unicorns.
Seems the remote unicorn resource is down, so I patched the script for now with backupacorns
#SoftwareEngineering https://t.co/yO2ilJ9XAu
We just came up with the term for a couple who both make money and chose to have kids.
Double Income Chose Kids - DICKs
I just console.clear()'d 73 cents worth of an OpenAI response ๐ฅฒ
always:
await writeFile(`completions/${https://t.co/f2ZBRpEQIH}.json`, JSON.stringify({ input, output: https://t.co/zVL3kttzoi }, null, 2));
1Password has been stepping up their auto detection game lately. Makes life so much easier https://t.co/ZOVBZ8kFJl
Github copilot has got to fix this extra brackets + quotes bug. Even the AI knows how to fix it! https://t.co/t5KXf3SQcM
Stop typing twice!
Here is how to collected multiple named exports and import them under a single JavaScript variable in ESM https://t.co/QDNrw6I83p
Handy CLI AI feature:
convert example code into npm install commands without having to copy+paste each package
just type `install these` and paste in your imports https://t.co/OYToBdCl6u
Thinking about doing a @syntaxfm on electronics / electrical basics for the developer who wants to tinker. YN? https://t.co/2jgpxvoSfJ
Use the p-all package to limit the number of promise functions that are running at the same time.
Useful if you don't want to overwhelm an API endpoint or system resources.
In my case I'm transcoding audio files, and only want to run at most 10 at once https://t.co/7AmvJtmEBj
@wesbos Lately I've used :has to create reverse sibling selectors/:
.product + .sale /* style a sale that follows a product */
.product:has(+.sale) /* style a product that precedes a .sale */
Here is the output of that log function - each one prepends the show number to the log.
This is how https://t.co/o64SR1bMYz should work... https://t.co/9tXIOiyChR
๐ฅ Here is a another use case for the AsyncContext API, which is confusingly called AsyncLocalStorage in node.
For logging, I wanted to reference a Show Number, or a CLI spinner anywhere in my callstack, without having to pass it into every function. https://t.co/7J23DLZqJM
Just found some designs I did 18 years ago. Not that far off from what I still make ๐ https://t.co/l5CS3dHdbv
I feel like I'm pretty dialed into whats going on with CSS right now, but we had @argyleink on @syntaxfm and he further blew my mind with all the new + planned CSS features.
State queries (stuck, scrolled, etc), animation-composition: add + 100 more
It will be out next Friday.
Raycast launched Pro today - includes themes! Cobalt2 for @raycastapp https://t.co/wxdKZzBIr9 https://t.co/AcglF1keuK
Remember I was asking about measuring the perf behind a slow client creation in JS?
Some really smart folks dug into it, and found it was Zod parsing /validation causing it to go from 1ms to 120ms.
Good read to see how people dig into perf issues:
https://t.co/SlujjWGjsK
๐ @hover customer support phone says "If this call is related to a Hover Board you've reached the wrong place"
Has anyone used a 4K TV as a computer display? I have a company offering me a 65" miniLED TV if I do a video, and I'm wondering if it would be fun to try use it as a massive monitor.
Theoretically it would be the same width as my current setup, just not as pixel dense
Did you know that Google docs, sheets and slides isn't using HTML? And it's written in Java and transpiled to JavaScript?
We had @zachlloydtweets on the podcast to talk about Warp, but I had to ask him about his past work as a Principal Engineer at Google https://t.co/zSUnLPYHSI
Trimmed out the floor as well. Sure has come a long way! https://t.co/ScuKceqdz3
Framed out the mirror and got the 12v wiring done permanently https://t.co/hpCBcvFTgF
Shoutput to the 11 people suggesting I ask chatgpt. I do know about it
https://t.co/C1asRrZhc6
Seems like a bug - swtiched to ffmpeg.wasm lib which can also be used in the browser. Worked great, and there isn't a new syntax to learn. Thank you @JuanGaleas7 !
Anyone a pro at ffmpeg? I'm trying to convert this CLI command, which works, into fluent-ffmpeg and each time I get:
Cannot find a matching stream for unlabeled input pad 2 on filter Parsed_concat_0
Each mp3 has audio on stream 0:0.
If I switch syntax.mp3 to second, it works https://t.co/R8akSKHT6l
Unexpected token < https://t.co/y1E5QrqPU3
*cracks knuckles* debugging obscure ffmpeg messages this morning. Wish me luck
@youyuxi Mostly fur indoors right now. You could swing a crown too. https://t.co/tDSKMKyLYd
Words to live by (thanks to @wesbos for the sticker packs) https://t.co/wqqZ1G0lGV
Been trying to find a way to reliably assign speakers to the @syntaxfm transcripts we get. I started trying to match common sayings, but it wasn't 100%.
Now I've landed on merging some known + unique audio on the end of every file before it's sent off for transcription. https://t.co/rVNcs8pU9w
Here is the codebase. Pretty simple Vanilla TS and a bunch of CSS. https://t.co/YY46E1GoN7
Would be really nice to programmatically generate a bunch of custom lower thirds without knowing video FX software
I built a little tool to generate transparent overlays for my videos + thumbnails.
I was tired of manually creating these, so I'm using CSS and then using html2canvas to dump into a transparent png. Works very well! https://t.co/86ghXeDmCW
CSS logical properties specifies width/height/padding/border/etc using inline + block instead of top + bottom.
But where is that actually useful?
Here is a good example I just ran into with writing-mode: vertical-rl; https://t.co/EenAB9T8wI
We may be in the 5th month of the year but we know you folks have just been dying to see the top 10 episodes from 2022! [a thread]
me creating an HTML input and setting the for, type, name, id, class and autocomplete all to the same value https://t.co/ttm9FOfVZe
A few of you asked for some more examples of when you would use this.
Next.js i using AsyncLocalStorage to access cookies and headers within server actions
https://t.co/1B63s5RBwW
out of 123 episodes transcribed so far, I've said "Under the hood" in 25 or 20% of shows https://t.co/F7E8CyceXK
We moved the @syntaxfm to it's own org. We will are working on the new website in the same repo and will provide update shows as we work through everything
stolinski has been crankin' on the stack infra and I've been working on the automations + AI stuff
https://t.co/LSHsRqtJ9B
Back home after reactathon - always refreshing to meet so many new people, have good conversations, and put faces to the twitter handles. Highly recommend going to a conference if you havenโt been in a few years
siick https://t.co/sdawHmCnbh
Finally got some ink from the kind folks at @MuxHQ https://t.co/vwGFzlyLZv
@reactathon with the legend himself @wesbos https://t.co/awTO784oYF
who gave openai my tweets https://t.co/14jYSlGQT4
Has anyone stored Vector embeddings in a mysql db before? I know there are postgres extensions, and custom DBs for it, but curious if it can be done for simpler data inside mysql
@wesbos kicking us off with an awesome talk @reactathon on Edge functions, serverside runtimes and more! https://t.co/zfLdgYlEU7 https://t.co/RLfCdi94ux
๐ฅ @Wesbos killing it at #Reactathon as usual. #likeabos https://t.co/Yv2pnGHLEa
Streaming now!
My @reactathon talk on next gen server JS runtimes will be streamed here in 1 hour. 10amPT 1pmET https://t.co/RCTkZ4ZxxT
@kentcdodds @TkDodo @flydotio That said many people donโt need that, so itโs a great option for long running servers
@kentcdodds @TkDodo @flydotio We talked about this on the next podcast when comparing hosting providers - itโs not exactly the same as you are paying for every instance to run, so a $10 box becomes $330 if you wanted it everywhere. And it doesnโt auto scale to where your traffic is coming from
Server components panel with @BHolmesDev @RyanCarniato @tannerlinsley @shrutikapoor08 https://t.co/SX1tAvW78E
Only @DavidKPiano came to my talk ๐ฅน https://t.co/sc36K50c90
Come on out SF friends. Gonna be a hoot https://t.co/Z3VvD5fS5K
@kentcdodds Services based on standards, easy escape hatch if needed.
Styling my slide deck, and I'm now able to select the slides based on different types of layouts with css :has().
I previously had to add classes to every slide. Now I just add content and the correct layout is applied https://t.co/qzdBwWuHMs
@kentcdodds Def could be a foot gun.
*returns to adding the 28th <provider> to my application*
@reactathon Also holy smokes I forgot how long it takes to build a talk. Been working on my talk on next-gen server JS for days. Gonna be a good one!
Headed out to @reactathon tomorrow morning! Bummed to miss the speaker dinner, but Ill be there to hang out nice n early!
Screenshot of ChatGPT has officially replaced "I googled your question and sent you the first answer" on my twitter questions ๐
Is there a Node.js server that supports the fetch Request/Response types a la deno/bun/cloudflare? https://t.co/jf1bBnO2at
The Async Context / AsyncLocalStorage API is pretty neat - you can create a store and acesss it anywhere down the callstack context without having to pass around data.
It's kind of like closure scope, but but for the async context of your function calls. https://t.co/DyIixfad8g
Fresh set https://t.co/5VdtMjHfKG
Flashing a microcontroller from a web browser. The web is awesome https://t.co/Oc94ZkObcQ
Got the LED controller working. I need to now wire it up more permanently https://t.co/SI9ypVLD3t
Got the floor in! Kids had to try it out before I was even finished. They are very happy https://t.co/3SP0X9PNLL
So, you are starting a side project - do you need a cookie banner?
What about a terms & conditions. Privacy policy?
We had a real lawyer on the podcast to explain what you need.
https://t.co/t6iZqxsV88 https://t.co/YYUJjQ10IV
update: Cloudflare workers startup time is measured in regular time
Each request is measured in CPU time - so you don't wait on network.
In my case, the Agent creation isn't touching the network, it's imply the class instantiation huge. Too large for cloudflare workers
Is this how you would measure the CPU script startup time for a cloudflare worker? I'm getting errors that it's over the 10ms threshold, and node.js is telling me the Agent creation is 102ms alone.
Could it be that this lib is just huge/slow? https://t.co/AROqrbGk5M
Spotify is down, find me listening on Purevolume
Started the floor install tonight! Getting close to being done https://t.co/pfi9DpynaW
I had to show someone this.
I wanted to use background-clip: text; but with a canvas or video element - not just a background image.
So I came up with this monstrosity that actually works! https://t.co/SZor6PgCso
More on the different types of gradient interpolations on Adams blog: https://t.co/HcaPzUqYIk https://t.co/AzzVLBTuFg
CSS trick from @argyleink
I had tried to make a rainbow gradient in HSL, but hues 0 and 360 are both red.
This new interpolation syntax lets you do it - in Chrome already
linear-gradient(to right in hsl longer hue, red 0% 100%)
Demo: https://t.co/IDzENECKCX https://t.co/jxXRYCgXOg
Doing a livestream - come hang out ๐ https://t.co/5VXTuOEaIZ
It doesn't work perfectly with calculated values, so if it's something that you also need in JS, I'd go the other way around and set the variables on the document with JS:
https://t.co/bDe7OLLLFt.setProperty('--property', yourVariable) https://t.co/6OP6FctGh6
๐ฅ If need to use a CSS variable inside of JavaScript, you can grab it off the document with getComputedStyle() https://t.co/wZRIAY8ajw
A good use case for Container Queries in CSS: A Weekly Events Calendar
Pen: https://t.co/L05Bnp9G9Y
5 minutes on YouTube explaining: https://t.co/IkklO5tLOn https://t.co/TKRxulpHBU
Having too much fun trying to get the Stripe wave to run locally.
Does anyone know other libs that make these cool waves? three.js or otherwise? https://t.co/Bsz0LxhnEc
made a Blue Sky CLI in TypeScript. The AT protocol is pretty cool!
You can post + pull feed. Should be a good example to reference
https://t.co/gkUaj5h4j4 https://t.co/qzBAGLlT51
Did you know you can load in environmental variables with 1Password with the `op` package?
It even conceals them from logs! https://t.co/pAwz39xv6X
Worked on the mirror the last two nights. WLED on a dig quad, 12v light strips. I think I need to inject power on the end of the strip, as itโs a bit dimmer but looking good! https://t.co/iiHS21YWlv
BleuSky is poppin folks. I donโt have any invites, but I feel like my feed is already very good. Letโs keep it up!
Been hearing a lot about JavaScript Signals lately?
With just a few lines of code you can take your Vanilla JS variables and make them reactive.
Here is a little demo I whipped up using Preact Signals - can be used without a framework! https://t.co/MCkGrjfK0R
Every time. Even Node.js is having the issue. ERR_TOO_MANY_REDIRECTS
@nodejs the fix is to turn on "Full Encryption" instead of "Flexible" https://t.co/gYw9AD0gb0
Email filter I need: delete email from anyone who uses blue text and or a serif font
@thejsnation I hope someone tells me iemand achter het behang willen plakken
Very much looking forward to @thejsnation conf in Amsterdam (my people).
Going to be doing a talk on AI from a coding perspective, and how we can use it + integrate it into our applications.
https://t.co/hFpGoT75zf
Got one! Thanks
I too am looking for a bleusky invite
Honestly props to @kentcdodds for coming forward with this https://t.co/KNZXZzVe2x
Painted, trimmed and sealed. Ready for the flooring next! https://t.co/DhFRcnt9jn
the best way to learn typescript is to write a generic reduce that tallys unknown properties in objects. It's got it all, type guards, inference, generics...
Wicked new website from @argyleink - https://t.co/uhPvBu6SRS.
I can finally understand CSS Radial Gradient farthest-corner vs farthest-side https://t.co/0MZd403ZKh
I've always wondered how @geteslint actually works.
Fantastic conversation with @slicknet on @syntaxfm on how he stays motivated to work on a long-running project, how everything works, new ESlint configs, and adding Rust to the project https://t.co/LShRJSYMk7
Amazon now has Code Whisperer - it's Copilot competitor - and it's free!
I wrote the same TypeScript app in both, side-by-side to see how they stack up โ https://t.co/fdjnC2oxzO
With co-pilot CLI you can sort ask it to revise a query, but I think Warp has a leg up here with their side panel as they aren't limited by the terminal formatting.
So warp has better UI, Copilot has better descriptions. Ill keep playing with it over the next few weeks https://t.co/IWfJqC1maE
Got access to Github Co-pilot CLI. Pretty impressed so far - the command breakdown is very good. https://t.co/5ZZR5DFFTc
๐๐ป blue check. Kinda nice because now im gonna try Twitter Blue again. less ads, longer videos and edit button are all things Ive said I'd pay for
Anything worse than trying to view logs and memory metrics from your phone? Shoutout to all the sysadmins who can work from a phone
Oof, learned a hard lesson in pinning engines.
My host Render needed to move my instance, and in doing that it rebuilt on node 20, which had some sort of memory leak and crashed every 2 mins.
Luckily they didn't all crash at the same time, so the load balancer handled it ๐ https://t.co/gTmDBr9tBE
Having some fun playing with the transcript output.
I eventually want to have some sort of currentTime notifier not only in the transcript, but in the show notes and summaries as well. https://t.co/W3gy7josoc
๐ @tylermcginnis https://t.co/zbI25nghfH
It's also amazing how good these services are. I usually pay $1.25/min for my course transcriptions (Rev, AI + human touch), and will likely move to using one of these at ~2 cents per min.
Descript and https://t.co/1nBLjJyH2b are services + not scriptable , but have been the best at this so far.
I also tried WhisperX which uses Whisper + Hugging face models, that worked OK but I don't love working in Python.
Any others I should check out?
Testing out a bunch of Speech-to-text ML libraries and APIS.
Whisper is good, but doesn't diarize speakers
Amazon and Google Cloud are really good and have a whole API for custom vocabulary. It does diarize, but doesn't recognize Scott and I. https://t.co/yjiZdkRuWW
Looks like I was on too modern of a python version - thanks everyone!
pip3.9 install worked
Any Pythonistas out there that can tell me why I always have trouble installing stuff with pip? Could it be my python version? https://t.co/7EnXzVOh5E
Server side alert(), prompt() and confirm() are actually pretty handy.
Deno has them, along with coloured console.log() โ https://t.co/iqdxjL3Rgx
I've never been called an idiot so many times, in so many different languages for a single tweet.
Saying a language or library sucks or dunking on a tweet doesn't make you look like a good developer.
It gets likes, but honestly you are doing harm to everyone involved. https://t.co/z9bqswpPKs
This is going to make fluid + responsive typography so much better!
CSS text-wrap: balance; will evenly distribute your text on available lines. https://t.co/1mHq6WC1pN
Can Vanilla CSS replace Sass yet?
We go through each of the sass features and give it a Yah, Nah or kinda โ https://t.co/0Anyja3bbN
Well, this tweet is officially out of control, so I'm gonna use it for personal gain.
โ Get really good at JavaScript, take my https://t.co/9NOPj49QdJ course - code 86MB gets you $15 off today only.
โ Listen to my podcast about web development: @syntaxfm
My lamboโs plate is gonna be 86mb https://t.co/E0gajhzOPR
Node is experimenting with a permissions model, which will be really nice to lock down access to specific folders.
The API is a bit clumsy, and doesn't support relative paths via the CLI.
Hope it will improve, as Deno's prompt UI is much nicer https://t.co/3X0VgbLqS8
Y'all having a hoot with how large the hello world is - a good chunk of that is the Intl API to format currency, lists and money.
you can shave off about ~20mb by only including English.
Still big, but im not your JS punching bag https://t.co/mG2DihLJBR
A common use case for this will be to use tooling in PHP/Ruby projects that don't want to fuss with installing node/npm on their box.
Tailwind already does this with their CLI https://t.co/OtUpyDw8QR
For comparison, Deno is pretty much the exact same size when compiled, which makes sense since it's V8 in both. https://t.co/mVm3D91f2p
Node 20 allows you to compile your app into a single executable along with the entire Node.js core so you can run your apps on systems where node isn't installed, or your don't trust the system version. https://t.co/yax6OWNZbO
@deno_land As an added bonus, Safari users get to see these samsung galaxy docx facebook style emojis https://t.co/IAT2hYdx8I
Safari doesn't support SVG favicons, so I used a Deno Canvas WASM package to make a PNG when Safari is requesting.
I also moved the site to @deno_land Deploy ๐ https://t.co/Q49IQn6KTz
me, every time I try use Cloudflare orange cloud with a hosting PaaS https://t.co/KeprmVuyCR
Very sad when ETID broke up, but they are back, sans Keith and Andy, but with Greg from dillinger and will from END.
And, damn, this is good. It somehow sounds like Dillinger and ETID taking turns. https://t.co/5kquiXtxKT
I added the copy + paste SVG code to https://t.co/EP6vWXQxxj https://t.co/i7WAtxB4C5
I love this fantastic @syntaxfm episode with @fabiankaegy. A must-listen ๐ง
It's thrilling to witness @wesbos and @stolinski's enthusiasm as they learn about the marvels of modern WordPress and the new block themes ๐๐
And there's so much more yet to come ๐ https://t.co/xxRFbPi6Cr
Happy Friday! Thanks for an awesome week โ๏ธ CL96A ID7OZ RFGL1 SNU3S GEZ3B DJO4K YQIWU
Sorry Riverside quality is awful so we're moving to Zoom and streaming on youtube!
https://t.co/1jsKfsjU1F
@stolinski @syntaxfm Join the stream here: https://t.co/RufT2KcRzk
Also will be streaming to YouTube and https://t.co/q9VhLwys6g
Going live with @stolinski / @syntaxfm in 45 mins (12ET) - will be giving away a bunch more codes! Will tweet link shortly
๐ฅ Sprinkle in a little JSDoc on top of your TypeScript when needed - helpful to adding descriptions to returned values, or marking things as deprecated https://t.co/9MIxZstsQ1
I love building little admin tools. Sometimes all you need is a number, a flex wrapper and a flex property to make a useful little chart.
S/O @wesbos for the on hover flex-grow: max(var(--stat), 30) idea.
Btw we'll be open sourcing this here soon: https://t.co/AQNZbrEuSp https://t.co/AkOWlXBcYZ
@stolinski lol some guy grabbed three of these. If you are gonna cheat - maybe don't give me your home address? Deleted his order - freed up 3 more
Been really enjoying hacking on the swag giveaway platform with @stolinski. He built it in sveltekit, and we have been cowboy adding features as we need them. https://t.co/a1vkRrxaiC
A lot of you wrote bots ๐ https://t.co/jaCG9qSVpV
@syntaxfm A few more for ya. One of these is for the skate deck, cup and shirt.
7XD8Y G8AGV QJC97 XWZWG S6G7P 9MGO9
Thrilled to welcome the @syntaxfm team to @getsentry! You're probably wildly confused about this investment- don't expect me to clear that up too much, but I wrote up some thoughts on why this is significant and exciting:
https://t.co/H2ZVi6Rt3I
Big news! @SyntaxFM is joining Sentry!
Get the full details here: https://t.co/SyYc4ngcof
To celebrate we're giving away some Siiiiiick tshirts, skate decks and Yeti Ramblers. https://t.co/waTPLZHNdK
SWXRY RDY3G 5J34T ACALI SH6H1 DJAIK BQTHE LSZ7K RBFD7 KCUYF https://t.co/lWzPi7BytZ
@syntaxfm @stolinski ๐ https://t.co/F2yVFGGDFP
Major @syntaxfm Announcement + Swag tomorrow! @stolinski and I are so stoked for this. https://t.co/Q0NGrUFX5f
๐ CSS :has() to change the background of a div when it partially matches the src of a child <img> https://t.co/ScrxAsPofs
Fantastic episode on modern WordPress - give it a listen! https://t.co/h6igRBzTu1
๐ฅ Use CSS clamp() to make any property have min + max values. Here I'm using it to stop a tooltip from running off the page. https://t.co/dONF9MVojz
Someone needs to hook @emmetio up to AI and really juice it https://t.co/IWVrbPbzyl
๐ฅ Quick VS @code tip:
โฅ+click on css/js paths that don't exist to quickly create that file https://t.co/ybHKrlH60w
Got the ceiling painted tricorn matte black - looks really good! https://t.co/vWSelf8E2E
When the youtube video looks like this, you know you are finally gonna get some answers https://t.co/5Rz42gWkGj
@kentcdodds @timdorr Dang - didnโt know about that one! Gonna add it. maybe I was looking at something for entire components then.
@kentcdodds I have a MS clock on https://t.co/vT1o6Qx9Fj and it always give me the Text content did not match error - off by a few MS ๐
Does CSS @import still waterfall requests with HTTP/2?
Move over Sass! CSS Selector Nesting dropped in Chrome Stable today. https://t.co/sO9nlFMvXx
I love stories like this https://t.co/aprHmRFrmu
In CSS nesting, the & selector matches the parent selector.
So `& + &` and `& & & & & & & & & & ` are valid selectors ๐ https://t.co/D08kvf8RqJ
isn't it weird that you can smell a Wufoo form from a mile away? https://t.co/zwvECuG5p3
Need your fix of Lit and Web Components โ well @syntaxfm has you covered!!
Listen in on @justinfagnani talk all about WCs & Lit on the latest Supper Club episode on the Syntax Podcast
๐โโ๏ธ๐๏ธ๐จโ๐ป๐จโ๐ป
https://t.co/07j4wWCDD4
It's my cakeday so I posted my own content on /r/webdev
How long until they ban me? ๐ https://t.co/cCfedwzrdj
Here is the code behind it. I needed to flip the iOS mute switch off to hear it- maybe because there isn't an <audio> element - it's straight oscillator piped into a gain node.
Codepen: https://t.co/FBKE0yzX43 https://t.co/QW58YjZax9
I recreated a phone dialer with the web audio API. Pretty interesting stuff - each button has two tones that need to be played at the same time. https://t.co/7TepAxdfwg https://t.co/FQnRoNWMPx
This was such a cool project - the phone dialer was HTML, and the tones were generated with the Web Audio API. https://t.co/7xZ9jehWji
11 years ago I was stoked on the Firefox JS+CSS based phone OS https://t.co/hP45ttZ0jz
I've been waiting for this forever!
CSS Relative Color functions will let you darken, lighten, add opacity and even calculate complimentary colors. https://t.co/Jljb4NDlCM
๐ฅ Not into TypeScript Enums? Generate types from an object with `as const`! https://t.co/L0hU9vL1sk
Excited for this talk! Who is coming to Reactathon in May? https://t.co/w5DnNhFk1q
Do you use TypeScript enums or not? Why? I know it's divisive - I want to show my course takers some differing opinions.
Google calendar scrolls 100 months when you breathe on your mouse wheel, so I wrote a userscript that removes the mouse scroll listener. Much better!
https://t.co/XiQe1ojcjn
๐ฅ CSS: Use gradients with mask-image to fade out parts of an element https://t.co/zCl4yBX1i3
I never once have seen something web3 that was useful, but I can't stop finding ways AI improves my life.
There is a ton going on with AI right now, and many of you are dismissing it as more Web3/Crypto bro hype, but I'd encourage you to look past that.
We are going to have to learn to use and integrate it, maybe even code for it. It will make our apps more useful and accessible.
TypeScript has `path` where you can do something very similar as well, but needs some work from your bundler to work.
Maybe once we see Node.js pick up import maps, the TS paths can be replaced with import maps. Web standards?
Node.js also supports something very similar to import maps. It must be prefixed with '#' and can be used as a wildcard.
There is talk + experiments around supporting the full spec via Node.js Policies
Deno supports the importmap spec https://t.co/UFWDEZdkkZ
When I spend 3 hours on a tip and someone replies asking the font https://t.co/ye1hKXkUPJ
Got the sign installed and it looks amazing. Going to route power through the back of the unit yet, so there should be no cables. https://t.co/tQLU5YfkY2
Ohhhhh boy https://t.co/C5GhwvXXaf
Shopify checkout requiring your email + all info before giving a shipping quote is such a dark pattern. I realize merchants probably make bank from abandoned cart follow up emails, but I it's super annoying.
๐ฅ JavaScript import maps are now in all the browsers! Here is how they work with ES modules. https://t.co/bEF28pce8c
Mudded, sanded and got all the plywood fitted and drilled out for bouldering holds https://t.co/tEPFDS8URi
hah, I think I got finessed? I sold this domain for 3k last week ๐ https://t.co/46UexIGHHf
๐ค Any objections on using AI assistance to help you produce content? This episode of @syntaxfm helps to build a better understanding. ๐ง
โฉ 7:49 How do we keep humanity with AI? https://t.co/kEGjYAWVsd
Did you know you you can just buy a cotton candy machine? https://t.co/dnBsqpx6GM
Promise.withResolvers() in Stage 1. Looks great - access the promise resolve/reject outside the promise scope and after it's been created https://t.co/1nII5r59uY https://t.co/dbYyrWes0G
@BestLiveAudio GREAT podcast from the best @wesbos and @stolinski https://t.co/uYGeSvfmhA
Github Copilot Voice - why would you want to code with your voice? I'm very interested in seeing it evolve as a possible third input device alongside your keyboard and mouse. https://t.co/nYCgmtYKFP
Looks like this has been fixed! https://t.co/IWtVRixSIh
Whipped up a little Example with the OpenAI API - not perfect but with some massaging it could be.
Running this on 1 input would cost $0.0004 or 25 executions for 1ยข https://t.co/4WddDYa2GC
Same with date pickers with no way to skip back years. You want my birthday? let me just hit the back arrow 419 times
Are there date inputs where you just type in the date as you know it, and it formats it whatever format they require? Seems like it would be a nice addition to so many sites
I've been told I might have a touch of dyslexia, and DDMMYYY inputs make my eyes go crossed. https://t.co/7IolLFplqd
๐ฅ You can overwrite VS @code theme settings on a project-by-project basis. I'm using this to differentiate between backend and frontend codebases in my next tutorial. Command Palette โ Open Workspace Settings https://t.co/AXuJj2KzrI
Hung all the drywall. The empty spots will be plywood for the kids bouldering wall. Itโs almost entirely factory seams so Iโm hoping mudding goes quickly https://t.co/EA2LS5LpBW
Just had @slicknet on the podcast - fantastic episode talking about ESLint and JavaScript in general.
He told us a story about how he couldn't use "Native XMLHttpRequest" and needed a flash workaround.
I could do an entire episode on the olden days
We had Dax on the podcast to talk about Open Next.js and SST for hosting serverless on AWS.
Tons of feedback on this one so far - we def need to do some more dives into AWS. Specifically lots of people saying "Amplify does that!" https://t.co/dYylACSvxN
Next we need a code screenshot โ codepen tool
The Image โ Text selection on ios and macs is so dang handy. I needed this data out of my video editor, and couldn't export it, so I just took a screenshot.
I know most of y'all think AI is dumb, but imageโtext becoming accurate and cheap is a big win for accessibility https://t.co/Gf536QANoe
Are there payment methods you wish were more frequently supported? Which ones?
added a few of my comments on a having a single Filesystem API across all JS runtimes here:
https://t.co/ob3HiOx5lf
talked about web streams on the latest https://t.co/lrMXqI8YDx and we were wondering of good usecases for CompressionStream - this is awesome! https://t.co/ZH5dEfdrHU
one handy use case for Github Copilot Brushes is using it to convert example CJS code into ESM. No more having to convert requires to imports! https://t.co/IyvWFlYqHN
Anyone aware of a lib that polyfills the whatwg/fs spec on different JS runtimes?
Seems there is little interest in it in the WinterGC group. Would love a consistent File API for Node, Deno, Cloudflare, bun, Workers, browsers.
Fullstack Shack office tour up on YouTube! https://t.co/yieGNqgTb1
Recording and coding from the fullstack shack today https://t.co/HTurIq3rQK
Up at the cottage for march break. So much snow! Itโs over three feet here https://t.co/XuIUUMI7Mf