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.

Critical Thinking

Critical thinking is the intellectually disciplined process of actively and skillfully conceptualizing, applying, analyzing, synthesizing, and/or evaluating information gathered from, or generated by, observation, experience, reflection, reasoning, or communication, as a guide to belief and action. In its exemplary form, it is based on universal intellectual values that transcend subject matter divisions: clarity, accuracy, precision, consistency, relevance, sound evidence, good reasons, depth, breadth, and fairness.

Argument Maps

Argument mapping is producing "boxes and arrows" diagrams of reasoning, especially complex arguments and debates. Argument mapping improves our ability to articulate, comprehend and communicate reasoning, thereby promoting critical thinking.

You can think argument mappings as visual hierarchy mappings.

Arguman.org’s aim is arguments to be mapped successfully by many users.

Une cartographie des migrations et un diagramme Sankey

Son zamanlarda Türkiye'den yurtdışına göçlerin hepimiz farkındayız. Göçleri Türkiye'deki olaylara göre endeksleyerek bir görselleştirme yapmak istiyoruz. Buna yardım etmek için son zamanlarda Türkiye'den ayrılmış ya da ayrılmak üzere olan bir arkadaşınızın baş harflerini, taşındığı şehri ve bulunduğu sektörü paylaşabilir misiniz?

Uyarı: Bu sayfadaki bilgiler amatörce yapılmış bir veri toplama ve görselleştirme çalışmasının sonucudur, doğruluğu ve hassaslığı garanti edilemez.

A tool for topologically aware shape simplification. Reads and writes Shapefile, GeoJSON and TopoJSON formats.

d3-scale-chromatic - Sequential, diverging and categorical color scales derived from ColorBrewer.