dev dump

February 2, 2023

ai photo restorer filler-inner

helloooo

saw this service when looking through vercel starter templates and as someone with shaky hands who takes a lot of blurry photos this is exciting lol, here's the site

ai photo restore

git history explorer sickening

i went into my ext list because I discovered that this process named simply java that was always near the top of my cpu in activity monitor was caused by one called sonarlint, so i went to uninstall that, and 30,000 others. I clicked on this one though n this lil extension right here gonna change some lives…

Here it is ran on this very file:

flash attention lexicon

"Dropping out of my Softmax matmul, I FlashAttentioned when I realized I'd become a fused kernel"

A diagram with interesting lingo linked from a Microsoft model Phi 3 as used in its creation.

I've seen the terms repeated throughout my peeks at LLM software—here are some more from ModernBERT model

  • **Rotary Positional Embeddings (RoPE)**for long-context support.
  • Local-Global Alternating Attentionfor efficiency on long inputs.
  • Unpadding and Flash Attentionfor efficient inference.

Q: "Heya son, is BERT local or global???" A: "local-global! when it's unpaddedly flashing attention at Ms. Fused Kernel"

alt text

zsh mailing list archive

While searching how to get psuedo-unlimited history on zsh, which is below, the stack user who wrote the response referenced this sick site:

zsh

HISTFILE="$HOME/.zsh_history"
HISTSIZE=10000000
SAVEHIST=10000000
setopt BANG_HIST                 ## Treat the '!' charac
ter specially during expansion.
setopt EXTENDED_HISTORY          ## Write the history fi
le in the ":start:elapsed;command" format.
setopt INC_APPEND_HISTORY        ## Write to the history
 file immediately, not when the shell exits.
setopt SHARE_HISTORY             ## Share history betwee
n all sessions.
setopt HIST_EXPIRE_DUPS_FIRST    ## Expire duplicate ent
ries first when trimming history.
setopt HIST_IGNORE_DUPS          ## Don't record an entr
y that was just recorded again.
setopt HIST_IGNORE_ALL_DUPS      ## Delete old recorded
entry if new entry is a duplicate.
setopt HIST_FIND_NO_DUPS         ## Do not display a lin
e previously found.
setopt HIST_IGNORE_SPACE         ## Don't record an entr
y starting with a space.
setopt HIST_SAVE_NO_DUPS         ## Don't write duplicat
e entries in the history file.
setopt HIST_REDUCE_BLANKS        ## Remove superfluous b
lanks before recording entry.
setopt HIST_VERIFY               ## Don't execute immedi
ately upon history expansion.
setopt HIST_BEEP                 ## Beep when accessing
nonexistent history.
setopt hist_ignore_all_dups      ## dedupe

i forget this every single time

beep

target="_blank" calls for noopener noreferrer

the most underestimated vulnerability ever

tldr when using an anchor tag with target="_blank" you should also include rel="noopener noreferrer" to prevent the new page from having access to the window.opener object, which can be used to redirect the parent page to a malicious site. The noopener part also protects against the page that has the link from being the same process as the new page, with perf issues if the new page is executing something comp expensive.

noreferrer sec risk

nikola static site generator plugins

There's a ton of sick python plugins that could be used in any other SSG, like importing a whole tumblr, or twitter, record a text-to-speech synthesized version of each post in every language.

nikola plugins

interne-peer reviewed journal

firstmonday.org

beep

filmvibes.io

ai search engine matching search query to trillion+ films

open notes site

notes.andymatuschak.org

i take a lot of notes and then never read them or revisit them… it seems this person did as well and that writing for an audience could help… this seems intuitively true considering the quality of something i would write to summarize a project at work vs pour moi. the design is pretty cool, and reminds me of gwern.net, which is basically the same idea. need to develop a program that looks thorugh my notes, extracts a few snippets, and send to phone everyday

richard stallman sux

U know things are diecey when you become the subject of an Open Letter, or when said open letter is a site, and has detail-receipt routes and an appendix.

this kickass security site

beep

http archive

httparchive

Super sick site that runs lighthouse perf testing on 500k sites, aggregates, then summarizes the

results. The dataset is also made publicly available.

I found this graph fascinating. When they started recording this data in 2010, the avg size of

resources requested by a page for was 400kb and in 2023 is 2,000+

beeminder

In this week's most first world problem, I have signed up to beeminder.com which charges you if you don't meet your self-defined goals. A commitment device.

bee

bee2

And while it seems like a sure sign of late-stage decadence as earth burns in order to encourage me to publish more often, I gotta say it's a slick product. It's got an api, a trillion connections, featured goal-havers, u name it.

be

addy osmani

dude has sick books, articles, and products: addy osmani tools

he also works for google and contributed to lil projects like quicklink which this site uses to prefetch/prerender all links in the viewport.

quicklinks is contained the in GoogleChromeLabs org, which has a trillion other amazing lil things like squoosh which is an advanced image optimizer with live preview… look at this image of ppl talkin about DEWORMING themselves google chrome labs

resizing

quillbot

I'll go on extension installation rampages sometimes and this one is like grammarly on… PEDs. Rewrites in tone in line, grammar tips, settings galore, etc. Noice.

quill

beep

sonarcloud

Code analysis tool with such a detailed ui it's bonkers. Here's a public AWS repo's error analysis. It has coverage reports. A breakdown of types of issues that makes sense. The explanations why issues are amazing learning resources in themselves. It rubs your feet. It has how to fix it and gives you an estimate for how long it'll take after triaging its severity!!! Cray. Codecov you better be ashamed.

beep

beep

beep

beep

beep

beep

beep

Also, the option to open the rule does so in a split pane, not some browser and makes total sense w/ links to MDN galore. The option to fix with copilot took significantly longer to calculate what was the issue (it was the same issue) and while it fixecd it it also renamed some stuff and made other misc changes.

beep

Copilot did slay in explainer section though. It also pointed out I could ask more follow up or unrelated or pseudorelated questions re the code, such as "How can I optimize etc." Then I asked "optimize further", and "how to do so for multiple files"—both at its prompting and here's what it put out with hefty descriptions for each.

beep

beep

beep

beep

beep

Well this was not meant to be a head to head, but alas. Maybe I'll go make them arm wrestle (snaps elbow gruesomely video is recalled).

size = up

size

hallucinating developer

From open.ai's documentation, interesting choice of words:

openai

github.dev

githubdev

I've been browsing for different ideas on how to improve my publishing flow for this blog. Not because I need to, just out of curiosity and because I like SSGs. I started to think maybe I should just edit my md pages directly in the repository, since github offers a preview pane and everything. And then I clicked the dropdown next to edit pencil it said "open in github.dev" .

What do you know an in browser fully featured vscode instance pops up lol. With full ability to do markdown preview to the right and make commits and it's instant updating and renders images etc. Wowwie!

Jk it's not fully featured, but you can install certain plugins, relevant to the task at hand (markdown linters, themes, etc.), and even sync your settings. Gooped.

You can also supply a css file path for any you want to apply to the markdown preview itself, meaning you can pretty much make the preview look like what the deployed version will. Wowwie.

browser blogs

I like reading about browsers and have even worked on (read: downloaded src, felt heat radiating from machine) chromium before. Some blogs I check out are the v8 dev which is about features of the v8 js engine, and chrome status roadmap which features upcoming features in next version. They each have a post dedicated to them with links to the specifications, motivations, chromium source, and documentation. I guess because chrome is a weird mix of public/private, it feels a little like corporate espionage. Titillating.

a blog is a blog is a blog

perfection kills

bahmutov.biz.co.uk

gleb bahmutov's blog

Great example of what started out during geocities design days but is still being updated in 2023. Also you probably have downloaded his npm packages 1 trillion times.

d.sb

gorgina website d.sb

# fab niche css blogs

bram.net

This one has been publishing often for over ten years. Latest posts are about webkit internals and stuff like scroll-driven-animations which I had never heard of it.

https://bitsofco.de

Ditto this blog. Publishes often and about very specific css topics in details. Here's one about :focus-visible and when in the paint cycle it actually occurs.

killr blog abt myriadiverse topics

jpmens.net

pl.atyp.us

amaze blog

bash

google's bash style guide

save ur bash history securely in daß Kloöd

but how do it know: CPUs

but how do it know

altylsyl

  • this amazin' vid companion by In One Lesson

post-quantum cryptography (lol)

bunch of cool looking graphics ;)

altylsyl

tips hat 2… apple?

apple open source index

cool stuff e.g. cron? src

UITest.com

70+ tests & a bookmarklet

ui test

Personally? I love a friggin bookmarklet.

w3ctest

o wow

mail archive

gagged by the styling & bevy of data

Simon Willison's Weblog

simon wilson

could also fall under design-spo, dump-spo, many speaux

w3

WAI-ARIA practices

wai aria practices

the Design Patterns and Widgets section has amaze examples

of how to implement the suite, replete w/ src code

scrollable box example

here's an example implementing all of their landmark guidelines

landmarks

dequeue

deque uni

compilers

11:00 is particularly mind-blowing :~)

for users w/ cognitive disabilities

cognitive disability useability

web style guide

web style guide

oreilly books ex

oreilly books index

ranger (& hyper)

ranger

betterexplained

today we lrn to make a bookmarklet

  • his ruby guides = siq

html5-editor.net

html5editor

tutspoint

tutspoint online dev tools

ev. psych + design

yosemite bluriness psych design

usabilitypost.com

usability post

gorgina retro

brunildo

tc39

To think you can see the genesis of the langauge that you're developing with, which itself is developed by same people...

tc39

xinyminutes

xyz

w3c test suite

w3c test suite

steve yegge's blog

steve yegge's blog

moishe lettvin's blog

moishe lettvin's blog

mfowlerblg

martin fowler's blog

pile of vim

a bunch of programs that use vim-like settings

vim.reversed.top

tbray.org

we got a writer folks

notion api 4 thoz who can't wait

presstige

car agile product metaphor

car mvp metaphor

alt text

npm audit needs an audit

why npm audit is broken

see site fetch itself over tls in real time

subtls.pages.dev

github api tinkering

I wrote this little script to see how many commits had been made on a repo of mine:

const fetch = require("node-fetch");
const owner = "saylestyler";
const repo = "totfiles";
const since = new Date("2020-01-01").toISOString();
const until = new Date("2023-02-01").toISOString();

async function fetchContributions() {
  const response = await fetch(`https://api.github.com/repos/
    ${owner}/${repo}/commits?since=${since}&until=${until}`);
  const commits = await response.json();

  if (!response.ok)
    throw new Error(`
    gh err ${response.status}: ${commits.message}
  `);

  return commits.length;
}

fetchContributions()
  .then((commitCount) =>
    console.log(`from ${since} to ${until} made ${commitCount} commits`)
  )
  .catch((error) => console.error("couldnt fetch commits", error));

This does what you would think it would do but what was more interesting was all of the links present in the JSON returned.

I started clicking around and found that you could get followers, gists, following, stars, the nebulous "events", etc. and that's just on the base api obj

even the neublouser "hireable": true,! DoNt ShOw Me Bo$$ Thi$.

You can see yr own if u go to https://api.github.com/users/ur_github_username, as well as ur gists like this cool one, where u can see full text under files["cookie.table.js"].raw_url—try it yrself in dev console and you'll get something like this:

cookies

And finally who could forget the best key-value-pair of all, "avatar_url", an image I refuse to change even after the urging of multiple coworkers:

alt text

what is a public DNS resolver

I took a SS of this because I hadn't a clue what it meant at first glance. Apparently it…

public dns resolver

bruce lawson's blog

bruce lawson blog

bruce's friend's blog

cloud4

The "thinks" section has really good content on all kinds of topics and all the writers are actual writers.

peep "thinks" section

bespoke browsers in 2024

A post on the browsers in the shadows

I want to make one so badly! Even just a simple one. When I browse the chromium repo I feel a literally sense of enchantment heh. Mebbe one day when I have unlimited freetime. Or I guess I could make small efforts here or there, Tyler.