Skip to content

Instantly share code, notes, and snippets.

View CyberLight's full-sized avatar
🎓
in training

Aleksandr Vishniakov CyberLight

🎓
in training
View GitHub Profile
@bradtraversy
bradtraversy / tailwind-webpack-setup.md
Last active September 20, 2024 14:37
Setup Webpack with Tailwind CSS

Webpack & Tailwind CSS Setup

Create your package.json

npm init -y

Create your src folder

Create a folder called src and add an empty index.js file. The code that webpack compiles goes in here including any Javascript modules and the main Tailwind file.

@awestbro
awestbro / index.html
Created April 19, 2020 14:54
Highlighting margin, border, and padding with Javascript
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Highlighting elements example</title>
</head>
<body>
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAEsCAYAAAB5fY51AAAKCklEQVR4Xu3UMWpDQRBEQev+h/4GR04Mrd2g3aIUj6ShZnmv53meLx8CBAgMCLwEa+BKViRA4EdAsDwEAgRmBARr5lQWJUBAsLwBAgRmBARr5lQWJUBAsLwBAgRmBARr5lQWJUBAsLwBAgRmBARr5lQWJUBAsLwBAgRmBARr5lQWJUBAsLwBAgRmBARr5lQWJUBAsLwBAgRmBARr5lQWJUBAsLwBAgRmBARr5lQWJUBAsLwBAgRmBARr5lQWJUBAsLwBAgRmBARr5lQWJUBAsLwBAgRmBARr5lQWJUBAsLwBAgRmBARr5lQWJUBAsLwBAgRmBARr5lQWJUBAsLwBAgRmBARr5lQWJUBAsLwBAgRmBARr5lQWJUBAsLwBAgRmBARr5lQWJUBAsLwBAgRmBARr5lQWJUBAsLwBAgRmBARr5lQWJUBAsLwBAgRmBARr5lQWJUBAsLwBAgRmBARr5lQWJUBAsLwBAgRmBARr5lQWJUBAsLwBAgRmBARr5lQWJUBAsLwBAgRmBARr5lQWJUBAsLwBAgRmBARr5lQWJUBAsLwBAgRmBARr5lQWJUBAsLwBAgRmBARr5lQWJUBAsLwBAgRmBARr5lQWJUBAsLwBAgRmBARr5lQWJUBAsLwBAgRmBARr5lQWJUBAsLwBAgRmBARr5lQWJUBAsLwBAgRmBARr5lQWJUBAsLwBAgRmBARr5lQWJUBAsLwBAgRmBARr5lQWJUBAsLwBAgRmBARr5lQWJUBAsLwBAgRmBARr5lQWJUBAsLwBAgRmBARr5lQWJUBAsLwBAgRmBARr5lQWJUBAsLwBAgRmBARr5lQWJUBAsLwBAgRmBARr5lQWJUBAsLwBAgRmBARr5lQWJUBAsLwBAgRmBARr5lQWJUBAsLwBAgRmBARr5lQWJUBAsLwBAgRmBARr5lQWJUBAsLwBAgRmBARr5lQWJU
@kurtgn
kurtgn / nodb_template_tag.py
Last active June 22, 2019 12:02
Django-тег, запрещающий SQL в шаблонах
import contextlib
import json
from django.db import connection
from django import template
register = template.Library()
@CyberLight
CyberLight / sequelize-schema-file-generator.js
Created April 20, 2018 06:05 — forked from manuelbieh/sequelize-schema-file-generator.js
Automatically generates migration files from your sequelize models
import * as models from "models";
import Sequelize from "sequelize";
import fs from "fs";
delete models.default;
const sequelize = new Sequelize(
'',
'',
'', {
@cdelgadob
cdelgadob / cleanTypenameFieldLink.ts
Last active August 9, 2022 18:20
This is a custom ApolloLink which we use to clean the "__typename" field to prevent sending it to the GraphQL server. omitDeep based on this gist: https://gist.github.com/Billy-/d94b65998501736bfe6521eadc1ab538
@mwickett
mwickett / formikApollo.js
Last active December 20, 2022 23:00
Formik + Apollo
import React from 'react'
import { withRouter, Link } from 'react-router-dom'
import { graphql, compose } from 'react-apollo'
import { Formik } from 'formik'
import Yup from 'yup'
import FormWideError from '../elements/form/FormWideError'
import TextInput from '../elements/form/TextInput'
import Button from '../elements/form/Button'
import { H2 } from '../elements/text/Headings'
@andrei-tofan
andrei-tofan / example.js
Last active February 29, 2024 23:59
node.js writable buffer stream (pdfkit example)
/**
* Convert PDFDocument to Base64
*/
const PDFDocument = require('pdfkit');
const stream = require('./stream');
// crate document and write stream
let doc = new PDFDocument();
let writeStream = new stream.WritableBufferStream();
@snewell92
snewell92 / mysql.js
Created June 2, 2017 16:01
Sequelize ES6 model syntax
var Promise = require('bluebird');
const Sequelize = require('sequelize');
const fs = Promise.promisifyAll(require('fs'));
const _ = require('lodash');
const sequelize = new Sequelize(connectionString, {
dialect: 'mysql',
logging: false,
pool: { // application-side connection pool configuration
@developit
developit / unistore.js
Last active September 8, 2020 15:13
Update: the newer & better version of this is published: https://github.com/developit/unistore
import { h, Component } from 'preact';
/** Creates a new store, which is a tiny evented state container.
* @example
* let store = createStore();
* store.subscribe( state => console.log(state) );
* store.setState({ a: 'b' }); // logs { a: 'b' }
* store.setState({ c: 'd' }); // logs { c: 'd' }
*/