Obviamente esto es una muestra básica, como siempre digo, el límite de la utilización está en la imaginación. La muestra ofrece tres menúes en colores diferentes en los cuales cada uno de los botones reaccionan al movimiento del mouse a través de una animación tenue. No se queda en el mero hecho de modificar el color sino que uno puede intervenir la animación para lograr efectos más marcados.

Descargar Responsive CSS Navigation Menu | PixelsDaily

Esta aplicación de CSS no solo les resultará útil para destacar los menúes que hasta ahora resultaban simples sino que les asegura poder mostrarlos en todos los exploradores sin inconvenientes. Más adelante, cuando las propiedades CSS3 sean finalmente compatibles, podrán hacerlo de forma más intuitiva, pero por ahora este .js seguramente les aportará las herramientas necesarias para lograr algo atractivo.

Obviamente, si lo desean, pueden cambiar todo lo que les parezca que necesitan cambiar, pero tener la base con el HTML y el CSS listos, resulta de gran ayuda para solo centrarse en los detalles.

Descargar Modern Portfolio Theme | Design3edge

El caso de esta plantilla en particular, se trata de un portfolio aunque puede editarse para hacer un sitio institucional de una sola página. De más está decir, que el límite es su imaginación y que desde la base pueden lograrse múltiples páginas para que no resulte tan estática. Me tomé el atrevimiento de cambiar los logos y las imágenes que vienen por defecto ya que considero que no le hacen justicia al potencial de la plantilla.

Un espacio dónde presentar la marca, productos y precios de forma clara, rápida y concisa. Los colores me resultaron un tanto particulares, por lo que si aquellos productos que desean mostrar o la imagen de su marca no combina con la paleta, bien pueden editarlos en su totalidad y buscar nuevas variaciones.

Descargar Retail Marketing Postcard | FreePSDFiles

En el archivo .psd encontrarán el frente y dorso del folleto, con los espacios para completar con imágenes de aquellos productos que deseen mostrar. En el sitio se ejemplifica el uso con fotografías de artículos de indumentaria, pero la realidad es que el estilo es adaptable y puede utilizarse con cualquier tipo de productos.

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.

Descargar Clean Website Design | DesignMoo

Quiero destacar el uso del espacio y los detalles de íconos y divisores. Brindan una estructura sobria y perfecta para webs de una gran cantidad de temáticas, ya que no despliega un estilo muy marcado y al mismo tiempo cubre las funciones básicas de cualquier institucional o portfolio.

Fuente: http://www.kabytes.com/diseno/plantilla-psd-para-sitio-web-con-diseno-simple-y-minimalista

Se trata de un template listo para instalar bajo plataforma WordPress, con todo lo que tiene que tener: destaque superior (aunque pueden prescindir de él), con slider de fotografías que en este caso solo ocupa la mitad del espacio, mientras que en la otra mitad muestra el resto de las opciones. Al mismo tiempo, posee destaques individuales de cuatro categorías con su respectiva imagen y un extracto de los artículos con el ícono para ver más información.

Descargar Nobeliumful | Ver Demo | PaddSolutions

Contiene espacio para publicidades, navegación de sidebar mediante solapas y plugin para Facebook listo para editar y utilizar. En el cuerpo principal encontrarán artículos destacados de las distintas categorías a modo de revista online que resulta útil para dar una primera impresión del contenido de forma rápida.

Dentro de la plantilla hay más opciones para los diferentes estilos de páginas, aquellas que son estáticas e informativas, quizás tiene algunos detalles en el uso del espacio en los textos, sobre todo en los posts individuales, pero se soluciona fácilmente si tienen algunos conocimientos de css, y sino, puede perfectamente quedar así.

Mailcheck no hace una verificación real, en cambio realiza una comprobación en base a una lista de dominios que nosotros mismos le ingresamos. Si analizamos un poco el panorama veremos que la mayoría de las personas utilizan dominios de origen publico y popular como por ejemplo: hotmail, yahoo, gmail, etc. Por lo que el trabajo de cargar esta pequeña lista no es demasiado.

Así se ve la sugerencia que emite el plugin al detectar un posible error de tipeo.

Ejemplo de uso

Por un lado tenemos el campo al cual le queremos aplicar el filtro:

< input id="email" name="email" type="text" />

Inicialización del plugin


< script type="text/javascript">
var domains = ['hotmail.com', 'gmail.com', 'aol.com'];

$('input#email').mailcheck(domains, {
suggested: function(element, suggestion) {
// callback code
},
empty: function(element) {
// callback code
}
})
< /script>


El plugin no tiene demasiada ciencia, es una pequeña ayuda para reducir el numero de posibles errores a la hora de cargar un simple formulario web

Web: MailCheck

A raíz de la implementación de Timeline, nuestros perfiles y las páginas de las que somos administradores han sufrido un cambio (si no lo han hecho aún, ya lo harán), en esta nueva versión se propone utilizar imágenes destacadas de modo portada que muestren aquello destacable, una captura que nos guste mucho o que creamos que nos representa tanto como el avatar.

Descargar Facebook New Fanpage GUI | Misz

Esta cuestión, para perfiles personales, puede ser subjetiva sin necesidad de comunicar nada y mostrando solamente aquello que nos represente, pero en el caso de empresas, sitios o instituciones, esa imagen así como el avatar, hablará de la presentación que deseemos ofrecer a los usuarios de la página.

En este caso, quiero compartir con ustedes una plantilla que los ayudará a plantear de antemano qué colocar en cada caso y la forma en la que pueden hacerlo. Con medidas exactas para optimizar el resultado además de permitir analizar sin distracciones la mejor manera de presentar la información. La guía se encuentra diseñada en PSD con todos los elementos necesarios para trabajar sobre y desde ella.

Hace algunos años, los diseñadores avanzados que utilizaban Flash para realizar animaciones hicieron abuso de este efecto para agregar un movimiento moderno y fuera de lo que comúnmente se veía en la web hasta ese momento. El parallax es un deslizamiento del eje del elemento primero hacia atrás de forma lenta y luego desapareciendo rápidamente hacia adelante, hay muchas variaciones, pero en este caso es la primera vez que veo uno aplicado a través de un slider que utiliza solo imágenes y código.

Para utilizarlo sobre proyectos propios, podemos hacerlo de forma bastante simple, siempre que tengan conocimientos básicos de código. Veremos que cada slider posee un título en h2, un enlace y una imagen, les recomiendo utilizar una transparente en .png para evitar problemas con los fondos (aunque esto será todo un problema en IE6).


< div id="da-slider" class="da-slider">

Para controlar el comportamiento de cada uno de estos elementos, lo haremos a través de una clase de dirección, por ejemplo: para enviarla a la derecha, utilizamos “da-slide-toright”. Habrá cuatro clases diferentes para definir direcciones y orígenes.

• .da-slide-fromright
• .da-slide-fromleft
• .da-slide-toright
• .da-slide-toleft


/* Slide in from the right*/

}

Hay algunas opciones para editar el comportamiento desde el plugin cslider a saber:


$('#da-slider').cslider({

});


De esta forma, cambiando los elementos básicos de imágenes, títulos y las propiedades del movimiento, podremos personalizar este slider de forma ideal sin necesidad de animar con Flash. Es una excelente herramienta para conocer los alcances y posibilidades que ofrece CSS3 a diferencia de su predecesor, pero aún tenemos el problema de la incompatibilidad con ciertos exploradores. Aún así, para quienes trabajan en forma local, puede resultar muy útil.

Ver Demo de Parallax Content Slider | Descargar código | Tympanus
Una vez definidas las clases, podemos controlar cada uno de los elementos:

Si tienes un blog basado en el CMS WordPress y quieres personalizarlo o simplemente crear uno nuevo con información con Pinterest, que mejor manera de hacerlo que con una plantilla que evoque el diseño tan peculiar de Pinterest.

Pensando en esto la gente de Wpforce decidió publicar un total de 4 temas para WordPress basados en Pinterest, lo mejor de todo es que son completamente gratuitos. Espero les gusten y puedan usarlo para algún proyecto que tengan, como siempre pueden el demo de las plantillas y descargarlas en el enlace de más abajo.

Link | Temas Pinterest para WordPress

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