urban weekly #17

urban weekly #17

Good to know

How to win at CORS - The article is from 2021 but a good one if you want to learn more about CORS. cors
A Practical Introduction to Scroll-Driven Animations with CSS scroll() and view() - With just CSS you can add scroll animations that toggle shadows on navbars, reveal images, add scrollytelling, link up carousel elements and much more. css, animations
The Bun Shell - Looks like googles zx from Bun shell, bun
Judicious JSON - JSON is a simple technology but has a lot of underlying topics to think about. This guide can help uncover those topics. json
Next.js 14.1 - Next minor release of Next.js nextjs
Waku: Introducing createPages - Learn about the new API for creating layouts and pages programatically. waku
Awesome Behavioral Interviews - This repository contains tips and resources to prepare for behavioral interviews. interviews
12 Modern CSS One-Line Upgrades - Good one-liners you should know! css
How to Build a Scalable Notification Service - This article has a nuance too many advertisements, but the content itself is interesting if you're planning to build your own notifications system. notifications
The Algorithms - Rust - All Algorithms implemented in Rust rust
Reading QR codes without a computer! - Nicely explained! qr
Biome Roadmap 2024 - Trying out Biome is still on my Agenda but I'm a bit careful because of the fall of Rome ;) biome
The 10 Types of Authorization - Global roles, organization-level roles, resource-specific roles, custom roles, and much more explaind auth, rbac, rebac, abac
Mastering Cryptography Fundamentals with Node’s crypto module - Crypto stuff well explained! crypto
Handling Environment Variables in Node.js - Learn how to handle env vars in nodejs nodejs, envvars
14 Things To Check Before Deploying a Website - Checklist with topics to check before launching your website checklist
ServerFree Architecture - Seems to be more and more interesting to keep all the users data on the users machine - with some drawbacks. serverfree
Making Rust binaries smaller by default - One config change, smaller release size, wonderful! rust
From seven failures to 10x growth - Jam’s CEO on product-market fit and hockey stick growth startups, growth
npm malware - Get informed about malicious npm packages in realtime npm, malware
Astro 4.2 - Next minor release of Astro astro
HTMX and Web Components: a Perfect Match - I find more and more interesting articles about htmx, and the overall conclusion is that htmx rocks. htmx

Read it! Read it! Read it!

Backlog size is inversely proportional to how often you talk to customers - Lessons learned from a year of startup life. startup, backlog
The “errors” that mean you’re doing it right - Some things appear to be mistakes, but in fact should be celebrated as the expected outcomes of great decisions. errors, dev
Yes, good DevEx increases productivity. Here is the data. - Short read with lots of prooven insights about dev productivity. github, productivity

Code and Tools

qr-code - A no-framework, no-dependencies, customizable, animate-able, SVG-based <qr-code> HTML element. qr, svg
fontpair - Free fonts and font pairings to use for your next design project fonts
Platform Tilt - This dashboard tracks technical issues in major software platforms which disadvantage Firefox relative to the first-party browser. mozilla
Spotube - Open source Spotify client that doesn't require Premium spotify
loadership - CSS-only loader configurators css, loaders
TypeSpec - Describe your data up front and generate schemas, API specifications, client / server code, docs, and more. api, openapi, swagger
Shikiji - A beautiful and powerful syntax highlighter syntax, highlighter
Wiki.js - The most powerful and extensible open source Wiki software wiki, javascript
signpdf - Simple signing of PDFs in node. signing, pdf, nodejs
Evershop - NodeJS ecommerce platform with essential commerce features ecommerce, nodejs
Atlas - Atlas is how teams make maps and perform geospatial analysis together. maps
Color Fuse AI - Let AI decide the right colors for your design projects and apply colors on One-Click colors, ai
react-use - Useful React hooks react, hooks
react-shepherd - A React wrapper for the site tour library Shepherd tours
sparkly-text - A small web component for making your text spark. javascript
Google Indexing Script - Script to get your site indexed on Google in less than 48 hours seo, google, index
Zed - Zed is a high-performance, multiplayer code editor from the creators of Atom and Tree-sitter. It's also open source. editors
Retriever - Retriever lets you request secrets from anyone without any of the data going to a server. secrets
iconic - Free pixel-perfect icons, updates every week icons
Adonis - AdonisJS is a TypeScript-first web framework for building web apps and API servers. server, nodejs
QuickJS - QuickJS is a small and embeddable Javascript engine. javascript, engine
workerpool - Offload tasks to a pool of workers on node.js and in the browser workers, javascript
vocs - Minimal Documentation Framework, powered by React + Vite. docs
Ollama Python & JavaScript Libraries - Ollama is coming to javascript land! ollama, javascript
ViroReact - The AR and VR library for React Native ar, vr
Kener - Kener is a Modern Self hosted Status Page, batteries included status

All about Design

Apple Device Icons - Redrawing fo some of Apple's device icons icons, apple
Immanuel Kant — What is Beauty? - Why is beauty so important? It leads us to truth and goodness, says Immanuel Kant. beauty
UX Myths - UX Myths collects the most frequent user experience misconceptions and explains why they don't hold true. ux, myths
Typography Manual - 11 rules to know typography
Cal Sans - Font by cal.com fonts
Open Runde - Font by Laurids Kern fonts
mmm.page could make you enjoy the internet again - First time I hear about mmm.pages and I really like to explore pages! pages
35 Books Every Designer Should Read - There's really a domain that just lists 35 books. Did I already mention that I love the internetz? books

Hackernews

Ask HN: Those making $500/month on side projects in 2024 – Show and tell - show your side projects! sideprojects

Fun

Sit in Shade - Find Best Bus Seat to Minimize Sun Exposure While Traveling travel

Tutorials

Balanced Slider with CSS - Thanks @jh3yy! css
Data Engineering Zoomcamp - Free Data Engineering course data
Fading content using transparent gradient in CSS - Nothing more to say ;) css, gradients
Siblings Fade - Nice effect with just a couple lines of css css
Next.js App Router Training - Introducing various basic patterns of app router with simplified code. nextjs
LLM course - Course to get into Large Language Models (LLMs) with roadmaps and Colab notebooks. llm

Videos

Alpine, HTMX, Astro Stack Wordle App With Full Source! - AHA stack rising aha, htmx, astro, alpine
weekly news
Published on 2024-01-28, last updated on 2024-05-10 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.