Skip to content

Instantly share code, notes, and snippets.

View varya's full-sized avatar
🏠
Working from home

Varya Stepanova varya

🏠
Working from home
View GitHub Profile
@varya
varya / dabblet.css
Last active July 31, 2016 09:04
Pullover
/**
* Pullover
*/
body {
--cell-size:5;
}
* {
font: 0/0 a;
import React, { Component } from 'react';
import Item from '../Item/Item.js';
export default class ItemsInList extends Component {
shouldComponentUpdate(nextProps, nextState) {
return (nextProps.items.length !== this.props.items.length);
}
var path = require('path');
var webpack = require('webpack');
module.exports = {
devtool: 'eval',
entry: [
'webpack-hot-middleware/client',
'./src/index'
],
output: {
@varya
varya / with Defer
Last active December 2, 2015 14:55
// 1) validate the scheme
var validateD = Promise.defer();
// code to validate scheme
// ..
if (schemeIsValid) {
validateD.resolve();
} else {
validateD.reject();
}
@varya
varya / index.html
Created March 24, 2015 18:18
BEM way to CSS
<html>
<head>
<link href="styles.css" rel="stylesheet">
</head>
<body>
<div class="layout">
<div class="layout__sidebar">
<ul class="sidemenu">
<li class="sidemenu__item">
<a class="sidemenu__link" href="#">Link 1</a>
@varya
varya / index.html
Created March 24, 2015 17:54
Old school page
<html>
<head>
<link href="styles.css" rel="stylesheet">
</head>
<body>
<div class="container">
<div id="sidebar">
<ul id="mainMenu">
<li><a href="#">Link 1</a></li>
<li class="active"><a href="#">Link 2</a></li>
@varya
varya / config.js
Created February 18, 2015 10:18
gulp-express error
'use strict';
(function(module) {
var options = {
// Application options
appPath: './lib/app/app.js',
port: 8080,
livereloadPort: 35729,
-------------------------------------------------------
Yandex internet.yandex.ru
-------------------------------------------------------
10.12.2014 20:23
# Поздравляем, вы в интернете! #
ip: 217.30.179.246
ipv6: -
Это Хельсинки
@varya
varya / gist:84058c775f9725bbdb23
Last active August 29, 2015 14:09
Kss parser

Есть CSS/SASS/LESS код с KSS-комеентариями. KSS-комментарий — это блок комментариев, заканчивающийся строкой "Styleguide n", где n — номер параграфа (1, 2.5, 334.5.7.1). Блоком KSS разметки может быть как многострочный комментарий, так и группа инлайновых комментариев, идуших друг за другом. Блок KSS-разметки документирует код, следующий за ним. Все комментарии, которые не являются KSS-блоками, относятся к коду и должны быть включены в него. Может быть код без документации (в начале файла). И может быть документация без кода, если 2 блока KSS-разметки идут друг за другом, и между ними нет кода. Задача: распарсить документ на массив пар kss - код.

На данный момент есть 2 незаконченных решения.

  1. Жутко медленное на Ometa: https://github.com/varya/sc5-styleguide/blob/47ab9e1e0f9248304a704e7c20c8fb78837ae593/lib/modules/kss-blocks-parser.ometajs

  2. На регэкспах: https://github.com/varya/sc5-styleguide/blob/98079f4fe512eceb7ff537313536a2c1b0edc1e0/lib/modules/kss-splitter.js

/*
html:
<sg:wrapper>
<div class="wrapper" style="background: red; padding: 0.5em;">
<sg-wrapper-content/>
</div>
</sg:wrapper>
*/
var re = /<sg\:wrapper>([\s\S]*?)<\/sg\:wrapper>/g,