TLDR Web Dev

TLDR WEB DEV 2023-07-04

5 sections16 entriesinline urlcomplete parse

Parse notes

  • Subscription/account footer truncated before parsefooter_truncated

01ARTICLES & TUTORIALS

A DEEP DIVE INTO SVG PATH COMMANDS

SVG are common on the web, but they’re images made up of code. This means they can be hard to understand and parse upon first look. This visual guide to SVG path commands breaks down SVGs with simplicity. The path attribute of an SVG is just a series of commands.

nan.fyiTool

CSS: THE GOOD PARTS

This article lays out a comprehensive overview of the evolution of CSS, from basic selectors to complex animations and transitions. It also discusses the shift from table-based layouts to responsive designs using flexbox and grid. The article concludes by highlighting exciting upcoming features in CSS, emphasizing the importance of staying updated with these developments.

builder.io13 min read

HUNTING FOR NGINX ALIAS TRAVERSALS IN THE WILD

This article delves into the intricacies of Nginx, a versatile web server dominant across many internet infrastructures, focusing on location and alias directives, which are central to how Nginx handles specific URLs. It also explores potential vulnerabilities arising from misconfigurations and demonstrates how they can lead to security exploits. The guide illustrates these points through a thorough examination of popular open-source repositories using GitHub Code Search to identify potential Nginx configuration vulnerabilities.

labs.hakaioffsec.com10 min read

02OPINIONS & ADVICE

03LAUNCHES & TOOLS

REACTYPE

ReacType is a rapid prototyping tool that allows users visualize their application architecture dynamically, employing a drag-and-drop canvas display and an interactive, real-time component code preview that can be exported as a React app for developers employing React component architecture alongside the comprehensive type-checking of TypeScript. In other words, you can draw prototypes and export React/TypeScript code.

github.comGitHub repository

NEXT-SITEMAP

next-sitemap is a sitemap generator for Next.js. It generates sitemap(s) and robots.txt files for all static/pre-rendered/dynamic/server-side pages.

github.comGitHub repository

04MISCELLANEOUS

HALLUCINATIONS IN AI

This blog discusses the rapid development of AI and the various narratives surrounding it. The author argues that these narratives are often driven by self-interest and can be misleading. For example, the motive of the recent “pause giant AI experiments” open letter is really for AI researchers to catch up. The article also debunks other popular topics like “foundational models have already plateaued” or “open source models will dominate”.

piratewires.com13 min read