Ezeikel ezeikel

Advanced SCSS

Or, 16 cool things you may not have known your stylesheets could do. I'd rather have kept it to a nice round number like 10, but they just kept coming. Sorry.

I've been using SCSS/SASS for most of my styling work since 2009, and I'm a huge fan of Compass (by the great @chriseppstein). It really helped many of us through the darkest cross-browser crap. Even though browsers are increasingly playing nice with CSS, another problem has become very topical: managing the complexity in stylesheets as our in-browser apps get larger and larger. SCSS is an indispensable tool for dealing with this.

This isn't an introduction to the language by a long shot; many things probably won't make sense unless you have some SCSS under your belt already. That said, if you're not yet comfy with the basics, check out the aweso

Git

Global Settings

Related Setup: https://gist.github.com/hofmannsven/6814278
Related Pro Tips: https://ochronus.com/git-tips-from-the-trenches/
Interactive Beginners Tutorial: http://try.github.io/
Git Cheatsheet by GitHub: https://services.github.com/on-demand/downloads/github-git-cheat-sheet/

Reminder

Press minus + shift + s and return to chop/fold long lines!

Default

Powerlevel10k

MySQL

Getting started

puppeteer dependeces in ubuntu 18.04 (Bionic)

error while loading shared libraries: libnss3.so: cannot open shared object file: No such file or directory

sudo apt-get install libnss3

error while loading shared libraries: libXss.so.1: cannot open shared object file: No such file or directory

sudo apt-get install libxss1

	/*
	**
	** kyco.eslintrc
	** =============
	**
	** Based on http://eslint.org/docs/rules/
	**
	** All rules specified in this file are taken from the URL above. We have
	** included every single rule except for rules posted under the "Removed"
	** section.

	#!/bin/bash
	files=$(git diff --cached --name-only \| grep '\.jsx\?$')

	# Prevent ESLint help message if no files matched
	if [[ $files = "" ]] ; then
	exit 0
	fi

	failed=0
	for file in ${files}; do

	import { withRouter } from 'next/router';
	import Link from 'next/link';
	import React, { Children } from 'react';

	const ActiveLink = ({ router, children, ...props }) => {
	const child = Children.only(children);

	let className = child.props.className \|\| '';
	if (router.pathname === props.href && props.activeClassName) {
	className = `${className} ${props.activeClassName}`.trim();

	const postmark = require("postmark"); // require mail service, postmark in this case

	const client = new postmark.Client("XXXXXXXXXXXXXXXXXXXXXXXXXXXX"); // your postmark api key

	const headers = {
	"Access-Control-Allow-Origin" : "*", // better change this for production
	"Access-Control-Allow-Methods": "POST",
	"Access-Control-Allow-Headers": "Content-Type"
	};

	{
	"Statement": [
	{
	"Action": [
	"apigateway:*",
	"cloudformation:CancelUpdateStack",
	"cloudformation:ContinueUpdateRollback",
	"cloudformation:CreateChangeSet",
	"cloudformation:CreateStack",
	"cloudformation:CreateUploadBucket",