Aleksandr Hovhannisyan

When a pair of quotes makes a world of difference.

Expose useful information about your Eleventy build to all of your templates using global data.

Extend Eleventy's built-in filters with custom logic for these common use cases.

Setting a font size in rems ensures that your text will scale when users change their browser's preferred font size.

Excessive destructuring in JavaScript can make your code harder to read, trickier to debug, and more error prone.

Chrome dev tools allow you to simulate loading a page in a different locale.

Paywalls are often implemented incorrectly with client-side gating, making it easy for anyone to access the content.

Self-hosting fonts can improve your site's performance and eliminate unwanted third-party tracking.

Ever wanted to nest Markdown in HTML?

Validate user input in real time with the checkValidity, reportValidity, and setCustomValidity methods.

Understand the math behind fluid typography and learn how to programmatically generate a fluid type scale with CSS clamp and Sass.

Write cleaner CSS using modern strategies like :is and :where, logical properties and values, clamp, gap, and aspect-ratio.

Load-more buttons are more accessible than infinite scrolling, but they also steal keyboard focus when new content loads in.

Use global data in 11ty to create a single configuration for fonts that you can reference in your templates and CSS.

While imagery can enrich your content, it can also slow down your site if it's not used responsibly.

Add comments to your blog using serverless functions and the GitHub Issues API.

React's useState hook works well for managing simple state.

NFTs are artificially scarce, make it easier to commit fraud, undermine the intellectual property rights of content creators, and encourage consumptive mining practices.

Use this trick with CSS Grid to prevent layout shifts when swapping text in status indicators.

You might not need another CSS class.

Currently, 11ty doesn't allow you to pass object arguments to shortcodes in Liquid.

With React.lazy, you can dynamically import components at run time to reduce the size of your JavaScript bundles.

Tired of listing all of your Netlify redirects by hand?

Learn how to use JavaScript's Promise.all method to await multiple async operations, as well as how to write a custom implementation.

In TypeScript, type predicates allow you to narrow down an abstract type to a more concrete type with a simple assertion.

Once you get used to thinking in rems for font sizing, you'll find that it's easy to express familiar powers of two.

In typography, the ideal line height for text depends on a variety of factors, including font size, line length, and font family.

An in-depth review of 11ty, an extensible static site generator written in Node that supports a variety of template languages.

If an iframe re-renders in React, it can interfere with back navigation in your browser.

Commits that have a single responsibility make it easier to troubleshoot code regressions and time travel in Git.

Set up ESLint to format on save in two popular code editors: VS Code and neovim.

Line endings can differ from one OS to another.

Writing is an important soft skill for developers and can help you build a more successful career.

When you set a width and height on image tags, browsers are able to reserve the correct amount of space ahead of time to minimize layout shifts as the images are downloaded.

Reading books isn't something that everyone enjoys.

On paper, Tailwind CSS sounds like a great idea.

Follow along with the examples in this in-depth guide to learn how to draw SVG icons and simple shapes by hand.

Margins are commonly used to space paragraphs, but CSS Grid offers a more intuitive approach that defines spacing at the layout level.

If it were up to me, things wouldn't end this way.

You got a perfect score on an accessibility audit.

Sometimes, a React component needs to allow users to render a custom tag.

If you messed up your git repo, don't panic.

Some big brands have a slow page load speed, but they still rank well on Google.

Define aspect ratios in CSS using the modern aspect-ratio property or a trick with percentage padding.

After a one-year hiatius from Sekiro, I returned to face the final boss—and, through painful persistence, triumphed.

In JavaScript, promises allow you to write asynchronous code.

Improve your page load speed by using a modern image format and lazily loading images.

Leetcode is a polarizing topic in the software industry.

Learn why HTTP cookies are needed, how they're used, where they're stored, and how they impact security and privacy.

Learn how to use the right HTML elements and attributes to create accessible documents.