El poder de CSS combinado con algo de creatividad puede dar resultados sorprendentes. La idea es muy básica, usar los pseudoelementos :before y :after para crear iconos… pero el poder de CSS da para mucho más.
Seguir leyendo
Iconos con CSS
Archivo del autor: Josetxu
Aplicar estilos CSS a campos [radio] y [checkbox]
Un problema típico de los formularios es dar estilos personalizados a los elementos input de tipo radio y checkbox. Aunque se les pueden aplicar algunas propiedades de CSS como width, height o box-shadow, lo cierto es que poco más se puede hacer con estos elementos.
Captcha en PHP
Captcha o CAPTCHA son las siglas en inglés de Completely Automated Public Turing test to tell Computers and Humans Apart, o lo que es lo mismo: Prueba de Turing completamente automática y pública para diferenciar ordenadores de humanos [+ info en wikipedia].
Seguir leyendo
Afinador de Guitarra – Online Guitar Tuner
Hace unos años hice un Afinador de Guitarra Online en Flash para la web de Liyonel Guitars.
Flash va a morir, de hecho está agonizando ya… en el año 2016 estuvo presente solo en el 10% de las webs y a partir de 2017 Firefox y Chrome empezarán a bloquear el contenido Flash.
Seguir leyendo
Convertir duración de video de la API v3 de Youtube en PHP
Hace poco me encontré con un problema intentando extraer la duración de un video de la API v3 de Youtube. El formato que nos devuelve la API es algo extraño y tras probar distintas soluciones vistas por la web y sin que ninguna funcionara del todo, intenté hacer mi propia función …
Efecto Mouse Parallax
El parallax (o paralaje) es la desviación angular de la posición aparente de un objeto, dependiendo del punto de vista elegido.
JQuery Parallax es uno de los múltiples plugins de JQuery que se puede utilizar para conseguir este efecto de manera muy fácil utilizando como punto de vista la posición variable del ratón. Vamos a verlo…
Seguir leyendo
Flip Cards o Tarjetas Giratorias con CSS3
Un efecto cada vez más usado el de las “Flip Cards”, muy vistoso y con muchas posibilidades, para muestra este codepen de Virgil Pana, donde exprime esas posibilidades al máximo.
Nosotros vamos a ver algo más simple y no usaremos Javascript para hacer los efectos de giro, solo usaremos transiciones de CSS3.
Funciones básicas en Javascript: [alert()] y [prompt()]
Estas funciones en realidad son métodos del objeto window y son ideales para iniciarnos en JavaScript ya que su funcionamiento es muy simple. La primera muestra una ventana emergente en la pantalla. La segunda muestra un cuadro de diálogo que solicita algo al visitante para continuar.
Seguir leyendo