Artículos
-
Javascript
Diseñando un formulario de registro en Bootstrap con validación de campos jQuery
En este tutorial te voy a mostrar cómo crear un formulario de registro simple y totalmente responsive utilizando Bootstrap. Bootstrap es un framework web CSS/JS frontend, desarrollado por el equipo de Twitter, y me encanta utilizarlo en mis proyectos personales ya que te ofrece múltiples ventaj...
-
HTML
Cómo eliminar las extensiones .php y .html con el archivo .htaccess
En el tutorial de hoy vas a aprender a eliminar las extensiones de los archivos .php y .html de las URLs utilizando el archivo .htaccess. Seguramente has visto en muchos sitios web, que sus urls no muestran las extensiones de los archivos a los que llaman. Tú también puedes hacer lo mismo en tu...
-
Jquery
Cómo crear un plugin de jQuery para hacer pin en Pinterest
Pinterest ha ido creciendo hasta convertirse en uno de las redes sociales más populares del mundo. Nos permite organizar y compartir todas las cosas bonitas que encontramos en la web. Me pareció muy útil, sobre todo, a la hora de buscar inspiración en el diseño de interiores, la decoración ...
-
CSS
Cómo crear flechas de navegación animadas con Flexslider y CSS3
Como de costumbre lo primero, por la mañana, leo todo tipo de noticias. Desde noticias del mundo hasta noticias del mundo del desarrollo web. Pues asà descubrà un tutorial de CSS3 titulado "Arrow Navigation Styles" en Codrops. Asà es como empecé este tutorial.
-
PHP
Cómo convertir filas de MySQL a formato JSON en PHP
En este tutorial veremos un sencillo, útil y corto snippet de código para convertir filas de MySQL a formato JSON utilizando PHP. JSON es un formato de intercambio de datos para aplicaciones web/móvil. Sus datos pueden convertir fácilmente en datos de texto en formato legible por humanos. JSO...
-
MySQL
Eliminar filas de MySQL con la ventana de confirmación de Bootstrap
En este tutorial vamos a ver cómo eliminar filas de una tabla de MySQL. Es un proceso bastante común en los sistemas CRUD, pero como habrás podido ver en el tÃtulo, lo haremos a través de una ventana de confirmación de Bootstrap potenciada con Bootbox en lugar de la ventana de confirmación...
-
CSS
Crea efectos animados hover atractivos facilmente con CSS3
¡Hacer efectos animados hover en CSS3 puede ser muy sencillo! En un artÃculo anterior, hablé de la librerÃa para animaciones de CSS3 llamada Magic Animations de MiniMAC. Hoy, vamos a utilizarla como motor de animación para aplicar una serie de efectos en el hover de distintas miniaturas.
-
CSS
Cómo enmascarar imágenes con formas y añadirles un efecto zoom
Hoy os vamos a mostrar cómo enmascarar imágenes con formas y también a añadirles unos cuantos efectos de animación de zoom con sólo HTML y CSS. He visto este tipo de estilos y efectos en muchos portfolios web, seguro que no te resulta extraño. Asà que, déjame que te enseñe cómo hacerlo...
-
CSS
Cómo crear un simple portfolio responsive con filtros y efectos hover
Hace unos cuantos meses, para un cliente, cree una página de portfolio con filtros y también con efectos hover para cada uno de los proyectos del propio portfolio. Conseguà esos efectos con CSS3 y con un plugin de jQuery para filtrar y ordenar llamado MixItUp.
-
Javascript
Sistema de muro como el de Facebook en Angular JS con múltiples bindings
En este artÃculo quiero anunciaros una nueva serie avanzada de Javascript en programacion.net. Básicamente, me encantan los sistemas de muros, ya que podemos cubrir varias operaciones o funciones en una sola página web. En programacion.net ya hemos tratado este tema con anterioridad con divers...