Skip to content

Instantly share code, notes, and snippets.


Aleksey Kulikov alekseykulikov

Block or report user

Report or block alekseykulikov

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile

Aligning images

left alignment

This is the code you need to align images to the left:

<img align="left" width="100" height="100" src="">
ekryski / circle.yml
Last active May 24, 2017
Using Yarn with CircleCI and Heroku
View circle.yml
- mkdir ~/.yarn-cache
version: stable
- curl -o- -L | bash
- ~/.yarn-cache
neonto /
Last active May 14, 2019
React Studio - a GUI tool built specifically for React

--> Star this gist if you want to see it on the Reactive 2016 conference <--

Writing React.js is fun... But being able to draw React components, design responsive layouts and create entire app flows visually can be even more fun! (Especially for those non-coder members of your team who think ECMAScript 6 is a skin disease. They should see the light of React too.)

In this lightning talk, we'll give you a world premiere sneak peek at React Studio (, a GUI tool built specifically for React. We'll explain how React's functional design makes it a great fit for visual tools. Also we will show how React Studio's plugin approach makes it a really powerful meta-programming system. Want to switch your app from Redux to Alt.js or vice versa? Just swap the state plugin and export again! That's just one of the joys of using a visual system for your Reactified visual design.

alekseykulikov /
Last active Dec 11, 2019
Principles we use to write CSS for modern browsers

Recently CSS has got a lot of negativity. But I would like to defend it and show, that with good naming convention CSS works pretty well.

My 3 developers team has just developed React.js application with 7668 lines of CSS (and just 2 !important). During one year of development we had 0 issues with CSS. No refactoring typos, no style leaks, no performance problems, possibly, it is the most stable part of our application.

Here are main principles we use to write CSS for modern (IE11+) browsers:

matthewmueller / index.html
Last active Jan 11, 2018
HTML Starter Template for rock-solid Web Apps
View index.html
HTML Starter Template for rock-solid Web Apps
Get the latest template here:
nikgraf /
Last active Dec 17, 2018
Proposal for lightning talk at Reactive Conf 2016

Rich text editing with DraftJS Plugins

Earlier this year Facebook open sourced its React based rich text editing framework Draft.js. At Facebook it powers status updates, comments & notes. Others used it to build editors matching Medium’s experience.

Together with a whole team of open source contributors I built a plugin architecture on top of Draft.js. In this talk I walk you through the existing plugins and show how you can build your own feature-rich text editor for the web with only a handful lines of code. 🤓

DraftJS Plugins

Draft JS Plugins Logo

stesie / index.html
Created Apr 1, 2016
AWS IoT-based serverless JS-Webapp Pub/Sub demo
View index.html
<!doctype html>
<meta charset="UTF-8">
<title>AWS IoT Pub/Sub Demo</title>
<h1>AWS IoT Pub/Sub Demo</h1>
<button type="button" id="connect">connect!</button>

The issue: browsers will wait approximately 300ms from the time that you tap the button to fire the click event. The reason for this is that the browser is waiting to see if you are actually performing a double tap.

(from a new defunct article)

touch-action CSS property can be used to disable this behaviour.

touch-action: manipulation The user agent may consider touches that begin on the element only for the purposes of scrolling and continuous zooming. Any additional behaviors supported by auto are out of scope for this specification.

bcoe /
Last active Nov 28, 2019

npm Users By Downloads (

npm users sorted by the monthly downloads of their modules, for the range May 6, 2018 until Jun 6, 2018.

Metrics are calculated using top-npm-users.

# User Downloads
pmeenan / gist:7465158c6439db066a53
Created May 20, 2015
RUM Speed Index Custom Metric
View gist:7465158c6439db066a53
var RUMSpeedIndex = function(win) {
win = win || window;
var doc = win.document;
Support Routines
// Get the rect for the visible portion of the provided DOM element
var GetElementViewportRect = function(el) {
You can’t perform that action at this time.