Skip to content

Instantly share code, notes, and snippets.

@eamexicano
eamexicano / setup.sh
Created April 26, 2012 03:58
Basic setup for jasmine
#!/bin/sh
if [ -n "$1" ]; then
mkdir ./"$1";
mv docs.sh "$1"/docs.sh;
cd "$1"
# Change "jasmine-standalone-1.2.0.rc3.zip" - for the desired version in the next 2 lines.
wget https://github.com/pivotal/jasmine/downloads/jasmine-standalone-1.2.0.zip;
unzip jasmine-standalone-1.2.0.zip;
sh docs.sh "$1"
$EDITOR .
@eamexicano
eamexicano / docs.sh
Created April 26, 2012 03:59
jasmine src and spec creation
#!/bin/sh
if [ -n "$1" ]; then
echo "Creating SOURCE and SPECS files.";
echo "SOURCE -> src/$1.js";
tee src/"$1".js > /dev/null <<SOURCE
function $1(){
}
SOURCE
@eamexicano
eamexicano / setupPHP
Created May 19, 2012 04:08
Crear directorios archivos base para un proyecto básico en PHP. El archivo es sh se utiliza la terminal y necesita tener mysql en el $PATH (se tiene que estar ejecutando). Reescrito en PHP https://github.com/eamexicano/setup
#!bin/bash
if [ -n "$1" ]; then
echo "Creando directorios.";
mkdir "$1";
cp resource.sh "$1"/resource.sh
cd "$1"
mkdir "config";
mkdir "db";
mkdir "assets";
mkdir "assets/css";
@eamexicano
eamexicano / resourcePHP
Created May 19, 2012 04:10
Funciona para crear las vistas (y SQL) de un recurso en PHP. Esta relacionado con setupPHP. Después de crear el proyecto con setup se utiliza este archivo para crear recursos dentro del proyecto. Reescrito en PHP https://github.com/eamexicano/setup
#!bin/bash
echo "Nombre del script: " $0;
echo "Número de args: " $#;
TABLA="$1";
DB="${PWD##*/}";
echo $DB;
echo $TABLA;
shift;
# Atributos para HTML
@eamexicano
eamexicano / responsive.css
Created May 30, 2012 20:10
Hoja de estilos que responde al tamaño de pantalla (anchura)
/*
Responsive CSS
1. Utilizar la hoja de estilos del sitio / aplicación normalmente.
2. Mandar llamar esta hoja de estilos después de que se cargue la hoja de estilos del sitio.
<link rel="stylesheet" href="responsive.css" type="text/css">
3. Agregar dentro de cada tamaño de anchura las reglas en CSS que van a modificar valores establecidos en la hoja de estilos inicial.
por ejemplo:
@media (min-width:1200px){
body {width: 1000px; }
}
@eamexicano
eamexicano / referencia.sql
Last active October 5, 2015 18:28
Referencia de las acciones más comunes para bases de datos y tablas en MySQL (SQL)
-- Bases de Datos
-- Crear base de datos
CREATE DATABASE nombre_bd
DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci;
-- Si no es compatible con utf8mb4 utilizar utf8
-- DEFAULT CHARACTER SET utf8 COLLATE utf8_general_ci;
@eamexicano
eamexicano / ejemplo.html
Created September 3, 2012 17:29
Ejemplo de la etiqueta script utilizada en el encabezado / cuerpo del documento
<!--
Cuando las etiquetas de script están en el cuerpo, el contenido del documento se empieza a visualizar un poco más rápido porque se manda llamar los archivos hasta después de cargar el contenido.
Un ejemplo que detiene la visualización del documento con una alerta de JS.
En realidad no se detiene la visualización pero se tarda un poco más* para mostrar el contenido.
* Dependiendo de otros factores.
Copiar y pegar cada html en un archivo y probar en un navegador.
@eamexicano
eamexicano / jquery-test.html
Created September 4, 2012 15:04
El signo de $ es una abreviación de jQuery
<!-- $ es una abreviación de jQuery. -->
<!-- jQuery en la cabeza -->
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<style>
body {background: #eee; font-family: sans-serif; margin: 0 auto; width: 800px;}
#click {width: 200px; height: 100px; margin: 49% 40%; border: 1px dashed black; background: #eee; line-height: 100px; text-align: center;}
@eamexicano
eamexicano / FontAwesome.html
Created September 5, 2012 13:25
Ligas a los archivos CSS para utilizar font-awesome en wordpress
<link rel="stylesheet" type="text/css" href="<?php echo get_stylesheet_directory_uri(); ?>/font-awesome/css/font-awesome.css">
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="<?php echo get_stylesheet_directory_uri(); ?>/font-awesome/css/font-awesome-ie7.css">
<![endif]-->
@eamexicano
eamexicano / trabajo-sucio.html
Created September 6, 2012 02:52
Archivo html donde el navegador se encarga de llenar las etiquetas html, head y body
<style>
body {width: 500px; height: 500px; background: #ccc;}
#trabajo-sucio {border: 1px solid #ccc; width: 100px; height: 100px; margin: 100px 50%; background: #fff; padding: 1em;}
</style>
<div id='trabajo-sucio'>
Este documento le deja al navegador el trabajo sucio
</div>