elijahmurray

Setup nextjs project, with tailwindcss:

Source: https://tailwindcss.com/docs/guides/nextjs

1. npx create-next-app@latest project-name --typescript --eslint
2. npm install -D tailwindcss postcss autoprefixer
3. npx tailwindcss init -p

Setup ESLint on save: https://gist.github.com/elijahmurray/97afaea0b36f0a1f8bf34acd0850a877

elijahmurray

# New Mac Setup

read -p "Please enter your email address: " email

echo "Creating an SSH key for you..."
ssh-keygen -t ed25519 -C "$email"

# Start the ssh-agent in the background
eval "$(ssh-agent -s)"

elijahmurray

mkdir ~/vim
cd ~/vim

# Staically linked vim version compiled from https://github.com/ericpruitt/static-vim
# Compiled on Jul 20 2017
curl 'https://s3.amazonaws.com/bengoa/vim-static.tar.gz' | tar -xz

export VIMRUNTIME="$HOME/vim/runtime"
export PATH="$HOME/vim:$PATH"
cd -

elijahmurray

brew install node

elijahmurray

Non-Destructive Sass Twitter Bootstrap Gutterless Fluid Grid Hack

Why?

Sometimes I need a row sans gutters. This uses the same mixins and whathaveyou to create another grid that sits alongside the normal grid.

Difference in Markup

You'll need to wrap your .row-fluid in a .gutterless div.

Code Needed

Easiest if you simply add the _mixins.css.scss to your application. You'll also need to redeclare your variables then:

elijahmurray

def format_phone_number(phone_number)
  if phone_number.gsub(/\D/, '').match(/^1?(\d{3})(\d{3})(\d{4})/)
  	[$1, $2, $3].join('')
  end
end

elijahmurray

# Launching Pry console session
pry -r ./config/environment

###############

###############
# Set a breakpoint with `binding.pry`


#Access shell mode

elijahmurray

# reverse uncommitted changes
git clean -fd

# file names of changed files between master branch and your branch
git diff --name-status master..<yourbranch>

# push nonmaster branch to master branch. Optional -f flag to force it
git push [remote-name] [pushed-branch-name]:master

#rename current branch

elijahmurray

# Gemfile
gem "puma"
gem 'sidekiq', '~> 2.2.1'
# gem 'autoscaler'

# Procfile
web: bundle exec puma -p $PORT -e $RACK_ENV

# add to config block config/environments/production.rb
# This is becoming deprecated and needs to be updated.

elijahmurray

// ----
// Sass (v3.3.4)
// Compass (v1.0.0.alpha.18)
// ----

@mixin calc-width($percentage, $width) {
  /* Firefox */
  width: -moz-calc(#{$percentage} - #{$width});
  /* WebKit */
  width: -webkit-calc(#{$percentage} - #{$width});