css3

Barras de progreso animadas usando SVG y TweenMax

Barras de progreso animadas usando SVG y TweenMax

Les comparto un excelente recurso que encontré en Codrops y que les permitirá dar vida a sus proyectos web, se trata de un tutorial para hacer barras de progreso animadas y divertidas, estas barras animadas con indicadores fueron hechas utilizando imágenes SVG, CSS y TweenMax…

Diseño Web 23, 9 2015
Templated: Galería de templates web responsivos gratuitos

Templated: Galería de templates web responsivos gratuitos

Templated es un sitio que se encarga de recopilar y publicar útiles templates web gratis para diseñar paginas web, el sitio actualmente tiene una colección de poco mas de 840 templates para crear paginas web que se pueden descargar de forma totalmente gratuita desde el…

Plantillas 24, 2 2015
Diseño de logos hechos con código CSS

Diseño de logos hechos con código CSS

eCSSpert es un sitio donde literal se dedican a jugar y experimentar con código CSS & HTML, es un proyecto liderado por la diseñadora Anca y el desarrollador Vlad, uno de sus últimos trabajos es una serie de diseños de logos hechos con código CSS…

Galerías de Artistas 11, 2 2015
Plugins para agregar efectos elástico a elementos de tu interface web

Plugins para agregar efectos elástico a elementos de tu interface web

Ultimamente estoy compartiendo con ustedes algunos recursos bastante interesantes enfocados a diseño web, entre los clásicos recursos como iconos, templates web y plantillas PSD para interfaces de usuario también hemos compartido recursos SVG que se han vuelto mas que una tendencia, se han vuelto una…

Diseño Web 15, 12 2014
Beetle template web responsiva con efectos parallax gratis

Beetle template web responsiva con efectos parallax gratis

Excelente template web responsiva con efectos parallax hecha utilizando los estándares de programación web HTML5, CSS3 y como no podía faltar JavaScript, esta template para diseños web lleva el nombre de Beetle la cual fue creada por el diseñador de interfaces UI Frank Rapacciuolo y el…

Plantillas 11, 12 2014
Cactus, App para generar plantillas HTML5 para paginas web

Cactus, App para generar plantillas HTML5 para paginas web

Cactus es un simple, interesante y poderosa App para generar plantillas HTML5 para paginas web de una forma muy pero muy rápida y sencilla, literalmente con un click, Cactus es una App para Mac que se convirtió en una aplicación gratuita recientemente y que te…

Diseño Web 08, 12 2014
Recursos HTML5/CSS3 para crear efectos hover elegantes y fuera de lo común

Recursos HTML5/CSS3 para crear efectos hover elegantes y fuera de lo común

Quiero compartir con ustedes una recopilación de recursos HTML5/CSS3 perfecta para diseñadores web que estén cansados de usar los efectos básicos que ofrecen los navegadores con el fin de ofrecer a sus clientes y los visitantes de las paginas que realicen una experiencia diferente y…

Diseño Web 04, 12 2014
Semantic UI un framework CSS para diseño de interfaces

Semantic UI un framework CSS para diseño de interfaces

Les quiero compartir un nuevo recurso para diseñadores esta vez orientado al diseño de interfaces y el diseño web, dos especialidades que actualmente ya no son una tendencia son casi una obligación, ya que no hay empresa que no necesite una pagina web y por…

Diseño Web 25, 11 2014
Tumult Hype Pro el futuro de la animación con HTML5/CSS3

Tumult Hype Pro el futuro de la animación con HTML5/CSS3

Tumult la empresa que desarrolla  Hype una de las mejores aplicaciones para crear animaciones web y diseños de paginas web en Mac, Tumult esta preparando el lanzamiento de una nueva versión de su poderos App, se trata de Hype Pro el futuro de la animación con…

Diseño Web 21, 11 2014
Tips: El arte de las animaciones en interfaces web

Tips: El arte de las animaciones en interfaces web

Llevamos muchos tiempo hablando del diseño de interfaces y de la importancia que tienen las animaciones en interfaces web aprovechando las capacidades que ofrece CSS3, HTML5 y JavaScript combinados logrando enganchar y enamorar a tus visitantes con algunas animaciones simples y sutiles que dan una…

Tips 15, 11 2014
Tutorial para  crear mockups 3D interactivos con CSS3 y jQuery

Tutorial para crear mockups 3D interactivos con CSS3 y jQuery

Si eres diseñadores sabras lo importante que puede llegar a ser aplicar un poco de animación en una pagina web, y si tus usuarios tiene interacción con eventos de tu sitio para provocar animación mejor, pero y si combinas todo eso y creas formas interactivas…

Desarrollo 14, 11 2014
Atomic, App colaborativa para diseño de interfaces

Atomic, App colaborativa para diseño de interfaces

Les quiero presentar Atomic una App colaborativa para diseño de interfaces que me encontré ayer, no se desesperen por probarla pues esta aplicación aun esta en desarrollo y no hay una fecha prevista para su lanzamiento al publico o su primera Beta pero te puedes suscribir…

Diseño Web 13, 11 2014
MixitUp, Plugin jQuery para filtrar y reordenar grids dinámicamente

MixitUp, Plugin jQuery para filtrar y reordenar grids dinámicamente

Me encontré un plugin jQuery genial que quiero compartir con ustedes se llama MixitUp y creo que lo aplicare en algún momento al blog, MixitUp es un plugin jQuery que te permite agregar dinamismo al grid de tu pagina web, el plugin te permite filtrar…

Desarrollo 12, 11 2014
Plugin jQuery para cambiar diseño de elementos de formularios web

Plugin jQuery para cambiar diseño de elementos de formularios web

Labelauty es un pequeño pero muy útil plugin jQuery para cambiar el diseño de elementos de formularios web, en particular de los elementos Checkbox y los Radio Buttons, que podrán ser muy útiles pero son los elementos más inflexibles para crear diseños de paginas web…

Diseño Web 07, 11 2014
Genial diseño de la pagina oficial de Big Hero 6

Genial diseño de la pagina oficial de Big Hero 6

Si estas esperando con ansias la película de Disney Big Hero 6 que se estrenara el próximo 5 de Noviembre o si eres un diseñador web que admira los buenos trabajos de diseño web, bueno pues tienes que conocer la nueva pagina web oficial de Big…

Galerías de Artistas 07, 11 2014
Plugin jQuery para animar iconos para diseños web

Plugin jQuery para animar iconos para diseños web

Hace unos días revisando la documentación de Google Materials vi los efectos de transformación que utilizan en los iconos de sus aplicaciones, efectos bastante interesantes que aprovechan una combinación entre CSS3 y SVG, pero requieren de mucho código CSS, algo que no todos están dispuestos…

Diseño Web 05, 11 2014
Efecto de transición elástico con JavaScript

Efecto de transición elástico con JavaScript

Muchas veces en artículos anteriores sobre diseño web he mencionado la importancia de la interactividad y el encanto visual que deberían tener las paginas web para gustar a los usuarios, no se trata solo de la combinación de colores, el movimiento cuenta mucho, pero eso…

Diseño Web 30, 10 2014
Clippy, App para crear formas poligonales con CSS3

Clippy, App para crear formas poligonales con CSS3

Clippy es una fantástica App para crear formas poligonales con CSS3 para aplicar en los diseños de paginas web que realices, este editor te permite generar formas CSS a partir imágenes SVG a las cuales se les puede aplicar un fondo de tal modo que…

Diseño Web 23, 10 2014
Plantillas HTML5 para paginas de aplicaciones para móviles

Plantillas HTML5 para paginas de aplicaciones para móviles

Les comparto una interesante plantilla HTML5 especialmente diseñada para crear paginas de aplicaciones móviles, es un plantilla perfecta para presentar tu producto en el caso que seas un desarrollador de aplicaciones móviles y necesites un medio para dar a conocer tu aplicación, ofrece una estructura…

Plantillas 21, 10 2014
Plugin para hacer tus formularios web más esteticos

Plugin para hacer tus formularios web más esteticos

Formplate es un plugin para hacer que los formularios de tu pagina web se vean más estéticos y con un diseño fuera del común y feo diseño que se muestra por default como parte del UI de cada navegador, este plugin es una combinación entre JavaScript…

Desarrollo 18, 9 2014
App JavaScript para crear lineas de tiempo con HTML5 y CSS3

App JavaScript para crear lineas de tiempo con HTML5 y CSS3

Time Sheet JS es una interesante App JavaScript que te facilita crear lineas de tiempo aprovechando la flexibilidad de HTML5 y CSS3, es un script muy fácil de utilizar e integrar en tu pagina web, basta con incluir el script y definir un arreglo en…

Diseño Web 16, 9 2014
CARGAR MÁS CONTENIDO




Frogx Three es un blog de diseño gráfico y web. Algunos derechos reservados, los logos e imágenes expuestos en este blog son propiedad de sus respectivos dueños. Frogx Three es un proyecto de Jorge Aldana.