Artículos
-
CSSIntroducción a ITCSS para desarrolladores web
Hay un montón de métodos distintos para la estructuración del código CSS, y todos ellos funcionan de maneras diferentes. Los más populares son OOCSS y SMACSS, pero también existe un método menos conocido llamado ITCSS (triángulo invertido de CSS) creado por Harry Roberts.
-
JavascriptCreando un script de paginación utilizando PHP PDO con jQuery
Este tutorial cubrirá la tarea de crear un script simple de paginación utilizando PHP MySQL con jQuery. Para ello también utilizaré bootpag, un plugin de jQuery para implementar una paginación dinámica. Este plugin es muy sencillo de usar, así que no te preocupes si no eres muy ducho en Ja...
-
JavascriptDesarrollando tu primera aplicación con Vue.js
Hoy vamos a ejercer nuestras capacidades con Vue.js desarrollando una aplicación muy sencilla para navegar entre los mensajes de reddit. Vamos a desarrollarlo todo desde cero para demostrar lo fácil que es crear interfaces de usuario con un framework como Vue.
-
JavascriptDiseñ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...
-
CSSCó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.
-
CSSCrea 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.
-
CSSCó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...
-
CSSCó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.
-
JavascriptSistema 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...
-
CSSCrea estupendas figuras hexagonales con CSS3 puro
En este tutorial, vamos a crear formas hexagonales que soporten contenido HTML y también imágenes de fondo con CSS3. CSS3 ha sido una revisión increíble en la creación de estilos más avanzados. Nos ha hecho pasar de 20km/h a 200km/h en una sola revisión, introduciendo estupendísimas noved...