developit

state-machine-component

A tiny (265 byte) utility to create state machine components using two pure functions.

🔥 JSFiddle Demo

Usage

The API is a single function that accepts 2 pure functions as arguments:

alekseykulikov

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:

• SUIT CSS naming conventions + SUIT CSS design principles;
• PostCSS + CSSNext. Future CSS syntax like variables, nesting, and autoprefixer are good enough;
• Flexbox is awesome. No need for grid framework;
• Normalize.css, base styles and variables are solid foundation for all components;

enguerran-snippets

{% pullquote left %}
Left-aligning pullquotes are good to alternate breaks in the text. They're
{" almost exactly like the default, "} right pullquotes, but a little different.
{% endpullquote %}

enguerran-snippets

{% img [class names] /path/to/image [width] [height] [title text [alt text]] %}

enguerran-snippets

{% blockquote [author[, source]] [link] [source_link_title] %}
Quote string
{% endblockquote %}

harmo

##Moussaka

###Ingrédients:

• 2 grosses aubergines
• 6 pommes de terre
• 500 g de boeuf haché
• 5 tomates (+/- une demie brique de coulis de tomate)
• 1 oignon
• de l'huile d'olive
• 30 g de beurre