Patternify es una aplicación web que te permite crear patrones de imágenes CSS, generando imágenes en Base64 siendo un código lo que copiarias en tu archivo CSS para utilizar como fondo de algun elementos HTML de tu página, una herramienta sencilla y muy útil para diseñadores web. Enlace hacia Patternify
Bounce Js es un generador de animaciones CSS3 el cual te permite configurar animaciones en la misma pagina para después generar el código CSS que realiza la animación y así incluirlo en tu pagina web, funciona como un editor de animaciones o sketches de animaciones, una herramienta que puede ser perfecta para diseñadores web que deseen crear […]
StyleStats es un servicio web que te permite extraer las principales características de diseños web extrayendo datos “estadísticos” de los archivos CSS que forman los estilos para los diseños, el servicio es gratuito y muy fácil de utilizar, basta con proporcionar la URL de la cual quieren extraer la información y el sitio les brindara […]
Miren esta galería de diseños de paginas web hechos con mucha creatividad utilizando HTML5 y CSS3, todos los sitios mencionados en esta galería están actualmente activos con estos excelentes diseños web en el que combinan las herramientas mencionadas con algunas librerías JavaScript para dotar de interacción y animación los diseños sin tener que recurrir al […]
Magic Animations es un fantástico framework de animaciones CSS gratuito que incluye un gran cantidad de animaciones predefinidas y que podemos incluir fácilmente a los elementos de nuestros diseños web, lo único que tenemos que hacer es incluir el archivo CSS y llamar a las diferentes clases (ej. class=”magictime puffIn”) que definen a cada animación, al […]
EnjoyCSS es un excelente editor CSS3 con interface gráfica para diseñadores que no sepan sobre programación, la aplicación es completamente online y gratuita, te permite modificar todos los valores CSS3 para crear tus elementos gráfico y al final exportar las imágenes utilizadas y el código CSS3 listo para incluir en tu pagina web, como dije […]
Les comparto un recurso para diseño web que incluye tutorial y código para diseñar paginas web utilizando un grid estilo Google con bloques flotantes, este estilo de diseño se puso de moda desde el lanzamiento de Pinterest y ha sido recreado por otras redes sociales con algunas modificaciones, este tipo de grids es perfecto para […]
UIKit es una excelente framework para diseñar paginas web, es un alternativa mas que recomendable al famoso Bootstrap, UIKit es un framwork OpenSource que incluye una gran cantidad de componentes para personalizar y armar de una forma rápida nuestra pagina web, incluye archivos CSS base para normalizar el estilo de los elementos, CSS para impresión, […]
Les comparto una serie de UI Kits CSS que incluyen diseño y el código CSS y HTML para modificar la apariencia de los formularios web, estos UI Kits CSS3 permiten modificar los componentes de entrada de texto, selectores, checkbox, botones radio y botones de acción en general con el fin de otorgar de un diseño […]
Muy buen tutorial para crear efectos para enlaces con CSS3 utilizando formas y SVG (Canvas), la combinación de estos 3 elementos del diseño web se esta convirtiendo en una tendencia la cual se esta regando como pólvora a pesar que Canvas y CSS3 no son soportados al menos con todas sus funciones por todos los […]