Gustavo Herrera arcanoix

CSS Layout Debugger

A tweet-sized debugger for visualizing your CSS layouts. Outlines every DOM element on your page a random (valid) CSS hex color.

One-line version to paste in your DevTools

Use $$ if your browser aliases it:

~ 108 byte version

Recently when refactoring a Vue 1.0 application, I utilized ES6 arrow functions to clean up the code and make things a bit more consistent before updating to Vue 2.0. Along the way I made a few mistakes and wanted to share the lessons I learned as well as offer a few conventions that I will be using in my Vue applications moving forward.

The best way to explain this is with an example so lets start there. I'm going to throw a rather large block of code at you here, but stick with me and we will move through it a piece at a time.

<script>

// require vue-resource...

new Vue({

Did I hear you wanted AJAX charts instead of hard coded? You got it.

Follow this guide to integrate bar chart reports into your Laravel application with AJAX. Reports like the following come with this guide:

Total number of Orders by day
Total number of Users subscribed by day
etc

The library used for the charts is: http://www.oesmith.co.uk/morris.js/

	#!/bin/bash
	#==============================================================================
	#TITLE: mysql_backup.sh
	#DESCRIPTION: script for automating the daily mysql backups on development computer
	#AUTHOR: tleish
	#DATE: 2013-12-20
	#VERSION: 0.4
	#USAGE: ./mysql_backup.sh
	#CRON:
	# example cron for daily db backup @ 9:15 am

	<?php
	// Migration file
	// database\migrations\create_users_table.php

	use Illuminate\Support\Facades\Schema;
	use Illuminate\Database\Schema\Blueprint;
	use Illuminate\Database\Migrations\Migration;

	class CreateUsersTable extends Migration
	{


	/*
	##Device = Desktops
	##Screen = 1281px to higher resolution desktops
	*/

	@media (min-width: 1281px) {

	//CSS

	$.on('click','.dinamic .add',function(e){
	/* Elementos dinamicos. Solo es necesario agregar las clases dinamic, add y remove,
	como se muestra en el ejemplo a continuacion:
	<div class="dinamic">(contenedor)
	<div>(elemento inicial)
	<input/>
	<button type="button" class="add">agregar</button>
	</div>
	<script class="template" type="text/x-jquery-tmpl">(plantilla de nuevo elemento)
	<div>

	/**
	* Ref: https://community.smartbear.com/t5/SoapUI-Pro/How-to-parse-JSON-or-XML-in-Assertions/m-p/149830#M34177
	* This is script assertion for reading json response and get the size of the array and print array data
	* Also see the demo : https://ideone.com/Z3wyfh
	**/

	//VER posibles respuestas de API REST al final de este script

	//Obtengo la data retornada por el servidor y la convierto en json para luego recorrerlo como un objeto
	def json = new groovy.json.JsonSlurper().parseText(context.response);

	#############################################
	# Push de la rama actual
	git push origin $rama_actual

	#############################################
	# Volver a un commit anterior, descartando los cambios
	git reset --HARD $SHA1

	#############################################
	# Ver y descargar Ramas remotas

	## Sublime Text 3 Serial key build is 3103

	—– BEGIN LICENSE —–
	Michael Barnes
	Single User License
	EA7E-821385
	8A353C41 872A0D5C DF9B2950 AFF6F667
	C458EA6D 8EA3C286 98D1D650 131A97AB
	AA919AEC EF20E143 B361B1E7 4C8B7F04
	B085E65E 2F5F5360 8489D422 FB8FC1AA