README.html

Every one of our projects, whether it be a custom app, website, or even a WordPress theme, has something in common.

They're built to be interacted with-- Clicked, poked, touched, proded and discovered.

We user experiences that are intuative, informative and built with purpose, for your customers and content managers.

A great user experience leads to happy customers and great results for your business.


		
/*

Contact Forms - Ajax, can't use gravity forms, can for clients. 
--Child Theme Ready
--Multisite Ready
--Nextgen slider support 
--Gravity forms support





*************************************************************************
TABLE OF CONTENTS
1. Settings
	1.Theme Options Page
	2.Page Options/Settings
	3.Post Options/Settings
	


Settings 1. Theme Options Page
************************************************************************

1. General Settings
	Heading Layout, 1, 2, 3 column.
	Heading - 1. Logo / Site Title
			  2. Rich Text Area
			  3. Social Widgets
			  4. Icons & favicons
			  	<!-- For iPhone 4 --><link rel="apple-touch-icon-precomposed" sizes="114x114" href="">
			  	<!-- For iPad 1--><link rel="apple-touch-icon-precomposed" sizes="72x72" href="">
			  	<!-- For iPhone 3G, iPod Touch and Android --><link rel="apple-touch-icon-precomposed" href="">
			  	<!-- For everything else --><link rel="shortcut icon" href="">
	  				
		  
2. Layout & Settings
	
	Default Page Layout
	Responsive, 100%, with breakpoints, fixed width.
	Import Dummy Data
	
	Fonts
		Header / Footer Background
		Body Background Color
		Primary Font Color
		Secondary Color
		Header/Footer Font Color
		Background Image
		Background Image 100% or what.
		
		Links
		Navigation Links
		Navigation Background
		Google Fonts
		Cufon Fonts
		Color Picker

3. Blog
	Default Blog Layout (1, 2 , 3 columns)

	Full Blog Post or Excerpt
	Disable Social Bookmarks
	Disable About Author
	Exclude Categories?


4. Contact and Social
	Phone Number
	Facebook
	Twitter
	Vimeo
	Youtube
	Instagram
	Pintrest
	RSS Feed

5. Sidebars
	Allow users to create unlimted sidebars.
	Default Left Sidebar
	Default Right Sidebar
	Pages Left
	Pages Right
	Blog Right Sidebar
	Blog Left Sidebar
	Shop Overview Left
	Shop Overview Right
	Footer- 1-2-3
	


6. Footer
	Layout(1, 2 ,3 columns)
	Copyright Info
	Google Analytics Tracking Code


/*********************************************************************

Settings 2. Page Options/Settings
	
**********************************************************************

	Disable BreadCrumbs
	Sidebar Settings
	Disable Page Title
	Page Header (slider, static image, none(default))
	Featured Image Role?
		
		
/*********************************************************************
	
Settings 3.	Post Options/Settings
	
**********************************************************************

	Disable BreadCrumbs
	Sidebar Settings
	Disable Page Title
	Page Header (slider, static image, none(default))
	Featured Image Role?

**********************************************************************








/************************************************************************

2. Shortcodes
	Want shortcode generator or buttons in TinyMCE

************************************************************************

	1. Sliders
		[slider]type = flex,nivo,etc
		Sliders will be set default according to the theme design. (Timing, Annimation, Etc.)
		Each slider can be called individually or using the shortcode in a page.
		Some Page Template will have built in sliders, these can be enabled/disabled.
		A Top slider will probably be able to be added per page, along with static image or other options.
		
	 

	2. Gallery
		[gallery][/gallery] ats = columns, 
		NextGen Gallery Will be Supported
		Need to style WordPress Page galleries to use themes lightbox and style.
		Shortcodes can be used with grid or just images to create a gallery. 
		Gallery Shortcode.

	3. Lightbox
		[lightbox][/lightbox]
		Lightbox can be passed Image, Video, or Text/HTML
	

	4. Tabs
	5. Images
	6. Grids
	7. Text-Styles
	8. Buttons
	9. Contact Form



/************************************************************************

3. Theme Packages
http://codex.wordpress.org/Theme_Development
http://css-tricks.com/how-to-use-the-webshims-polyfill/
http://codex.wordpress.org/Post_Formats

These are all the feautres and requirments of any theme. This is a base. There can always be additions
Everything in this list is liscenced through the GPL or MIT liscences for commercial distribution. 


************************************************************************
--Modernizer

--Navigation
	Needs to be static and also responsive, 
	jquery-pageslide? - MIT/GPL
	jquery-backstretch - MIT/GPL

--fonts
	1. Cufon
	
--Images
	1. Timthumb
	3. Style Gallery Shortcode for in page/post gallery
	

--Sliders - http://medleyweb.com/web-dev/best-jquery-slideshow-plugins/
	1. Nivo Slider
	2. Flex Slider
	3. Orbit Slider 
	4. Refine Slider
	5. Evo Slider 60$ http://evoslider.com/demo5.html
	6. Piecemaker? -http://active.tutsplus.com/freebies/exclusive/exclusive-freebie-the-piecemaker-xml-gallery/
	7. Wow Slider http://wowslider.com/licenses.html
	
--lightbox
	2. Lightbox 2 http://lokeshdhakar.com/projects/lightbox2/
	1. prettyphoto
	2. colorbox http://www.jacklmoore.com/colorbox/example2/
	3. Want to Allow lightbox to zoom on IPhone. http://forum.jquery.com/topic/jquerymobile-change-viewport-on-runtime
	
	
--Video Player
	1. Video JS
	2. JW Player Support Only
		
		Flowplayer - expensive Friggin Awesome http://flowplayer.org/demos/timeline/
		VideoJS - no full screen support
		JMediaelement - No phone support


--Audio Player
	 JPlayer jhttp://www.jplayer.org/


	

 /******************************************
	 HTML
 ******************************************



--User Interface
	Grid
	Hover Image States - HTML then JS
	Control annimations from one class
	Image Loading

	Sorting	
	Tabs
	Buttons
	Navigation
	Responsive Navigation
	Tooltips
	Jquery
	CSS



/*************************************************************************

	Widgets

************************************************************************

	Archives
	Calendar
	Categories
	Custom Menu
	Links
	Meta
	Pages
	Recent Comments
	Recent Posts
	Recent Tweets ***
	Facebook Updates ***
	RSS
	Search
	Tag Cloud
	Text
	TinyMCE Text***




/*************************************************************************

	Global Template Parts

************************************************************************

	1.index.php
		include header
		include loop.php
		include footer

	2. header.php 
		Head - wp_head
		Meta
		Navigation - wp_nav
		Branding
		Content Wrapper?
	
	3. footer.php
		wp_footer
		widget_areas
		Content Closing
		Branding

	4. page.php

	5. loop.php

	6. sidebar.php - possibly sidebar2.php if I cant figure out a better way to injec the code before and after the content area. Possible action.
		left sidebar
		right sidebar
		both sidebars
		no sidebars

	7. frontpage.php - multiple options are necessary
		slider type

	8. home.php - option, is front page blog?

	9. 404.php

	10. search.php - maybe just it's own loop


/****************************************************************

	Blog
	
****************************************************************

	Features
		Ajax pagination, load on scroll. 
		Ajax Comments, load on scroll
		About the author
		Lazy Loading Images
		Popular Posts
		Related Posts 
	
	Files	
		single.php - shows a single blog post
		archive.php - shows the list of blog posts different for post formats
		comments.php
		category.php


	Post Formats
		aside - Typically styled without a title. Similar to a Facebook note update.
		gallery - A gallery of images. Post will likely contain a gallery shortcode and will have image attachments.
		link - A link to another site. Themes may wish to use the first <a href=””> tag in the post content as the external link for that post. An alternative approach could be if the post consists only of a URL, then that will be the URL and the title (post_title) will be the name attached to the anchor for it.
		image - A single image. The first <img /> tag in the post could be considered the image. Alternatively, if the post consists only of a URL, that will be the image URL and the title of the post (post_title) will be the title attribute for the image.
		quote - A quotation. Probably will contain a blockquote holding the quote content. Alternatively, the quote may be just the content, with the source/author being the title.
		status - A short status update, similar to a Twitter status update.
		video - A single video. The first <video /> tag or object/embed in the post content could be considered the video. Alternatively, if the post consists only of a URL, that will be the video URL. May also contain the video as an attachment to the post, if video support is enabled on the blog (like via a plugin).
		audio - An audio file. Could be used for Podcasting.




/****************************************************************

	Custom Post Types
	
****************************************************************

Testimonials


/*************************************************************************

	WooCommerce

************************************************************************

	Template Pages
		product-archive.php
		product-single.php


	Widgets:
		WooCommerce Cart
		WooCommerce Best Sellers
		WooCommerce Featured Products
		WooCommerce On-Sale
		WooCommerce Layered Nav
		WooCommerce Product Search
		WooCommerce Login
		Woocommerce Price Filter
		WooCommerce Product Categories
		WooCommerce Product Search
		WooCommerce Random Products
		WooCommerce Product Tags
		Woocommerce Recently Viewed Products
		Woocommerce Recent Products
		Woocommerce Top Rated Products
	
	
	
	
	
		/*************************************************************************

			Markup

		************************************************************************
			
		Header
		body
		header#header
		header#header .inner{}
		header#header .branding{}
		header#header .branding h1.sitetitle{}