This is your work, valued

Vienna, Austria

Andrey Okonetchnikov

Elite
@okonet

Design Systems expert. UI designer & developer.

react-scroll-sync. Synced scroll position across multiple scrollable elements

440

modalbox. Mac OS X style javascript pop-ups for your browser (based on prototype + script.aculo.us)

259

react-container-dimensions. Wrapper component that detects element resize and passes new dimensions down the tree. Based on https://github.com/wnr/element-resize-detector

232

webpack-long-term-cache-demo. A demo config showing how to enable long-term caching using Webpack. Read [medium link] for details.

96

dotfiles. Shell

85

cooltips. CoolTips is a replacement for conventional web-browser tooltips. Cooltips is fully unobtrusive Class based on Prototype & Script.aculo.us, which is functional without any images (pure CSS).

39

webpack-codemods. JS Codemod to automatically convert webpack config from v1 to v2

31

metalsmith-remote-json-to-files. Fetch JSON from remote URLs, transform and inject as files into metalsmith pipeline

8

codestage. Hassle-free code highlighting for Mac

7

colorist. Creates a palette from the given image (drag'n'drop)

6

darkbox. Simple but powerful jQuery plugin for viewing images

5

export-albums-to-folders. Action Script for iTunes allowing to copy selected albums to a specified location. It creates the folder structure in the specified directory using the following directory mask: [Artist] - [Album] ([YYYY]). Useful to copy bunch of albums to a different location.

4

okonet.github.com. Public pages for okonet.github.com

4

eslint-config-okonet. ESLint sharable config for my OSS projects

4

metalsmith-webpack-dev-server. Starts webpack dev server when running metalsmith

4

dialogbox. Mootools & Prototype.js class for unobtrusive facebook-style dialogboxes

3

ColorSnapperSublime. A Sublime Text 2 plugin for picking colors using ColorSnapper app

3

CalendarPad. A Mootools based class for a 3 months date selector.

3

bemto-components. bemto-components <🍱>

2

prettier. Prettier is an opinionated JavaScript formatter.

2

react-sparklines. Beautiful and expressive Sparklines React component

2

eslint. A fully pluggable tool for identifying and reporting on patterns in JavaScript

2

axios-etag-cache. A axios etag interceptor

2

webpack-cli. webpack specific CLI for webpack & friends [WIP]

2

concertino. TypeScript

2

awesome-speakers. Awesome speakers in the programming and design communities

2

rework-loader. Loader for webpack which uses Rework (https://github.com/reworkcss/rework) post-processor for CSS

2

slides. Slides and sources for the talks I made

2

figma-js. Little wrapper (+ types) for the Figma API

1

homebridge-roon. TypeScript

1

figma-graphql. A GraphQL connector for the Figma API

1

reason-conf-assets. JavaScript

1

codesandbox-client. An online IDE for rapid web development

1

vanilla-extract. Zero-runtime Stylesheets-in-TypeScript

1

jest-styled-components. Jest utilities for Styled Components

1

dotfiles-1. :wrench: .files, including ~/.macos — sensible hacker defaults for macOS

1

graphql-api. GraphQL API for the conference.

1