<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="alternate" type="application/atom+xml" title="" href="https://hudochenkov.com/feed.xml"><link rel="icon" href="/favicon.ico" type="image/png"><title>Aleksey Hudochenkov</title><link rel="canonical" href="https://hudochenkov.com/"><meta property="og:site_name" content="Aleksey Hudochenkov"><meta property="og:title" content="Aleksey Hudochenkov"><meta property="og:type" content="website"><meta property="og:url" content="https://hudochenkov.com/"><meta name="twitter:creator" content="@xwoody"><script>{let e=localStorage.getItem("user-color-scheme");e&&document.documentElement.setAttribute("data-user-color-scheme",e)}</script><link rel="preload" href="/fonts/lora-bold.woff2" as="font" type="font/woff2" crossorigin=""><link rel="stylesheet" href="/styles/main-4d63df5fbc.css"></head><body><a class="skip-link" href="#main-content">Skip to content</a><header role="banner" class="site-head"><div class="wrapper"><div class="site-head__inner"><a href="/" class="site-head__site-name"><span class="visually-hidden">Aleksey Hudochenkov - Home</span> <span aria-hidden="true">Aleksey Hudochenkov</span></a><nav class="nav" aria-label="navigation"><ul class="nav__list"><li class="nav__item"><a href="/" aria-current="page">Home</a></li><li class="nav__item"><a href="/archive/">Posts</a></li><li class="nav__item"><a href="/videos/">Vlogs</a></li><li class="nav__item"><a href="https://github.com/hudochenkov">GitHub</a></li></ul></nav></div></div></header><main id="main-content" tabindex="-1"><header class="intro"><div class="inner-wrapper sf-flow"><h1 class="intro__heading p-name">Front-end developer.</h1><div class="intro__summary sf-flow"><p>Passionate front-end developer who cares about user experience, website performance, and code maintainability. Prefers to create complete interfaces with HTML, CSS, SVG, and JavaScript rather than be a JavaScript developer only. Closely collaborates with designers, back-end developers, and project managers to make the best website for users. Advocates for fast and easy-to-use interfaces. <a href="/cv/">Read CV</a>.</p><p>Find me on <a href="https://github.com/hudochenkov">GitHub</a>, <a href="https://www.linkedin.com/in/hudochenkov">LinkedIn</a>, <a href="https://www.youtube.com/channel/UCIKO0PqDbm7xaCFGegv7HLg">YouTube</a>, <del><a href="https://twitter.com/xwoody">Twitter</a></del>, or write me an <a href="/cdn-cgi/l/email-protection#3859545d534b78504d5c575b505d5653574e165b5755">email</a>.</p></div></div></header><section class="post-list"><div class="inner-wrapper sf-flow"><h2 class="post-list__heading">Latest posts</h2><ol class="post-list__items sf-flow" reversed=""><li class="post-list__item"><h3 class="post-list__title"><a href="/posts/linter-severity-levels/" class="post-list__link" rel="bookmark">The most underutilized linters feature: severity levels</a></h3><p class="post-list__date"><time datetime="2020-10-25T00:00:00.000Z">25th October 2020</time></p></li><li class="post-list__item"><h3 class="post-list__title"><a href="/posts/up-to-date-dependencies/" class="post-list__link" rel="bookmark">Keep npm dependencies up&nbsp;to&nbsp;date</a></h3><p class="post-list__date"><time datetime="2020-10-11T00:00:00.000Z">11th October 2020</time></p></li><li class="post-list__item"><h3 class="post-list__title"><a href="/posts/mouse-disappointments-with-mac/" class="post-list__link" rel="bookmark">Mouse disappointments with Mac</a></h3><p class="post-list__date"><time datetime="2020-06-14T00:00:00.000Z">14th June 2020</time></p></li><li class="post-list__item"><h3 class="post-list__title"><a href="/posts/spaces-to-tabs/" class="post-list__link" rel="bookmark">Spaces indentation just like tabs in VS Code</a></h3><p class="post-list__date"><time datetime="2020-05-01T00:00:00.000Z">1st May 2020</time></p></li><li class="post-list__item"><h3 class="post-list__title"><a href="/posts/tabs/" class="post-list__link" rel="bookmark">Better experience with tabs</a></h3><p class="post-list__date"><time datetime="2020-04-29T00:00:00.000Z">29th April 2020</time></p></li><li class="post-list__item"><h3 class="post-list__title"><a href="/posts/arrow-function-parentheses/" class="post-list__link" rel="bookmark">Use parentheses for arrow function parameters</a></h3><p class="post-list__date"><time datetime="2020-03-15T00:00:00.000Z">15th March 2020</time></p></li><li class="post-list__item"><h3 class="post-list__title"><a href="/posts/components-with-function-declarations-and-typescript/" class="post-list__link" rel="bookmark">Components with function declarations and TypeScript</a></h3><p class="post-list__date"><time datetime="2020-01-22T00:00:00.000Z">22nd January 2020</time></p></li><li class="post-list__item"><h3 class="post-list__title"><a href="/posts/react-single-file-components/" class="post-list__link" rel="bookmark">React single-file components</a></h3><p class="post-list__date"><time datetime="2020-01-21T00:00:00.000Z">21st January 2020</time></p></li><li class="post-list__item"><h3 class="post-list__title"><a href="/posts/prefer-function-declarations/" class="post-list__link" rel="bookmark">Prefer function declarations</a></h3><p class="post-list__date"><time datetime="2020-01-20T00:00:00.000Z">20th January 2020</time></p></li></ol></div></section><section class="home-section"><div class="inner-wrapper sf-flow"><h2 class="home-section__heading">Open-Source Projects</h2><div class="home-section__content sf-flow"><p><a href="https://github.com/stylelint/stylelint">Stylelint</a> is a mighty, modern CSS linter that helps you enforce consistent conventions and avoid errors in your stylesheets. I'm a core team member.</p><p><a href="https://github.com/hudochenkov/stylelint-order">stylelint-order</a> is a plugin pack of order related linting rules for Stylelint.</p><p><a href="https://github.com/hudochenkov/postcss-sorting">PostCSS Sorting</a> is a PostCSS plugin to keep rules and at-rules content in order.</p><p><a href="https://github.com/hudochenkov/postcss-styled-syntax">postcss-styled-syntax</a> is a PostCSS syntax for CSS-in-JS like styled-components. Built to add CSS-in-JS support for the Stylelint.</p></div></div></section><section class="home-section"><div class="inner-wrapper sf-flow"><h2 class="home-section__heading">Articles</h2><div class="home-section__content sf-flow"><p><a href="https://www.smashingmagazine.com/2016/05/stylelint-the-style-sheet-linter-weve-always-wanted/">Stylelint: The Style Sheet Linter We’ve Always Wanted</a> on Smashing Magazine.</p><p><a href="https://css-tricks.com/images-in-postcss/">Working with Images in Stylesheets with PostCSS</a> on CSS-Tricks.</p></div></div></section></main><footer role="contentinfo" class="site-foot"><div class="wrapper"><div class="site-foot__inner"><div class="site-foot__nav"><nav class="nav" aria-label="footer navigation"><ul class="nav__list"><li class="nav__item"><a href="/" aria-current="page">Home</a></li><li class="nav__item"><a href="/archive/">Posts</a></li><li class="nav__item"><a href="/videos/">Vlogs</a></li><li class="nav__item"><a href="https://github.com/hudochenkov">GitHub</a></li></ul></nav></div><div><theme-toggle></theme-toggle></div></div><p class="site-foot__credit">Powered by the <a href="https://hylia.website" rel="external">Hylia Eleventy Starter Kit</a>.</p></div></footer><script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="module" src="/js/components/theme-toggle-2a93eb5290.js" async="" defer="defer"></script></body></html>