Alex Villecco alexlecco

Tailwind CSS best practices

Utility classes

When writing a string of multiple utility classes, always do so in an order with meaning. The "Concentric CSS" approach works well with utility classes (i.e,. 1. positioning/visibility 2. box model 3. borders 4. backgrounds 5. typography 6. other visual adjustments). Once you establish a familiar pattern of ordering, parsing through long strings of utility classes will become much, much faster so a little more effort up front goes a long way!
Always use fewer utility classes when possible. For example, use mx-2 instead of ml-2 mr-2 and don't be afraid to use the simpler p-4 lg:pt-8 instead of the longer, more complicated pt-4 lg:pt-8 pr-4 pb-4 pl-4.
Prefix all utility classes that will only apply at a certain breakpoint with that breakpoint's prefix. For example, use block lg:flex lg:flex-col lg:justify-center instead of block lg:flex flex-col justify-center to make it very clear that the flexbox utilities are only applicable at the

First Things First

Enable PPA

 sudo apt update
 sudo apt install software-properties-common apt-transport-https curl

Install apt-fast

Install and Create Emulators using AVDMANAGER and SDKMANAGER

About

The goal of this gist is to quickly pre-install a range of system images to provide our project teams the ability to run emulators on a range of API levels, from API 19 to API 28.
- These can be run locally or on the base build agent.
Note: X86 is the fastest architecture for emulators, though x86_64 would probably be better to test against because most phones are 64 bit now.
We create two sets of emulators here, one set with pixel hardware emulation and one set with default oem emulation.

See: Google Documentation on Start the emulator from the command line for more info

Copying data from Firebase Realtime Database to a Google Sheet in real time via Cloud Functions

If you're trying to do this, you came to the right place!

Watch this code work in real time: https://twitter.com/CodingDoug/status/940022568089554944

See also this gist for copying in the other direction: https://gist.github.com/CodingDoug/44ad12f4836e79ca9fa11ba5af6955f7

Setup

Guide for installing React Native on Linux (ubuntu 14.04)

Step 1: Install JDK 7

sudo apt-get install openjdk-7-jdk

Step 2: Download the Android SDK

Deploying to Heroku

This guide is for a first-time Rails developer to deploy their app to Heroku, a popular web-hosting service with strong Rails support. This guide assumes you already have a Heroku account and have installed the Heroku Toolbelt.

Create Your App and Setup Heroku with Git

Make sure you've setup an SSH key for Heroku. Follow this simple guide to create an SSH key and send it to Heroku if needed: Heroku: Managing Your SSH Keys
Navigate into the folder for your Rails app.

	onst puppeteer = require('puppeteer');
	const username = '58050';
	const password = 'toro';


	(async () => {
	const browser = await puppeteer.launch({headless: false});
	const page = await browser.newPage();
	/* page.setViewport({
	width: 1280,

	# elementary OS post install

	sudo apt update && sudo apt upgrade

	sudo apt install software-properties-common --no-install-recommends
	sudo apt install ubuntu-restricted-extras libavcodec-extra ffmpeg
	sudo apt install firefox vlc
	sudo apt install audacious audacious-plugins
	sudo apt install screenfetch

	var debug = process.env.NODE_ENV !== "production";
	var webpack = require('webpack');

	module.exports = {
	context: __dirname,
	devtool: debug ? "inline-sourcemap" : null,
	entry: "./js/scripts.js",
	output: {
	path: __dirname + "/js",
	filename: "scripts.min.js"

	Disclaimer: The instructions are the collective efforts from a few places online.
	Nothing here is my original. But I want to put them together in one place to save people from spending the same time as I did.

	First off, bundle.
	==================

	1. cd to the project directory
	2. Start the react-native packager if not started
	3. Download the bundle to the asset folder:
	curl "http://localhost:8081/index.android.bundle?platform=android" -o "android/app/src/main/assets/index.android.bundle"