arthurdenner logo

arthurdenner

Archives
Subscribe

arthurdenner arthurdenner

Archive

Newsletter #41

Intro

Hi there! I’m back with a bunch of links for you today, I hope you like them!

Shameless Plugs

  • Build an extendable in-browser devtools

    I finally published a new blog post! This time, based on a project I built at work and it’s been very helpful for its users! Check it out and leave a reaction or a comment! 😊

  • @remotion/lottie

    I finally contributed to open-source again! This time, me and Jonny, the creator of Remotion, turned a proof-of-concept repo I had for months into an official library. 🌟

#41
August 18, 2022
Read more

Newsletter #40

Intro

It’s been a while since I published the last edition, I’m sorry about that. I haven’t bookmarked or read things that are interesting to share in a while too. It’s been a lot of work for me.

On top of that, it’s “summer” (because it’s been raining a lot) in Sweden and I’m occupying myself with personal things rather than side projects.

For those who are also in summer, enjoy it because it’s short 🥲

#40
June 17, 2022
Read more

Newsletter #39

Promotion

I’ve been happily using Buttondown to publish these newsletters and recently built NewsletterThemes.com, which contains a few themes for it.

Check it out and let me know what you think about the project!

Links

#39
May 19, 2022
Read more

Newsletter #38

Links

  • md-to-pdf

    A tool for converting Markdown files to PDF using Node.js and headless Chrome.

    I’m using it to generate the instructions for each theme on Newsletter Themes.

  • listmonk

    An open-source, self-hosted, newsletter and mailing list manager with a modern dashboard.

  • micromatch

    Highly optimized wildcard and glob matching library.

  • click-to-component

    Option+Click React components in your browser to instantly open the source in VS Code.

  • Remotion 3.0

    This new release brings Remotion Lambda, a distributed video renderer based on AWS Lambda, parallel rendering and encoding and much more!

#38
April 28, 2022
Read more

Newsletter #37

Links

  • Newsletter Themes

    I publish these newsletters through Buttondown and decided to create a few themes for it.

    This project is built on Remix, parcel-css and cheerio. If there’s interest, I plan to add more themes and support other platforms. Let me know what you think about it 😊

  • Locale-Aware Sorting in JavaScript

    The default sorting logic for strings doesn't quite yield the results that you might expect. Thankfully there are a couple of options that you can use to apply locale-aware sorting.

  • open-emoji

    Open-source emojis for designers, developers and everyone else!

  • modfy.video

    A video transcoder and converter built using Web Assembly and FFMPEG to transcode and convert videos right in your browser while protecting your privacy.

  • The Parallax Effect // 5 Minute WebDev Project

    An awesome and short introduction to @react-spring/parallax.

🇧🇷 Em Português

  • 80 APIs para você usar nos seus projetos e praticar

    Várias das APIs são gratuitas!

#37
April 21, 2022
Read more

Newsletter #36

Links

  • gradient-string

    Use beautiful color gradients in your terminal output.

  • Product Hunt Today

    A Twitter bot that tweet trending Product Hunt products every day, in a short video!

    The video is built with Remotion and the code is on GitHub.

  • Saving time in UTC doesn't work and offsets aren't enough

    I related a lot to this article because I’ve faced the same issues on a freelance gig. 😄

  • open-props.style

    Supercharged CSS variables.

  • Move users to Microsoft Edge from Internet Explorer

    Microsoft has a list of websites that when an Internet Explorer user visits them, they’re instructed to switch to a more modern browser in order to use the website.

  • SQIP

    An image processor available as a node API and CLI to do things like create tiny image previews, convert to abstract art, resize, etc.

  • difftastic

    An experimental diff tool that compares files based on their syntax.

  • md-to-pdf

    Hackable CLI tool for converting Markdown files to PDF using Node.js and headless Chrome.

  • Nvidia shows off AI model that turns a few dozen snapshots into a 3D-rendered scene

    The tool is called Instant NeRF, referring to “neural radiance fields”. There’s a paper describing the work and some source code for the project.

🇧🇷 Em Português

  • 7 Days of Code

    Um evento da Alura com desafios em diferentes áreas de programação.

#36
March 31, 2022
Read more

Newsletter #35

Links

  • StackBlitz has joined the Bytecode Alliance

    StackBlitz is a web IDE powered by WebAssembly. Now, they’ve joined a cross-industry partnership to bring WebContainers to all devices, languages, platforms, and runtimes.

  • Sort your Git branches

    Have too many branches and don’t know much about them? The --sort flag can help!

  • Startup Says It’s Created an Actual “Invisibility Shield”

    It is financing its invention through Kickstarter.

  • Ladle: Develop and Test Your React Stories Faster

    It has been developed as a drop-in replacement of Storybook. It lacks some features that Storybook has but - hey, here’s an opportunity for open-source contributions!

  • Indexes in SQL databases

    I was learning about indexes recently and found this video. It’s fun and well-explained!

  • First Microsoft, then Okta: New ransomware gang posts data from both

    According to Okta, the affected users were notified. From the Microsoft side, the group reported hacking proprietary source code for Bing, Bing Maps, and Cortana.

🇧🇷 Em Português

  • selic

    O repositório está em Inglês, mas a biblioteca pode ser usada para buscar dados de SELIC, IPCA e CDI.

  • Design Systems Brasileiros

    Uma lista de Design Systems construídos no Brasil! 🇧🇷

#35
March 24, 2022
Read more

Newsletter #34

Links

  • How to implement a search shortcut (OpenSearch) on any website

    A post from yours truly about helping users find search results directly from the address bar.

  • Making Music With Code

    Have you ever thought about generating music with code on the fly? This episode of Learn With Jason shows how it’s possible. Very cool episode!

  • Atropos - Stunning touch-friendly 3D parallax hover effects

    A lightweight, free and open-source JavaScript library to create stunning touch-friendly 3D parallax hover effects. Available for JavaScript, React and Vue.js.

    Awesome demos on its homepage but it seems to have some issues with Firefox.

  • Good advice on JSX conditionals

    Conditional rendering is a cornerstone of any templating language. JSX chose to rely on JS boolean operators, which are not always as intuitive as one’d expect.

  • How to create posters with Figma in just a few easy steps

    A 🤯 thread teaching how to create an awesome poster on Figma.

🇧🇷 Em Português

  • Repo para divulgar criadores de conteúdo na língua portuguesa

    Este repo será construído para ajudar a divulgar nomes de autores brasileiros (ou pelo menos da língua portuguesa), independente do tamanho ou alcance do seu canal.****

  • Semana JavaScript Expert

    Vem aí a sexta edição do evento. O projeto da vez é baseado no Spotify, mas implementa uma funcionalidade inexistente. Mais detalhes no post do Erick Wendel.

#34
March 10, 2022
Read more

Newsletter #33

Links

  • Infinite Passerella

    An infinite fashion show made by Lusion.

  • Backlight - Build Design Systems

    An awesome tool for front-end teams to build design systems collaboratively. Some of its features were shown in an episode of Learn With Jason.

  • Brutalita Sans

    Brutalita is an experimental font and font editor, edit in your browser and download OTF.

    It means “little brutal” in Spanish.

  • caxa - Package Node.js applications into executable binaries

    Very interesting package. The author has a YouTube video demonstrating it and explaining how it works. I learned a lot from it!

    The author is also the creator of Kill The Newsletter too, a very useful tool if you prefer RSS feeds over e-mails.

  • badass courses

    A selection of badass online courses.

🇧🇷 Em Português

  • Semana JavaScript Expert

    Vem aí a sexta edição do evento. O projeto da vez é baseado no Spotify, mas implementa uma funcionalidade inexistente. Mais detalhes no post do Erick Wendel.

  • Rocketseat - Automatizando edição de Reels

    Um vlog bem legal da Rocketseat, mostrando como foram da ideia à execução de uma tarefa que consome bastante tempo - edição de vídeo.

#33
March 3, 2022
Read more

Newsletter #32

Links

  • Worldle - Wordle but for geography

    It’s hard to guess a country for a picture but I liked it. 🤓

  • The Story of Asynchronous JavaScript

    The story of callbacks, promises, and Async/await in JavaScript.

  • Career Ladders

    “A sample of career ladders I use for my organization, open sourced for anyone.” - Sarah Drasner

  • Medusa - The Open Source Shopify Alternative

    Create a headless commerce store in minutes and start your growth journey on a fast and flexible foundation. It has a lot of integrations with popular apps.

  • napi-rs - Build compiled Node.js add-ons in Rust

    Write in Rust and compile to code that runs on Node.js. CJS and ESM are supported.

  • sigma.js

    A JavaScript library aimed at visualizing graphs of thousands of nodes and edges.

  • gyroflow - Video stabilization using gyroscope data

    Built with Rust. The demo video in the homepage is amazing!

  • telegraf - Modern Telegram Bot Framework for Node.js

    I’m working on a Telegram bot for a side-project and enjoying using this library - although its docs could be better, I rely on Google more than the docs 🥲

#32
February 24, 2022
Read more

Newsletter #31

Intro

A lot of links this week as I’m pursuing an inbox-zero (for the 912890th time).

Links

  • The Passion Paradox

    This one “hit home” as some say. It’s a must-read.

  • Who Can Use

    A tool that brings attention and understanding to how color contrast can affect different people with visual impairments.

  • Monorepo explained

    A site with an in-depth explanation of what a monorepo is, including tools and what features they support - very in-depth indeed.

  • Include diagrams in your Markdown files with Mermaid

    Mermaid is a JavaScript-based diagramming and charting tool that takes Markdown-inspired text definitions and creates diagrams dynamically in the browser.

    Thanks Emerson Laurentino for this link.

  • Lightning Memory-Mapped Database

    A fast, memory-efficient database with the read performance of a pure in-memory database but persisting on a disk. It’s used on Gatsby v4 for DSG (Deferred Static Generation).

  • Animate Anything Along an SVG Path

    Learn how to code creative animations using SVG paths and the getPointAtLength() function.

  • frontend-challenges

    Listing some playful open-source's challenges of companies to test your knowledge.

  • awesome-standalones

    A curated list of awesome framework-agnostic standalone web components.

  • blurhash

    A very compact (20-30 characters!) representation of a placeholder for an image.

  • human-id

    Generates human-readable strings by chaining common short words of the English language in a semi-meaningful way.

  • nice-modal-react

    A nice modal manager for React. It uses context to persist state of modals globally so that you can show/hide a modal easily either by the modal component or id.

  • pg-mem

    An in-memory Postgres DB instance for your unit tests.

#31
February 17, 2022
Read more

Newsletter #30

Links

  • Slowfiles - Slow-loading resources for testing

    Useful web API that generates slow, inaccessible or missing JS and CSS files that you can use in testing.

  • remix-crash - A development ErrorBoundary for your Remix apps

    Get better insight on why your Remix app crashed during development.

  • @faker-js/faker - A new package official package

    After the episodes with the “old” library, some people forked faker under a new organization. They're changing some things so it's not 100% complete. If you like the library, there are chances to contribute to it.

  • Flutjs - Create websites with JavaScript using Flutter-like syntax

    Flutter for Web works but the result of the bundle size isn’t good, accessibility and SEO are not perfect either. So a developer started Flutjs to try and solve these issues with a new and shiny JavaScript framework.

  • cal.com - Scheduling infrastructure for absolutely everyone

    The open-source Calendly alternative. Built with Next.js, Prisma and Postgres. You can self-host or use their SaaS alternative.

#30
February 10, 2022
Read more

Newsletter #29

Links

  • Introducing: TypeScript typegen for XState

    Code generation is great, something I want to learn at some point. In the meantime, I can only be mind-blown by things like these types improvements on XState.

  • Imperative vs Declarative Programming

    A short and precise explanation between the diference of the two.

  • figlet.js - A JavaScript implementation of the FIGfont spec

    Very fun library to use on the web and Node with many options and fonts!

    arthurdenner-figlet.png
  • Coding Font by Typogram

    A cool game that helps you choose the perfect coding font. Btw, I’m using the Recursive Mono Linear for some years now and I like it a lot.

  • FerretDB - A truly Open Source MongoDB alternative

    An open-source proxy, converting the MongoDB wire protocol queries to SQL, using PostgreSQL as a database engine.

  • How To Process Images in Node.js With Sharp

    In this tutorial, you’ll use sharp to read an image and extract its metadata, resize, change an image format, and compress an image. Then crop, grayscale, rotate it and blur an image. Finally, you will composite images, and add text on an image. By the end of this tutorial, you’ll have a good understanding of how to process images in Node.js.

  • Trace - Monitor your GraphQL queries at the resolver level

    A lightweight GraphQL query performance monitoring GUI with real-time, resolver-level performance tracing metrics and error logging.

  • asciinema - Terminal session recorder

    It lets you easily record terminal sessions and replay them in a terminal as well as in a web browser using asciinema-player.

🇧🇷 Em Português

  • 30 Minutes of Code - Remix.run

    Uma série de vídeos explorando o web framework.

  • Evento Get Started

    O pessoal da Codar.me está realizando um evento durante esta semana, falando dos passos necessários para dominar a programação.

#29
February 3, 2022
Read more

Newsletter #28

Links

  • Inclusively Hidden

    An article on different ways to hide content while making it accessible for screen readers.

  • npq - Audit packages as part of your install process

    By adding an alias for npm and yarn, it runs when you first try to install any dependencies.

  • parcel-css - A CSS parser, transformer, and minifier written in Rust

    A recent release from the Parcel team, the benchmarks on this tool are pretty good (as most things built with Rust™  😄

  • Flutter - ShrinkWrap vs Slivers

    I’ve faced issues with nested virtualized lists before and solved it with shrinkWrap: true without really understanding it. This video clarifies what happens and suggests Slivers as a better solution. The DartPad with the comparison is pretty good too.

  • diff-so-fancy - The best-lookin' diffs

    A very nice tool built in... Perl! 😄

  • webhook.site

    Test, process and transform emails and HTTP requests.

  • webpagetest-docker-setup

    A collection of simple scripts to run an instance of WebPageTest locally. Very useful when the site you want to test is private.

  • NFT Bay

    I don't know much about NFT but this project is funny.

🇧🇷 Em Português

  • Canal do Fabio Vedovelli

    A última série dele foi sobre Remix. Ele também posta muito no Twitter.

#28
January 27, 2022
Read more

Newsletter #27

Intro

The newsletter is back! \o/

You probably forgot I had this, it’s been quite a while since the last edition.

But I’ll try to get back to it this year 🙂

#27
January 20, 2022
Read more

Newsletter #26

Links

#26
October 28, 2021
Read more

Newsletter #25

Links

  • The Power of Composition with CSS Variables

    Take a look at some patterns and get a peek at some CSS awesomeness!

  • Persistent Layout Patterns in Next.js

    An interesting write-up about different approaches. The post is almost 2 years old but the concepts are still applicable.

  • The terminal that supercharges your developer workflow

    Warp is a blazingly fast, Rust-based terminal that makes you and your team more productive at coding and DevOps.

  • Lucy - A DSL for Finite State Machines

    A concise language for describing Finite State Machines. It compiles to XState, the best-in-class JavaScript library for FSMs and statecharts.

  • TablePlus - Database management made easy

    I've just started to test this app. I'm a happy user of Beekeeper Studio but TablePlus looks solid too, seems to have more features and supports more databases too.

  • Tech stack collaboration for developers

    Easily map out which open source & SaaS solutions are being used across your engineering teams, why they’re being used, and who someone should talk to about each technology.

  • How to OVER Engineer a Website // What is a Tech Stack?

    A true video with a good sense of humour. I laugh every time someone prefers to put their very tiny project on AWS instead of hosting it easily in other services like Heroku.

    Share your thoughts on this. I appreciate some insight that I may be missing out.

  • .docx file generation

    Easily generate .docx files with JS/TS with a nice declarative API. Works for Node and on the Browser.

  • Fresnel

    An SSR compatible approach to CSS media query based responsive layouts for React.

  • tRPC - End-to-end typesafe APIs made easy

    Allows to easily build & consume fully typesafe APIs, without schemas or code generation.

  • Making Electron apps feel native on Mac

    A great write-up about small details of native apps that we may miss.

  • node-rate-limiter

    A generic rate limiter for Node.js. Useful for API clients, web crawling, or other tasks that need to be throttled.

  • On the <dl>

    A better way to represent key-value pairs on our web apps!

  • Twitter's div Soup and Uglyfied CSS, Explained

    Have you ever wondered about the (apparent) mess of Twitter's DOM representation? Find out some reasons why it looks like that in this blog post.

🇧🇷 Em Português

  • Next Level Week

    Outro evento gratuito da Rocketseat 🔥

  • cep-promise

    Busca por CEP integrado diretamente aos serviços dos Correios, ViaCEP e outros.

#25
October 14, 2021
Read more

Newsletter #24

Links

  • Hacktoberfest #8

    It starts tomorrow!

  • How I experience web today

    Unfortunately, you've probably seen a site like this recently.

  • Fluid Earth

    A WebGL-powered visualization of Earth's atmosphere and oceans.

  • React Aria

    React Hooks that provides accessible UI primitives for your design system for the web.

  • React Native Aria

    React Hooks for React-Native (Android/iOS/Web) to provide accessible UI primitives for a design system.

  • ModHeader

    A browser extension that allow you to modify HTTP request and response headers.

  • Mafs

    React components for math visualization.

  • Bioicons

    A library of free open source icons for science illustrations in biology and chemistry

  • How to "Google It" like a Senior Software Engineer

    Besides the clickbait title, the videos has great tips on how to improve your searches.

  • Image Extractor

    Extract images from any public website by using a virtual browser.

🇧🇷 Em Português

  • DoWhile 2021

    A Rocketseat vai fazer mais um grande evento online e gratuito entre nos dias 1 e 2 de Dezembro. Garanta sua inscrição no link acima!

#24
September 30, 2021
Read more

Newsletter #23

Links

#23
August 26, 2021
Read more

Newsletter #22

Links

  • A set of free webtools for your daily usage

    50+ CSS, HTML and JS tools and more coming in the future!

    Now half of my bookmarks can be replaced! Just kidding, but this is very useful.

  • Fast, in memory work queue

    A simple but powerful module that allows you to run a worker (task) with parallelism.

  • Stay Alert

    A post by Rich Harris, the creator of Svelte, about Chrome's recent change and reversal of some functions inside iframes. His posts about the web are always a hit.

  • HonKit

    Building beautiful books using Markdown. The results are pretty great!

  • Complex vs. complicated

    Would you rather work with a complex system or a complicated system?

🇧🇷 Em Português

  • Migração de 600 aulas do Vimeo em 3h (com Node.js)

    O Vimeo bloqueou vários vídeos gratuitos da Rocketseat e eles tiveram de migrar mais de 600 aulas para uma nova plataforma utilizando um script automatizado com Node.js utilizando recursos de stream e fila em paralelo. Uma ótima demonstração de problem-solving e uso de tecnologia.

  • Descomplicando o Docker

    Um livro open-source com conteúdos que abordam do nível iniciante ao avançado sobre Docker. Está disponível em forma de site (construído com o HonKit).

#22
August 19, 2021
Read more
Older archives  
Powered by Buttondown, the easiest way to start and grow your newsletter.