logo

urban weekly #30

urban weekly #30

Good to know

I wrote my own editor - Next level - frustrated with your IDE, build your own one! editors
Help us invent CSS Grid Level 3, aka Masonry layout - This Masonry layout looks great! css
Latency numbers every frontend developer should know - A frontend take on Jeff Dean's Latency Numbers Every Programmer Should Know. performance
Map of the web - Connections between websites connections
Fuzzy Name Matching in Postgres - Soundex + Levenshtein postgres
Node.js 22 is now available! - Will enter LTS in October nodejs
Electron 30.0.0 - Next major version of Electron electron
Astro 4.7 - Next minor release of Astro astro
TypeScript - Branded Types - Symbols! typescript
Bonfire with CSS - Unbelievable but true! animations, css
The TSConfig Cheat Sheet - All you need to know about tsconfig. typescript

Read it! Read it! Read it!

A short guide to mastering keyboard shortcuts on GitHub - Say goodbye to constant mouse clicking and hello to seamless navigation with GitHub shortcuts. github

Code and Tools

Shadcn Table - A shadcn table component with server-side sorting, filtering, and pagination. ui
typlr - Create fonts without software. You only need a web browser fonts
Prompt Library - Explore optimized prompts for a breadth of business and personal tasks. prompts, ai
Franken UI - HTML-first, framework-agnostic, beautifully designed components that you can truly copy and paste into your site. Accessible. Customizable. Open Source. ui
Consent Banner JS - A zero-dependency, lightweight (~3kB), consent platform agnostic, cookie banner for any website. banner
Unovis - A modular data visualization framework for React, Angular, Svelte, Vue and vanilla TypeScript or JavaScript charts
Plasmic - Visual builder for React. Build apps, websites, and content. Integrate with your codebase. editors
canvas confetti - performant confetti animation in the browser animations
CSS Shape - The Ultimate Collection of CSS-only Shapes css
Block Builder - Lightweight Node.js library for building Slack Block Kit UIs, with a declarative syntax inspired by SwiftUI. slack
Component Party - Compare React, Angular, Svelte, Vue, and more. code

All about Design

Layout Land - This is an awesome example of a university learning
Podlite - Podlite is a lightweight block-based markup language designed for flexibility and ease of use. Not sure why it's needed because Markdown exists. markup

Tutorials

Email Headers can drastically impact deliverability. - Here are 3 headers you must know. emails
Scroll-driven animations and 3D perspective - The trick is driving the animation with list items that are smaller in height than the images css

Videos

A Deep Dive into Node.js Streams - Streams are the lifeblood of many Node.js applications, enabling efficient data processing and manipulation. But their evolution has been anything but straightforward. nodejs, streams
From 0 to Production - The Modern React Tutorial (RSCs, Next.js, Shadui, Drizzle, TS and more) react
Making My Node.js API Super Fast - Lots of useful tipps around the stack. performance
weekly news
Published on 2024-04-29, last updated on 2024-07-20 by Adam
Comments or questions? Open a new discussion on github.
Adam Urban

Adam Urban is fullstack engineer, loves serverless and generative art, and is building side projects like weeklyfoo.com, flethy.com and diypunks.xyz in his free time.