ajmalafif

$(document).ready(function() {
    var imgArr = new Array (
        <?php 
        $total = count(get_field('field'));
        $count = 1;
        while(the_repeater_field('field', $pagenumber)): ?>
            '<?php the_sub_field('sub_field'); ?>'<?php if($count < $total){echo ',';} $count++; ?>
        <?php endwhile; ?>
    );
    var n = 0;

ajmalafif

<?php
add_image_size('thumbnail-bw', 400, 0, false);
add_filter('wp_generate_attachment_metadata','bw_images_filter');

function bw_images_filter($meta) {
	$file = wp_upload_dir();
	$file = trailingslashit($file['path']).$meta['sizes']['thumbnail-bw']['file'];
	list($orig_w, $orig_h, $orig_type) = @getimagesize($file);
	$image = wp_load_image($file);
	imagefilter($image, IMG_FILTER_GRAYSCALE);

ajmalafif

Responsive images-handler resources

Art Direction approach

• jQuery Anystretch
• CDNConnect's Focal Point

Mobile-first/Low-resolution-first approach

• Hisrc
• Responsive Enhance
• Responsive Enhance for WordPress

ajmalafif

WordPress ultimate resources

Must-have plugins

Functionality

• Contact form 7
  • WP Mail SMTP
• WooCommerce

Cosmetics

ajmalafif

*.rbc
*.sassc
.sass-cache
capybara-*.html
.rspec
.rvmrc
/.bundle
/vendor/bundle
/log/*
/tmp/*

ajmalafif

Responsive Menu Navigation

WordPress (RootsTheme)

• Bootstrap: Dropdown on Hover (Demo)
• TinyNav.js

General

• jPanelMenu

ajmalafif

.navbar .brand {
   border-right: none;
   color: #fff;
}

.navbar .navbar-inner {
   background-color: transparent;
   background-image: none;
}

ajmalafif

Git Submodules

• WordPress + RootsTheme
• Simple and illustrative git submodule

Github

• Pushing local git branch to GitHub
• Pull Github updated repos into local / My first hand experience here
• Merge branch into master / My first hand experience here

ajmalafif

#!/usr/bin/env ruby
# Usage: gitio URL [CODE]
#
# Turns a github.com URL
#  into a git.io URL
#
# Copies the git.io URL to your clipboard.

url  = ARGV[0]
code = ARGV[1]

ajmalafif

RVM

• rvm installing issue