HackerTrans
TopNewTrendsCommentsPastAskShowJobs

umaar

no profile record

Submissions

New security vulnerabilities disclosed in Next.js (patches released)

github.com
3 points·by umaar·2 ay önce·0 comments

Fontleak: Exfiltrating text using CSS and Ligatures

adragos.ro
3 points·by umaar·geçen yıl·1 comments

Fixing your website's JavaScript performance

developer.mozilla.org
3 points·by umaar·2 yıl önce·0 comments

Brand New Performance Features in Chrome DevTools

debugbear.com
2 points·by umaar·2 yıl önce·0 comments

Brand New Performance Features in Chrome DevTools

debugbear.com
3 points·by umaar·2 yıl önce·0 comments

Build AI-powered web apps with Firebase Extensions

firebase.google.com
1 points·by umaar·2 yıl önce·1 comments

comments

umaar
·9 ay önce·discuss
Was able to build a personal MCP server that connects to the Jules API, letting me dispatch tasks to Jules, from Copilot Chat in VS Code.

Video here: https://www.youtube.com/watch?v=RIjz9w77h1Q
umaar
·geçen yıl·discuss
Drawing an SVG of a pelican on a bicycle. Claude 3.7 edition: https://x.com/umaar/status/1894114767079403747
umaar
·2 yıl önce·discuss
I imagine it's not, but can also see automated systems flagging the number as being the recipient of messages for over a hundred different financial institutions.
umaar
·2 yıl önce·discuss
Was the number used to sign up for, and receive communications from credit card companies? Is the ban related to signing up for +100 cards?

https://www.dannyguo.com/blog/my-credit-and-debit-card-colle...
umaar
·2 yıl önce·discuss
I made a video showcasing some advanced techniques to use fonts on the web, without compromising performance. Covers interesting font metrics like ascenders and descenders. Fascinating to see how much information is contained within a font file!

https://www.youtube.com/watch?v=wSOIbdOaKR8
umaar
·2 yıl önce·discuss
Really like the simplicity of your website. I think when you first announced it, you mentioned you might open source Magic Loops, might you do that?
umaar
·2 yıl önce·discuss
This is a tutorial I wrote for Firebase. It shows how to build three different AI-related web apps: A chatbot, a review summariser, and a video summariser.
umaar
·3 yıl önce·discuss
https://umaar.com/blog/

There's also hundreds of developer tips here https://umaar.com/dev-tips/
umaar
·6 yıl önce·discuss
Two points on client-side JS have been a constant for me for many years:

- Noticed excessive JavaScript contributes to poor web performance - Things cause JS to break, which breaks other interactivity, often I end up using incognito

During lockdown, I struggled ordering groceries because 20 seconds of JavaScript execution on the main thread made my "delivery slot" expire!

Similar to heydonworks.com stating "Please disable JavaScript to view this site", I'm glad Hotwire is encouraging folks to think about things a little differently.
umaar
·6 yıl önce·discuss
Hey this is really helpful thanks, very interesting to know you would've built your own platform.

Fortunately I already have my own platform for my first course, so maybe reusing that would be best rather than assuming the grass is greener, with things like gumroad/teachable.
umaar
·6 yıl önce·discuss
Sometimes I think it's fascinating the rabbit holes we'll go down, when ultimately, the user just doesn't care.

TypeScript vs. plain JS

Logic-less templates like Mustache vs. Handlebars

Vue vs. React

Using async/await, and adding the relevant infrastructure to support that (transpiler)

Clean code practices in general

Unit tests, end to end tests

CSS BEM vs. tailwind

You can make indirect connections to imply the user does care, e.g. E2E tests catch a bug which meant the user didn't see it, but generally, these things are meaningless to them.

For my first course, I put time into those things - time taken away from making content. The more I think about it for my new course, the more I wonder should I just sell on a platform which already handles all of that, like gumroad.

Where's the line though? When is gumroad or squarespace not the answer?
umaar
·8 yıl önce·discuss
For the data maps which the Medium article displays, I used: https://github.com/ericfischer/datamaps initially. If there's interest, I can try to get my scripts onto GitHub. They:

a) Include Node.js scripts for converting raw big data (the raw Shazam stream) into something usable for visualisations.

b) Contain Node.js scripts & utilities for automating the creation of maps focussed on particular geographic locations.

c) Contain client side JavaScript for displaying all the individual map tiles onto an interactive map & Google Maps API code to query for places of interest (like a club, shopping center) which may explain heavy usage of Shazam in a particular location.

For the globe, which is unrelated to the datamaps, here's the original WebGL globe which someone did in 2011: https://github.com/cedricpinson/globetweeter

The Wikipedia edits version of the globe I did: https://github.com/umaar/wiki-globe - happy to do a write up of this if people think it'll be useful.
umaar
·8 yıl önce·discuss
I really enjoyed working at Shazam. One of my favourite parts were the hackdays, got to learn a lot. Here's a write up of visualising music recognitions: https://medium.freecodecamp.org/data-visualisation-with-1-bi...

I've been planning to do more write-ups from past hackdays, such as building a functional Shazam experience in client side JavaScript and other visualisations. For example one time, I repurposed a WebGL globe to plot music recognitions over it. I don't have access to the Shazam tag stream anymore, but you can get a feel for how this looked as I've applied near real-time Wikipedia edits on the globe instead: https://umaar.com/globe/