Artículos
-
JavascriptLibrerías de CSS y Javascript para este agosto
Nuestra misión en programacion.net es mantenerte al día con las últimas y más frescas tendencias en el desarrollo web. Es por eso que todos los meses te mostramos una colección cuidadosamente seleccionada, de algunos de los mejores recursos con los que me he topado en Internet y que consider...
-
CSSEditando imágenes en CSS: Filtros
Imagina que te encuentras en la situación de tener que mostrar imágenes de un sitio web en alto contraste, desenfocadas o con mucho brillo. Antes de los filtros de CSS, tus únicas opciones eran, o bien modificarlas desde algún programa de edición de imagen como Photoshop o Gimp y generar dis...
-
CSSRecreando el menú de Google Nexus con jQuery y CSS3
Hace poco me encontré con un tutorial de Codrops en el que recreaban el menú de navegación de Google Nexus. Esto para mi fue muy inspirador, quería diseñar un sistema de navegación tan creativo como el de Google. Por tanto, he decidido crear una versión del menú en jQuery para desafiarme ...
-
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...