En este curso exploraremos 50 trucos prácticos que van desde las bases, pasando por efectos gráficos complejos y animación hasta elementos avanzados de optimización. Aprenderás a mostrar tu sitio web correctamente en pantallas de escritorio, móviles y hasta impresoras; exploraremos trucos, secretos y consejos de producción con instrucciones paso a paso, para que puedas crear… Read More


Click en la imagen para ir al ejemplo. [sourcecode language=”html”] Ejemplo1 Canvas Su navegador no soporta Canvas. vel: herz: height: Benchmark:35.00000000349246 herz:703 ; a_max:319 ; initial:448; r:0; w:4417.079270947249; e:3; i:1182; x:1181; y:760 [/sourcecode]… Read More


A la hora de programar cualquier cosa, desde un sitio simple hasta un complejo sistema, una regla básica es mantener el código ordenado e indentado, o sea aplicar tabulaciones para que las distintas secciones queden bien separadas a simple vista. En la realidad es bien sabido que cuanto más extenso es el código más difícil… Read More


Los sitios web con Background Transition son sitios con una plantilla que en X cantidad de tiempo realiza un cambio del fondo del mismo sitio utilizando un efecto de Javascript y jquery, en este caso tenemos seis fondos diferentes que irán cambiando uno con otro. Simplemente en nuestro index.html si queremos seguir adicionando imágenes, debemos… Read More


He aquí un ejemplo sencillo de como transformar un contenedor cuadrado a uno circular, para esto usaremos css, vamos a decirle que cuando el estado del contenedor de id “box” sea “:hover” (es decir que el puntero del mouse este sobre el elemento) su propiedad css “border-radius” pase de “0%” a “100%” usando un “-webkit-transition”… Read More


Bien, en este caso estaremos dando unos ejemplos de Gradient y Cajas en CSS, para los que tengan Firefox o IE no podran ver el Gradient, solamente es compatible con Google Chrome y Safari. Comenzaremos con un Gradient Lineal CSS:

HTML:

Ahora veremos un ejemplo de un Gradient Radial: CSS:

HTML:

Read More


Una ventaja de éste método es que al no utilizar scripts no sobrecargamos el blog, la desventaja es que usuarios con navegadores no modernos no podrán verlo (en Internet Explorer funciona de la versión 10 para arriba). La nieve caerá en el fondo del blog, no encima de él, lo cual además de evitar que… Read More


Una simple manera de centrar un elemento con css es dándole un margen automático, pero se tiene que tener en cuenta las siguientes cosas: > No tiene que heredar ni poseer flotación. > No se puede cuando su posición es absoluta o relativa. > El ancho del elemento a centrar debe ser menos al contenedor… Read More


Buenas a todos, hoy les traigo un nuevo code en CSS para poder convertir un texto en particular en Neon, vamos a utilizar el siguiente estilo:

y en el HTML vamos a incluir:

En caso de querer el fondo negro podemos reemplazar el CSS anterior por este:

Read More