Archivo

Archive for 7 abril 2014

Apuntes de HTML & CSS

La serie “Apuntes de…” sirve para documentar información que se utiliza, ya sea por recomendación o por imitación pero sin saber  demasiado bien porque, así como plasmar algunos trucos  muy interesantes, dado que la memoria es finita. (Aunque éste es el objetivo del blog..)

Extraído de la charla sobre HTTP 5 & CSS de Manz (emezeta blog) expuso en la TLP 2014
Presentación CSS3 & HTML5 en HTML!

  • Herramienta de prueba de código HTML, CSS y JS: Codepen
  • Usar Google fonts para mantener las fuentes en todos los sistemas:
  • Editores:
    • Brackets (http://brackets.io)
      Solo html y css, en php no completa.
    • Sublime Text 2/3 como editor versatil. Pulsa crtl-shift-p para opciones. Si se combina con el pluginbemmet o zen code es…espectacularrr
  • Animaciones en CSS3:

@keyframes nombre {
0%{}
100%{}
}

Cheatsheats

css3-cheatsheet-emezeta

 

Anuncios
Categorías:CSS, Desarrollo Etiquetas: ,

Apuntes de SQL

La serie “Apuntes de…” sirve para documentar información que se utiliza, ya sea por recomendación o por imitación pero sin saber  demasiado bien porque, así como plasmar algunos trucos  muy interesantes, dado que la memoria es finita. (Aunque éste es el objetivo del blog..)

Uso de los JOINS

(http://www.sitepoint.com/understanding-sql-joins-mysql-database/)

Sintaxis:
SELECT tabla1.campo1,tabla2.campo1 FROM <tabla1> *JOIN* <tabla2> ON tabla1.fk = tabla2.pk [resto de cláusulas WHERE….etc]

INNER JOIN, devuelve un conjunto de registros con datos comunes a las dos tablas, es decir que ambas tablas tengas datos para relacionar, sino se omite el registro.

LEFT JOIN, devuelve un conjunto de registros de la tabla1, haya o no datos de relación

RIGHT JOIN, devuelve un conjunto de registros de la tabla2, haya o no datos de relación

OUTER JOIN, devuelve un conjunto de registros de ambas tablas, haya o no relación. No está implementado en MYSQL pero se puede implementar mediante:

<consulta_left_join> UNION <consulta_right_join>

Categorías:Desarrollo, SQL Etiquetas: , ,

Apuntes Javascript

La serie “Apuntes de…” sirve para documentar información que se utiliza, ya sea por recomendación o por imitación pero sin saber  demasiado bien porque, así como plasmar algunos trucos  muy interesantes, dado que la memoria es finita. (Aunque éste es el objetivo del blog..)

Obtener el dato seleccionado de una select:

<form_name>.<select_name>.options[<form_name>.<select_name>.selectedindex].value;
document.getElementById(<select_id>).options[<select_id>.selectedindex].value;

Impedir el uso del botón derecho del ratón

 document.oncontextmenu = function(){return false} document.onselectstart = function(){return false} document.ondragstart = function(){return false} 

Uso de data-* API (Propiedad HTML.dataset)
(extraído de https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/dataset)

Permite crear atributos HTML personalizados para un elemento determinado. Cada uso de data-* corresponde a una propiedad diferente. El nombre de la propiedad (data-xxx) se transforma en una key  para su acceso desde JS (y viceversa) usando las siguientes reglas:

  • el prefijo data- desaparece
  • En nombres compuestos (data-xxx-yyy) las letras minúsculas después de un guion se transforman en mayúsculas y el guión es eliminado (camelify).
  • Ejemplo: data-xxx-yyy => xxxYyy

<div id="user" data-id="1234567890" data-user="johndoe" data-date-of-birth>

John Doe

</div>

var el = document.querySelector('#user');
//querySelector devuelve la primera coincidencia de un selector CSS (para mas de una coincidencia usar querySelectorAll(selector))

// el.id == 'user'
// el.dataset.id === '1234567890'
// el.dataset.user === 'johndoe'
// el.dataset.dateOfBirth === ''

el.dataset.dateOfBirth = '1960-10-03'; // set the DOB.

// Crear una propiedad nueva desde JS. La propiedad 'someDataAttr' no existe en el elemento
// 'someDataAttr' in el.dataset === false

el.dataset.someDataAttr = 'mydata';

// Ahora si existe. 'someDataAttr' in el.dataset === true
//<div id="user" data-id="1234567890" data-user="johndoe" data-date-of-birth data-some-data-attr>

Categorías:Desarrollo, Javascript Etiquetas: , ,

Apuntes sobre Windows

La serie “Apuntes de…” sirve para documentar información que se utiliza, ya sea por recomendación o por imitación pero sin saber  demasiado bien porque, así como plasmar algunos trucos  muy interesantes, dado que la memoria es finita. (Aunque éste es el objetivo del blog..)

Conectar una impresora de red en windows 7 cuando da error de acceso.

– Inicio -> Dispositivos e impresoras.
– Añadir una impresora.
– Añadir una impresora local.
– Crea un nuevo puerto y en el desplegable selecciona “Local Port” y Siguiente.
– En el campo “Introduce el nombre del puerto” poner el path de la impresora en red ( \\computer name\printer name ) y pulsa OK.
– Prueba a imprimir y comprueba que funciona.

Reparar archivos del sistema operativo.

– Ejecutar desde CLI o diálogo:

sfc /scannow

– Tener en cuenta que nos pedirá un cd de instalación para reparar aunque se puede usar una iso y una unidad virtual

Preparar un pendrive para instalar Windows

http://m.taringa.net/posts/noticias/13095804/Instalar-Windows-8-desde-un-Pendrive.html


DISKPART
LIST DISK (ver que unidad es el pendrive seleccionado)
SELECT DISK 1 (número de disco de la memoria USB que se obtuvo en el paso anterior)
CLEAN
CREATE PARTITION PRIMARY
SELECT PARTITION 1
ACTIVE
FORMAT FS=NTFS (Esto puede tardar desde unos minutos hasta horas, dependiendo del tamaño de la unidad USB)
ASSIGN
EXIT

Luego insertamos el CD de Windows o montamos la ISO abrimos la carpeta /boot y ejecutamos:

BOOTSECT.EXE /NT60 X: 

Donde X es la unidad asignada al pendrive

Y ahora solo queda copiar el contenido completo del CD o ISO al pendrive