はてなブックマーク

A few years ago I wrote an article suggesting that Web Components might not be the most beneficial direction for Web development to head. It was a soft-handed look at where they made sense and where things fall apart. It wasn't geared as a "us against them" argument and I hoped people would come to reasonable conclusions for themselves. But over the past few years, I've only seen the situation wor

Go: sync.Map's LoadAndDelete and LoadOrStore. Why are they needed? Read this to understand how sync.Map works internally: https://sreramk.medium.com/go-inside-sync-map-how-does-sync-map-work-internally-97e87b8e6bf To anyone new to concurrency, it might not seem obvious that just the methods Load , Store and Delete cannot be used to perform the basic read, write and delete operations commonly done

A hand-picked collection of the best 20 CSS animations curated from various sources around the web. Most of them will generate pure CSS code without requiring any external libraries. If you want to explore more frontend tools and resources, visit our page 180+ Best Frontend Development Tools to find out more. 1. Animate.css A library of ready-to-use, cross-browser animations for you to use in your

I have been building AI applications for the past 4 years and contributing to major AI tooling platforms for a while now. Over this period, I have used many tools and frameworks for building; AI agents that actually work in the real world. Tools for AI agents. End-to-end RAG applications. I have curated a coveted list of open-source tools and frameworks that will help you craft robust and reliable

Introduction As a programmer, you know that your work requires high focus, so it often takes up a lot of your time. Yes, this also happens to me, I spend a lot of time doing tasks but sometimes the results don't meet expectations. I realized several things that I had gained from my work experience and insights from my colleagues, and there was a book that was interesting and very helpful in improv

This is a piece of advice someone gave me a long time ago. Unfortunately, I don't really remember who, so I cannot properly attribute (although chances are they heard it somewhere too). But I decided to re-share this. What is refactoring? I'm sure we can find multitude of definitions. But with modern software development process it often becomes synonymous with any kind of code changes that do not

John Hawthorn wrote a nice post discussing a recent tool to incorporate Crystal into your Ruby app. While JH brings an important point, it overlooks certain aspects that are worth consideration. I'll discuss Crystal's real performance and benefits, highlighting why such Ruby/Crystal integration is an indispensable tool to have on the bench. This is also a structured presentation of some comments m

We've heard developers voice the same pain points time and again: it's hard to integrate your app's frontend with your backend, you need to tackle an ever-expanding technical scope in your daily workload, and it's tough to navigate the breadth of cloud offerings. While backend-as-a-service offerings provide an easy onramp, they often require developers to migrate away from them as their company sc

We will build curl from scratch by accepting the coding challenge posted on Coding Challenges FYI. Before moving ahead, you must know how TCP client-server connections work. You can read more about GeeksforGeeks. On Server Side: - Socket:- Socket object to expose our endpoints. setsockopt:- This function sets the extra options for the sockets if needed. Bind:- It binds the socket with the IP and p

Sass has established itself as a powerful preprocessor installed locally, forming the backbone of my projects for over a decade. It enabled me to efficiently organize scalable and stable CSS packages. Even today, I still consider Sass to be an extraordinarily powerful tool. Yet, as we step into the year 2024, it's undeniable that CSS has undergone rapid development. Features that were once unique

How to set up Storybook with Guidepup's Virtual Screen Reader and test what the screen reader speaks Recent changes to the @guidepup Virtual Screen Reader library make it ridiculously easy to integrate into Storybook for use in your integration tests. This article shows how to get the basic setup going and how to write your first screen reader test in Storybook. tl;dr The Virtual Screen Reader is

I won't be the first to say it, but I will say it nonetheless, 2023 was quite the year for JavaScript frameworks. Between new technologies we've been watching finally showing they can deliver, and older frameworks making a resurgence if you weren't paying attention you may have missed a pretty significant shift. I anticipate that 2024 will continue to see even larger changes across the board. This

Cover photo by Jez Timms on Unsplash I began exploring the GraphQL ecosystem in 2018. At that time, REST APIs were a significant part of my daily work, but I was always exploring and looking for new challenges. During that period, I invested much of my time transitioning from the PHP ecosystem to React, React Native, Node.js, GraphQL, and TypeScript. Leaving GraphQL While GraphQL enhanced communic

Hi fellow devs, For my first post, I'm just documenting my VSCode configurations here for posterity's sake or just for my reference later. Keep in mind that this list is going to be language agnostic and more so utility/aesthetic suggestions (though these are inevitably tied to what languages I work with, so take that as you will). Please feel free to suggest any good extensions that I've missed o

Hi folks! 👋 Today I would like to share with you this codepen I created in order to showcase a simple but really cool use for the recently introduced :has() selector. If you hover with your mouse over any of the emojis, you'll notice that not only the hovered emoji smoothly pops up, but its previous and next siblings also get affected a little bit, creating a very pleasant effect. This cool effec

I've recently noticed a small paradox: Many years ago – before CSS grid — we used <table>s to simulate grid layouts. Now that we have grid layouts, we use them to simulate tables! Which is wrong. Tables are for tabular data; and it doesn't make sense to present tabular data in a bunch of <div>s. The reason for this malpractice might be because tables can be a bit tricky to style, and that most CSS

I'm going to teach you the basics of Lambda Calculus really quickly. Lambda Calculus is deep. But I'm covering only the fundamentals here. What is Lambda Calculus? Lambda Calculus (LC) is a model to describe computations. LC describes the syntax and semantics. Syntax A lambda expression (also known as lambda term) can be one of the following three things: Variable Application Abstraction Variable

🔐 Session-Based vs. Token-Based Authentication: Which is better?🤔 Hi fellow readers!✋ I hope you’re doing great. In this article, we will learn about session and token-based authentication methods used in backend applications. Let’s take a look at them. 🔐 Session-based auth In simple words, session-based authentication uses a special code(session id) stored on your device to remember who you ar

This UI and backend are implemented with only 150 lines of code, including the HTML! The full example code for this tutorial is available in the babyapi GitHub repository if you're eager to get into it. In my recent article, The Easiest Way to Create a REST API With Go, I demonstrated how babyapi can jumpstart REST API creation. This time, I will walk you through some additional babyapi features a

If you messed around with CSS for long enough, chances are you've tried at least once to make a transition from height: 0 to auto... only to find out that it doesn't work! 😢 ➡️ Luckily, today there is actually a solution to this problem: it uses CSS Grid under the hood, and it is just so easy and it works flawlessly! Let's start with a practical example. I have built this simple accordion: The HT

Benchmark TypeScript Parsers: Demystify Rust Tooling Performance TL;DR: Native parsers used in JavaScript are not always faster due to extra work across languages. Avoiding these overhead and using multi-core are crucial for performance. Rust is rapidly becoming a language of choice within the JavaScript ecosystem for its performance and safety features. However, integrating Rust into JavaScript t

Introduction In this article, we showcase how to introduce AsyncLocalStorage into your Next.js application! This post focuses on the new Next.js App Router. If you are wanting to use the Pages Router (pages/api directory), you would need a slightly modified approach, which will be available in the linked repository at the end soon! The concept and general idea remains the same, only a slight diffe

PHP possesses a rich ecosystem, with plenty of libraries and tools. Here is a list of them that I consider interesting, beyond any framework. At the end, I included some useful checks for Composer and Symfony to execute on a CI pipeline. Libraries brick/math: Arbitrary-precision arithmetic library for PHP openspout/openspout: Read and write spreadsheet files (CSV, XLSX and ODS), in a fast and scal

Introduction The release of Vue 3 ushered in a transformational change, moving from the Options API to the Composition API. At the heart of this transition lies the concept of "composables" — modular functions that utilize Vue's reactive features. This change has injected greater flexibility and code reusability into the framework. However, it has also birthed challenges, notably the inconsistent

A "CPU Hack" implies unlocking the ability for continuous crunching of data and re-evaluation of state. For example, if cyclic vars didn't automatically fail to invalid (initial) state in CSS, this would continuously increment the value of --frame-count here: body { --input-frame: var(--frame-count, 0); --frame-count: calc(var(--input-frame) + 1); } Spoiler alert: You actually can do this in CSS,

How to avoid meta test dependencies across Go modules Since the Go v1.14 release, the go command now includes a little known flag called -modfile that can be used to manage multiple set of dependencies within the same repository. The -modfile flag can also be really helpful to also manage better what are the dependencies that importers of your package end up bringing into their project, specially

Guille Ojeda for AWS Community Builders Posted on Aug 21, 2023 • Originally published at newsletter.simpleaws.dev Note: This content was originally published at the Simple AWS newsletter. Understand the Why behind AWS Solutions. Subscribe for free! 3000 engineers and tech experts already have. Use case: Securing Access to Microservices Scenario We have an online learning platform that has been spl

Summary If you're a frontend developer, stop using swagger-ui and msw. Instead, you can build SDK (Software Development Kit) automatically. Which features SDK contain? Collection of fetch functions DTO structures written in TypeScript Mockup simulator for testing Github Repository: https://github.com/samchon/nestia Related Manual: https://nestia.io/docs/migrate With the SDK, you don't need to be s