Si han intentado realizar menúes que respondan de determinada manera a los movimientos del ratón, probablemente han hecho uso del a:hover para cambiar el color. Pero hoy en día se pueden animar estas respuestas a través del uso de Selectivizr, un JavaScript que permite que estas pequeñas animaciones aplicadas a los botones puedan visualizarse correctamente en todos los exploradores, incluído en IE6.
Como siempre les digo, mientras más opciones mejor, y si bien últimamente estuve enviando plantillas en .psd que requerían conocimientos de maquetación, también hay veces que encuentro plantillas que ya se encuentran en HTML y solo requieren algunos cambios mínimos que por lo general son solo gráficos.
Varias veces me he encontrado con recursos que se ajustan a una finalidad particular, en esta oportunidad es una herramienta diseñada en Photoshop para elaborar un folleto con ofertas sobre un producto.
En el último tiempo, debo reconocer que los recursos estilo vintage están superpoblando los sitios en los que suelo buscarlos. Tiene que ver con la moda y la decisión de utilizar esta estética en casi todos los proyectos nuevos, pero hay quienes aún se deciden por aquellos diseños simples, limpios y que son eficaces a la hora de desplegar la información.
El caso de “Award The Inspired” es uno de los que cumplen esta función, detrás de esta plantilla encontramos la posibilidad de plantear un sitio informativo o institucional, obviamente la estética puede aplicarse a un blog, pero necesitar rediseñar la plantilla.
Si poseen un blog o están planeando tener uno, que necesita mostrar los artículos de varias categorías en su página principal, esta nueva plantilla lanzada por PaddSolutions puede resultarles de ayuda.
MailCheck es un plugin jQuery de lo más simple pero no por eso menos útil. Sirve para validar direcciones de correo electrónico, pero no solamente su sintaxis, sino también verifica la validez del dominio que la acompaña. Es así que por ejemplo podemos validar si el usuario en lugar de escribir @hotmail.com escribe hotnail.com, sugiriendo del posible error.
La gran mayoría de las personas cuando navegan por internet utilizan la música para realizar sus tareas, muchas optan por abrir el video de su canción favorita en Youtube o darle play a listas de producciones. El caso es que escuchar música ayuda a muchos usuarios a mejorar la productividad en el trabajo y a mantenerse relajados.
Esta vez quiero presentarte Aupeo, una aplicación web que te permite crear tu propia radio online de manera gratuita, una de las ventajas de esta aplicación es poder seleccionar la música que te gusta utilizando la inteligencia artificial, es decir cuando entras al sitio web se te pedirá que selecciones el tipo de genero de música que te gusta, posteriormente se te mostraran la lista de canciones de la aplicación, y según tus preferencias hacer clic en las canciones que más te gustan.
Con base en tus gustos Aupeo te presentara una radio online totalmente personalizada para que puedas escucharla a través de la versión para navegador o a través de las versiones para móviles. Sin duda una manera fácil y rápida de escuchar música mientras navegas, sin necesidad de ir recopilando canción por canción.
Link | Aupeo
Las animaciones que podemos realizar solo utilizando CSS3 y sin la necesidad de emplear JavaScript, son extremadamente poderosas. Probablemente en los próximos años la forma de animar los sitios web cambie radicalmente, haciendo más eficientes los sitios web.
Las propiedades para animar de CSS3 se pueden utilizar hoy en día, navegadores como Chrome, Safari, y Opera en casi todas sus versiones cuentan con soporte completo, lo mismo ocurre con Firefox e Internet explorer en sus versiones más nuevas. Así que si el publico de un sitio web se caracteriza por tener versiones nuevas de sus navegadores no habría ningún inconveniente en hacer uso de las propiedades para realizar animaciones de CSS3.
En TutorialZine, un blog excelente con muy buenos tutoriales y recursos para diseñadores, nos brindan en descarga directa un excelente menú animado que solo utiliza CSS3, ademas de obviamente el tutorial en donde se explica com ose implementaron las distintas propiedades.
El menú se ve de la siguiente manera:
No se olviden de visitar la demostración online.
El menú es muy simple pero cumple perfectamente su cometido. Mi sugerencia es comenzar a perderle el miedo a CSS3 y sobretodo a la compatibilidad cruzada con los distintos navegadores. La adopción de los navegadores más modernos se acelero considerablemente en estos últimos meses, algo que se ve reflejado en las estadísticas de cualquier sitio web.
Ideada con una estética retro no demasiado exagerada, con los elementos justos para mostrar en una sola página gran cantidad de información. Posee detalles de calidad y un planeamiento original dentro de lo que hoy en día se ve en este tipo de plantillas.
Verán, una vez que decidan utilizarla, que contiene espacios de inclusión de un menú, por lo que no solo puede plantearse como un portfolio de página única, sino que con algunos retoques se pueden lograr páginas internas para hacerla una plantilla completa.
Descargar Ribbon | BlazRobar
Particularmente destaco el espacio superior con la cinta horizontal que contiene detalles que lo destacan por si mismo, ideal para incluir un slider. Por otra parte, las texturas que se han utilizado en las páginas de muestra que se encuentran en el inicio creo que son perfectas para utilizar sobre este mismo fondo.
Por último, el destaque inferior y el espacio para el logo, creo que son herramientas útiles para fijar la marca y proceder a la presentación de la información de forma concreta y simple, sin demasiadas decoraciones.
Siguiendo con la tendencia de incentivarlos a migrar a HTML5 queremos compartir con ustedes 8 plantillas web profesionales HTML5 que son completamente gratis para que utilicen en sus próximos diseños, después de todo HTML5 es una tendencia global en cuanto a diseño web y que poco a poco se esta convirtiendo en un estándar, es muy recomendable porque una de sus mayores ventajas es que incluso utilizando animaciones hechas con HTML5 y CSS3 sus sitios seria totalmente visibles y adaptables para los usuarios que naveguen en Internet con un iPad, iPhone y cualquier tableta o telefono móvil del mercado.
© 2006 Miracle Design. Todos los derechos reservados
