Skip to content

Instantly share code, notes, and snippets.

@eamexicano
eamexicano / setup.sh
Created Apr 26, 2012
Basic setup for jasmine
View setup.sh
#!/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 Apr 26, 2012
jasmine src and spec creation
View docs.sh
#!/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
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
View setupPHP
#!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
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
View resourcePHP
#!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
Hoja de estilos que responde al tamaño de pantalla (anchura)
View responsive.css
/*
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 Oct 5, 2015
Referencia de las acciones más comunes para bases de datos y tablas en MySQL (SQL)
View referencia.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 Sep 3, 2012
Ejemplo de la etiqueta script utilizada en el encabezado / cuerpo del documento
View ejemplo.html
<!--
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 Sep 4, 2012
El signo de $ es una abreviación de jQuery
View jquery-test.html
<!-- $ 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 Sep 5, 2012
Ligas a los archivos CSS para utilizar font-awesome en wordpress
View FontAwesome.html
<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 Sep 6, 2012
Archivo html donde el navegador se encarga de llenar las etiquetas html, head y body
View trabajo-sucio.html
<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>