Skip to content

Instantly share code, notes, and snippets.

View newbornfrontender's full-sized avatar
🐣
Time to code

Infant Frontender newbornfrontender

🐣
Time to code
  • Russia
View GitHub Profile
@newbornfrontender
newbornfrontender / index.js
Created September 27, 2019 12:16
redux counter
import { createStore } from 'redux';
const increment = () => ({
type: 'INCREMENT',
});
const decrement = () => ({
type: 'DECREMENT',
});
@newbornfrontender
newbornfrontender / psi.js
Created September 19, 2019 07:18
PageSpeed Insights with reporting
const psi = require('psi');
const url = 'https://github.com/GoogleChromeLabs/psi';
(async () => {
const data = await psi(url, {
startegy: 'desktop',
});
console.log(`Speed score: ${data.ruleGroups.SPEED.score}`);
})();
@newbornfrontender
newbornfrontender / postcss.js
Created August 11, 2019 15:45
babel postcss literal plugin
const deasync = require('deasync-promise');
const postcss = require('postcss');
const postcssrc = require('postcss-load-config');
module.exports = ({ ctx }) => {
return {
visitor: {
TaggedTemplateExpression({ node }, { file }) {
if (node.tag.name !== 'css') return;
@newbornfrontender
newbornfrontender / replace.js
Created August 8, 2019 15:50
postcss replace plugin - wip
function global(opts) {
return postcss.plugin('postcss-global', () => {
return (root, result) => {
// console.log(root);
// console.log(result);
// for (decl of result.nodes) {
// console.log(decl);
// }
@newbornfrontender
newbornfrontender / rollup.config.js
Created August 8, 2019 13:54
svelte - css deps and postcss walker
import resolve from 'rollup-plugin-node-resolve';
import svelte from 'rollup-plugin-svelte';
import babel from 'rollup-plugin-babel';
import postcss from 'postcss';
import postcssrc from 'postcss-load-config';
import syntax from 'postcss-syntax';
import env from 'postcss-preset-env';
import { promises as fs } from 'fs';
import { sync as rimraf } from 'rimraf';
import { createFilter } from 'rollup-pluginutils';
import resolve from 'rollup-plugin-node-resolve';
import svelte from 'rollup-plugin-svelte';
import babel from 'rollup-plugin-babel';
import postcss from 'postcss';
import postcssrc from 'postcss-load-config';
import syntax from 'postcss-syntax';
import env from 'postcss-preset-env';
import { promises as fs } from 'fs';
import { sync as rimraf } from 'rimraf';
import { createFilter } from 'rollup-pluginutils';
@newbornfrontender
newbornfrontender / postcss.js
Last active July 4, 2019 13:32
my simple rollup-plugin-postcss (updated)
import { createFilter } from 'rollup-pluginutils';
import { writeFile } from 'fs';
import postcssrc from 'postcss-load-config';
import postcss from 'postcss';
export default (options = {}) => {
if (!options.include) options.include = '**/*.css';
const filter = createFilter(options.include, options.exclude);
// ASTRING
// -----------------------------------------------------------------------------
// import acorn from 'acorn';
// import astring from 'astring';
// let code = 'let answer = 4 + 7 * 5 + 3;\n';
// let ast = acorn.parse(code, { ecmaVersion: 6 });
<div class="map">
<div class="container map__results">
{% include "blocks/map-results/map-results.html" %}
</div>
<div id="map" class="map__inner" data-map-center="55.76, 37.64"></div>
</div>
<template id="search-result-card">
<div class="clinic-card-preview">
<a class="clinic-card-preview__title-link" href="">
<h3 class="clinic-card-preview__title"></h3>
</a>
<ul class="clinic-card-preview__location">
<li class="clinic-card-preview__location-item clinic-card-preview__location-item_metro"></li>
<li class="clinic-card-preview__location-item clinic-card-preview__location-item_geo"></li>
</ul>