Yevhen Klymentiev
dark
light
console
darkness
y.klymentiev@gmail.com
Developer Resources|Curated tools, articles, and links that I find useful and worth sharing
Sort By:
Latest
Additions
Clear filters
Jun 1

When Array uses less memory than Uint8Array (in V8)  

A short memory comparison of array vs Uint8Array for cases when you care about every byte

May 22

10 Node.js 24 features you're probably not using  

Built-in test runner, TS support, --env flag to work with environment variables, built-in SQLite and a few more chips to simplify development

May 29

HTML5 Elements You Didn't Know You Need  

A couple of interesting tags that might be useful (e.g. <datalist>, <output>, <time>)

JavaScript algorithms  

A repository with a collection of algorithms ranging from simple string manipulation problems to advanced search and sorting problems

prompt-kit: Core building blocks for AI apps  

High-quality, accessible, and customizable components for AI interfaces

Defuddle: extracting core content from web pages  

Defuddle extracts the main content from web pages. It cleans up web pages by removing clutter like comments, sidebars, headers, footers, and other non-essential elements, leaving only the primary content

May 22

You can style alt text like any other text  

Interesting approach from Andy Bell to design alternative text for an image that didn't load

Simple basic design rules that you can always follow  

Anthony Hobday shares simple rules to follow if you need to keep it simple and beautiful

May 27

Animated Product Grid Preview with GSAP & Clip-Path  

Learn how to transform a simple product grid into an interactive, animated preview experience using GSAP in this hands-on tutorial

Apr 30

JavaScript, when is this?  

How the 'this' keyword works in JavaScript and how the execution context and call stack affect its value

May 12

Application of generators  

Examples of using generators to create sequences and how they can improve code ergonomics

Good vs Great Animations  

Small details to pay attention to in order to improve your animation

May 12

The Height Enigma  

Unraveling the mystery of percentage-based heights in CSS

SVG paths to CSS shape converter  

A tool that uses the new shape() function of the clip-path property to create CSS shapes

Omatsuri  

A set of tools for every day: compressor, decoder, gradient generator and more

WebTUI   

Modular CSS Library that brings the beauty of Terminal UIs to the browser

Apr 25

Mastering tsconfig.json: The Ultimate Guide to Configuring TypeScript Projects  

Description of basic and experimental ts-config parameters and what they affect in the end during compilation

JS Operator Handbook  

A handy interactive guide to JavaScript operators with usage examples

Feb 4

JSON Mocker  

Online service that allows generating JSON data according to the schema

May 9

The ultimate JavaScript regex guide  

A big guide to regulars: syntax, flags, operators, classes, groupings, methods of working in JS

Apr 21
Apr 23

Building An Offline-Friendly Image Upload System  

How to use IndexedDB, service workers and Background Sync API to create an application that is resilient to network outages

LaLoka Layouts  

A collection of layouts and components created with Tailwind CSS. Ready-made and adaptive templates for faster development

Mar 13

How to Dockerize a React App: A Step-by-Step Guide for Developers  

Step-by-step tutorial including setting up Dockerfile, building an application and launching the container + troubleshooting common problems

Apr 25

What Does 'use client' Do?  

Dan Abramov talks about the use of 'use client' in new React architectures where server and client components are combined with each other

Apr 12

Advanced React in the Wild  

A collection of case studies from engineering teams using React and Next.js in large projects over the last couple of years

Apr 14
Apr 11
Apr 16

Using CSS backdrop-filter for UI Effects  

Methods of combining backdrop-filter with other CSS effects to create complex and interesting designs

Apr 3
Apr 8

React Reconciliation: The Hidden Engine Behind Your Components  

How React updates the DOM using the reconciliation algorithm and saves or resets the state depending on the type and position of elements in the component tree

Lighthouse Scoring Calculator  

A simple calculator that shows how each metric affects total scores

Mar 30

LQIP images with CSS  

A way to create blurry placeholder images using a single CSS variable and radial gradients

Apr 5

Cover Flow with Modern CSS: Scroll-Driven Animations in Action  

Cover Flow - the iconic carousel of tilted album covers made famous by Apple in the late 2000s - remains a visually striking UI pattern

Apr 4

Better form design: UX tips, tools, and tutorial  

Form types, structure and best practices: logical design, clear captions, concise error messages, inline validation

Mar 7

Why Do We Have a Cache-Control Request Header?  

How different browsers handle the header and how you can use it to improve performance and invalidate outdated data

22 Mar

UI Algorithms: A Tiny Undo Stack  

Using two stacks - undoStack and redoStack - to control undo and redo actions, avoiding the complexities associated with pointers and indexes in an array

May 22

Animation of opening a modal window  

Let's use the shape function to set the parameters of the modal window movement when opening

Mar 24

The <select> element can now be customized with CSS  

From Chrome 135, web developers and designers can finally unite on an accessible, standardized and CSS styleable <select> element on the web

Mar 27

Adaptive Video Streaming With Dash.js In React  

What are the limitations of the <video> tag when working with slow connections and how can they be circumvented using adaptive bitrate streaming

Feb 12

Time To First Byte: Beyond Server Response Time  

Matt Zeunert breaks down what TTFB is, what causes its poor score, and why reducing server response time alone isn't enough

Mar 17

SSR Deep Dive for React Developers  

how Server-Side Rendering (SSR), pre-rendering, hydration, and Static Site Generation (SSG) work in React

Feb 19

How Does Bandwidth Competition Impact Page Speed?  

How bandwidth impacts page performance and what we can do to use the available bandwidth more effectively

Mar 7

Introducing command and commandfor  

About the new command and commandfor attributes that make it easier to add declarative behavior to buttons without JavaScript

Mar 21

Revisiting CSS border-image  

CSS border-image for frame styling: a breakdown of suitable cases, working features and possible values

Mar 13

How to delete local and remote branches in Git  

Several handy commands for deleting branches, as well as tips on how to work with branches and restore them if necessary

End-of-life(EOL) Tracker  

Up-to-date information on support dates for various packages and programs. Tracks more than 350 programs

React-scan  

A tool to automatically detect performance issues in your React application

Mar 8

Relative Colors  

An interactive guide to learn CSS Relative Colors

Mar 5

Advanced Error Handling in JavaScript  

Advanced JavaScript error-handling techniques beyond try-catch, including custom errors, centralized handling, error propagation, and robust testing

Feb 18

ESLint now officially supports linting of CSS  

Next steps towards providing a language-agnostic platform for source code linting

Jun 28, 2024

How we tamed Node.js event loop lag: a deepdive  

A tale of how we discovered and fixed a variety of reliability and performance issues in our Node.js application that were caused by Node.js event loop lag

Feb 15

Conditional types in TypeScript  

How to use conditional types to simplify code and make it more flexible

Cleaner and clearer code with eslint-plugin-de-morgan  

The plugin offers rules for converting logical expressions to avoid redundant operators and improve readability

Flexbox Labs  

Handy leyout generator with grid and flexbox elements

Feb 5

Optimizing The Critical Rendering Path  

Identifying the most critical resources and loading them early is one way to make your website load faster

Jan 6

Relatively New Things You Should Know about HTML Heading Into 2025  

Grouping details as an accordion, styling selections, checkboxes as toggle and a few more features

CSS Gradients  

Gradient Backgrounds allows you to explore, try and choose from hundreds of beautiful blended color palettes

Understanding React Server Components  

How RSC differs from classic CSR and SSR, what advantages they have and how to integrate server-side components into your React application

RegexpGarden  

Game-based learning of regular expressions. 42 tasks from simple to complex reveal aspects of working with regular expressions

AI assistant right in DevTools  

Supercharge your development workflow with Gemini integrated directly into Chrome DevTools

May 4, 2020

Common mistakes with React Testing Library  

Kent C. Dodds describes common mistakes when using RTL and offers tips on how to avoid them

FontsNinja  

A resource with a huge array of fonts

Resources | Yevhen Klymentiev