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...