Skip to content

Instantly share code, notes, and snippets.

View brigleb's full-sized avatar

Raymond Brigleb brigleb

View GitHub Profile
@brigleb
brigleb / reading.md
Last active August 29, 2015 14:12
Reading suggestions and Developer Resources

I have some reading for you guys.

  1. Be sure you get SSH and the keys. http://opensourcehacker.com/2012/10/24/ssh-key-and-passwordless-login-basics-for-developers/
  2. We will at points in our lives be using pull requests more/again. Read chapter 10 of Git in Practice, that book we just got and is sitting out here. It covers PR's and how to use them from the command line.
  3. Read up on tmux sometime, I think it would save us all a lot of time. http://www.openbsd.org/cgi-bin/man.cgi/OpenBSD-current/man1/tmux.1
  4. In time, I am hoping we can move more toward Bourbon, Neat, and Bitters. http://bourbon.io/ Please look into those. Thoughtbot are really bright people. Trust me on that one.
  5. Remember that we also have an excellent Grunt book. I'd like us to improve our use of Grunt in our workflow, and add our best version to our fork of Underscores. (see http://mattbanks.me/grunt-wordpress-development-deployments/ for ideas)

Helpful developer resources

@brigleb
brigleb / vvf-blueprints.json
Created December 16, 2014 19:31
vv-blueprints for woocommerce work at needmore
{
"sample": {
"themes": [
"woothemes/storefront"
],
"mu_plugins": [
"woocommerce"
],
"plugins": [
"wp-retina-2x",
@brigleb
brigleb / storefront-design.md
Last active August 29, 2015 14:11
Designing WooCommerce Storefront on a Mac, Made Easy!

Set up VVV

Start with these instructions and you should have a site running. You want to use the WordPress Stable setup...

All WordPress admin usernames and passwords for WordPress installations included by default are admin and password.

  • WordPress user: admin
  • WordPress pass: password
  • LOCAL PATH: vagrant-local/www/wordpress-default
  • VM PATH: /srv/www/wordpress-default
  • URL: http://local.wordpress.dev
@brigleb
brigleb / deploy-grunt.md
Last active August 29, 2015 14:07
How to deploy a special-purpose git branch with Grunt assets

Our goal is to have a special branch (one or more) matching a production environment. Using a service like Beanstalk, you want to be able to push to one of those branches, and have it end up at the server with compiled Sass, JavaScript, image, and other assets. You're unable to run your tools on the server, but you want to keep your repository free from these messy compiled assets.

Let's assume we're using a kind of Gitflow methodology, and that our branch for deployment will be called staging.

You have been doing your work on the develop branch... or wherever...

1. Check out your branch.

git checkout staging

@brigleb
brigleb / Web-Building-Resources.md
Created September 8, 2014 16:35
Our Favorite Website Building Resources

For WordPress

  • Underscores theme
  • JetPack plugin

For Front-end Theming

@brigleb
brigleb / developer-goals.md
Last active August 29, 2015 14:05
Developer Goals at Needmore

One of the most important concepts to understand at Needmore is Kaizen. This means continual improvement. Apply this to everything you see below. The following are just guidelines, part of your job is to keep improving, getting better, refining the process, learning, and teaching.

Your goal as a member of the Needmore team is to feel empowered to make sure that you continue to improve, and we do as well. We don't expect you to do something just because it's written here, we expect you to do it better. Learn how to improve the process to end up with a better result, with less mistakes, with less problems. Don't keep doing something a certain way because that's the way we've been doing it.

There are six key aspects to being a successful, productive part of development at Needmore.

Process

Get comfortable using Trello for development and issue tracking. Make sure you use it in a way you can keep the whole team in the loop at all times. Remember to notify the project manager when making changes tha

@brigleb
brigleb / example-rule.scss
Last active August 29, 2015 14:04
An example of using a basic breakpoint mixin...
body.single-peopleandplaces {
.wrap .photo {
height: ( $photoheight / 2 );
width: 100%;
@include bp(medium) {
height: ( $photoheight * .75 );
width: ( 100% / 2 );
}
@include bp(large) {
height: $photoheight;
@brigleb
brigleb / wp-theme-deploy.md
Last active August 29, 2015 14:04
Pseudo Code for WordPress Client Theme Deploy

The goal here is to have a script of some kind that lets you "deploy" your WordPress theme to GitHub, and the auto-updater plugin that supports GitHub will then pull the latest tagged release on your master branch onto your website.

We want to try replacing FTP-based methods for deployment, while having a record of each deployment to our sites. Presumably, this would be more useful for the "staging" site. On the production site, you might want to update the theme in a more manual (and less frequent) fashion.

1. Update version number in style.css and elsewhere.

I am theorizing that we want to increment a global variable in functions.php

2. Checkout master branch, merge

@brigleb
brigleb / cumbersome-wp.md
Last active August 29, 2015 14:03
Cumbersome WordPress process

Right now our process for getting a WordPress site running on a laptop sucks.

I'm writing it all down to help me figure out how to make it better.

  1. Install WordPress in your ~/Sites/sitename folder, or pull down the existing site via FTP to that folder.
  2. Init git repo or check out existing one into proper theme folder.
  3. Set up local MAMP server for project.
  4. Import existing database, or create new one with WordPress configurator.
  5. Configure local wp-config.php to point to appropriate places.
  6. Set up Grunt compliation toolchain and make sure all tasks are working. You may just have to run npm install and grunt if the tasks are already there.
@brigleb
brigleb / clearfix.scss
Created July 6, 2014 05:24
SASS clearfix mixin
@mixin clearfix {
display: inline-block;
&:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
* html & { height: 1px }