Shoelace.css is a lightweight, forward-thinking CSS library built with future CSS syntax. It’s easy to use and highly customizable. Bootstrap users will find it familiar, yet refreshing.

You can use Shoelace with just about any browser. The CDN version is great for prototyping, but to take advantage of all its features you should build Shoelace from source.

mintty-colors is a python package that is easiest to install using pip.

pip install mintty-colors

This installs a command-line tool - mtc that let's you control the colors of your mintty session.

I find as I am building my redux app, one piece of functionality at a time, I keep needing to add {actionTypes, actions, reducer} tuples for each use case. I have been keeping these in separate files and even separate folders, however 95% of the time, it's only one reducer/actions pair that ever needs their associated actions.

To me, it makes more sense for these pieces to be bundled together in an isolated module that is self contained, and can even be packaged easily into a library.

 Block Element Modifier is a methodology that helps you to create reusable components and code sharing in front-end development

Easy

To use BEM, you only need to employ BEM’s naming convention.

Modular

Independent blocks and CSS selectors make your code reusable and modular.

Flexible

Using BEM, methodologies and tools can be recomposed and configured the way you like.

// main.scss
.pony {
    @import 'sub';
    font-size: 100px;
}

// _sub.scss
.chow {
    color: tomato;
}

Will compile to:

.pony { font-size: 100px; }
.pony .chow { color: tomato; }

npm install legally -g    # Make it work everywhere
legally                         # Check licenses of current directory
legally express          # Check an npm library's licenses

an open source pastebin with runnable snippets and API. Start coding in your favorite language.

Starter kit for Toucan Toco's components

One of the biggest obstacles for adoption of Angular in the enterprise is technical, but not of the nature that one could expect.

It's hard to convince our boss to use Angular in our next project if we can't even install it in our own PC ;-) ! We would probably want to do an early demo or prototype to get things started.

But many companies have corporate proxies and security policies that make tools like npm hard to try out for the first time.

One of the biggest features of AngularJs is that it does not come necessarily with all the tooling ecosystem, and can be used via simple script tags. Angular 2 and beyond in principle can also, but we really want to use it together with Typescript, the Angular CLI, Webpack and all the tooling ecosystem.

These notes summarize some of my discoveries (re-)learning GNU Emacs. Since these are my personal notes, it may help to briefly describe my background. I used Emacs on Unix from somewhere around 1990 until 1995. Then in 1995 I began using Windows as my primary operating system and stopped using Emacs. In 2010 I decided to give Emacs on Windows another try. I may not mention some basic things just because I remember them from my initial experience.

A quick overview of new JavaScript features in ES2015, ES2016, ES2017 and beyond.

d3-shape - Graphical primitives for visualization, such as lines and areas.

Try query-replace enter [ space ] enter M-j enter ! enter

$ cd ~/folder/project/
$ python -m http.server 8888 &.

I will convert your Excel data into one of several web-friendly formats, including HTML, JSON and XML.

Flourish allows anyone to create stunning visuals and stories to understand and explain data.