navitronic

{
    "debug-bar"                     : "0.8",
    "debug-bar-cron"                : "0.1.2",
    "developer"                     : "1.0.0",
    "jetpack"                       : "1.7",
    "limit-login-attempts"          : "1.7.1",
    "log-deprecated-notices"        : "0.2",
    "monkeyman-rewrite-analyzer"    : "1.0",
    "monster-widget"                : "0.1",
    "more-fields"                   : "2.1",

navitronic

.right-bg{
    position: relative;
    width: 640px;
    height: 480px;
}
.right-bg:after{
    display: block;
    position: absolute;
    right: 10px;
    z-index: -1;

navitronic

Agenda:

• Introductions / etc
• Lightning 5 min talk about Symfony 2.1 by Sam J

Coding exercise - Build a blog

1. Make sure that Symfony is working and you have the default vendors installed on your laptop / environment
2. Find and run app/console
3. Use app/console to generate a bundle for you to work with tonight

navitronic

/* Mobile / General Styles
   ---
   Code up general styles and mobile styles, use media queries to adapt to larger displays.
   Things for this section: Reset, Typography, Baseline grid, etc. Convenience methods for image-replacement, hiding, clearing etc.
*/




/* Desktop and iPad/Tablet specific styles. */

navitronic

	<div class="something">
		<div class="third">first child, no left padding.</div>
		<div class="third">left padding</div>
		<div class="third something">
			left padding
			<div class="half">first child, no left padding</div>
			<div class="half">left padding.</div>
		</div>
	</div>

navitronic

/**
 * @Route("/school/search/", name="school_search")
 * @Template("FlintSAKGFKitchenGardenProfileBundle:Default:school-search.html.twig")
 * @param \Symfony\Component\HttpFoundation\Request $request
 * @return array
 */
public function searchAction(Request $request)
{

navitronic

$(function(){
    /// fun times :D
});

navitronic

$(document).ready(function(){
	// Local Scroll
	function filterPath(string) {
		return string.replace(/^\//,'').replace(/(index|default).[a-zA-Z]{3,4}$/,'').replace(/\/$/,'');
	}
	$('a[href*=#]').each(function() {
		if (
			filterPath(location.pathname) == filterPath(this.pathname)
			&& location.hostname == this.hostname
			&& this.hash.replace(/#/,'')

navitronic

// Extend jQuery to add a function for implementing "Nice Inputs"
jQuery.fn.makeNiceInput = function(){

	// Setup the selected elements as nice inputs.
	jQuery(this).each(function(){

		if(jQuery('label[for='+jQuery(this).attr('id')+']').length > 0){

			var MNval = jQuery('label[for='+jQuery(this).attr('id')+']').hide().text();

navitronic

<i class="icon icon--play-1"></i>
<i class="icon icon--repeat-1"></i>
<i class="icon icon--x-1"></i>
<i class="icon icon--up-1"></i>
<i class="icon icon--right-1"></i>
<i class="icon icon--down-1"></i>
<i class="icon icon--left-1"></i>
<i class="icon icon--up-2"></i>
<i class="icon icon--right-2"></i>
<i class="icon icon--down-2"></i>