11 Feb

Slider de imágenes con etiquetas estilo acordeón con jQuery

LiteAccordion es un pequeño y atractivo plugin para jQuery para la creación de sliders animados. Combina la disposición estilo acordeón, utilizando para ello unas hermosas etiquetas marcando la transición entre las distintas dispositivas. A su vez utiliza el clásico esquema HTML basado en listas anidadas para la estructura básica del visor.

LittleAcordeon hace perfecto honor a su nombre, siendo un slider que pesa apenas 4 KB en su versión normal, y sorprende con el peso de su versión simplificada que tiene un tamaño inferior a los 1.6 KB, increíble.

Si bien la idea inicial del creador era utilizar este slider solo para imágenes, es importante aclarar que puede ser utilizado con otros archivos, por ejemplo textos, vídeos, o bien cualquier elemento que coloquemos dentro de las divs utilizadas en su estructura esqueleto.

slider estilo acorderon con etiquetas jQuery

Inicialmente el plugin muestra un slider de 960px de ancho, esto puede ser fácilmente modificado mediante parámetros de configuración a la hora de inicializar el plugin, ademas de obviamente unas pocas lineas en las hojas de estilo.

Ejemplo de uso:

$('#slider').liteAccordion({
        onTriggerSlide : function() {
            this.find('figcaption').fadeOut(); }, onSlideAnimComplete : function() { this.find('figcaption').fadeIn(); }, autoPlay : true, pauseOnHover : true, theme : 'stitch', rounded : true, enumerateSlides : true }).find('figcaption:first').show();

Actualmente el slider esta probado en las ultimas versiones de los navegadores más populares, eso incluye Firefox, Chrome, Safari y Opera, tanto en Windows 7 y OSX. El navegador que no es soportado, y como muchos están sospechando, es el Internet Explorer 6.

Utilizar este plugin es gratuito tanto en sitios personales, como comerciales, el autor aclara que no desea, ni tiene planeado, vender este plugin, aunque no desprecia ningún tipo de donaciones o contribuciones con el proyecto :D

No olviden visitar la demostración online, de paso pueden leer un poco más acerca de las opciones disponibles a la hora de configurar este fantástico plugin.

Web: liteAccordion

Share this
09 Feb

Completa UI gratis y en formato PSD

Si estas planeando renovar el diseño de interface de tu aplicación entonces esta entrada te resultará de interés, principalmente porque voy a recomendarte a Balio UI, un kit completamente gratuito, compuesto con muchísimos elementos imprescindibles en cualquier interface web.

Este completo set esta diseñado por la gente de Grafpedia, una comunidad en ingles de tutoriales y recursos premium, a los que solo se puede acceder por medio de un pago, intentando promocionar el sitio por medio de este fantástico obsequio.

 

Estos son los botones que pueden encontrar en el set, les aclaro que el kit completo es MUCHO más extenso.

interface ui gratis en formato Photoshop PSD

Cuando descarguen el kit se van a encontrar con una serie de archivos en formato PSD listos para ser utilizados, cada elemento se puede modificar sin ningún tipo de restricción ni inconveniente, ideal para adecuar la interface a la de nuestro sitio.

Web: Balio UI Kit

Share this
07 Feb

Tabla interactiva de compatibilidad HTML5

Tabla interactiva de compatibilidad HTML5 para conocer en que navegador podemos implementar cada una de las características de HTML5 en diseño web, la tabla te recomienda que puedes utilizar y  que navegadores y  dispositivos tienen soporte para dicha función, en cada función se te muestra información y el tipo de función si se trata de CSS3, un API integrada en HTML5 o simplemente nuevo código HTML.

tabla compatibilidad HTML 5 Tabla interactiva de compatibilidad HTML5

Enlace: HTML5 Please

Share this
05 Feb

5 Consejos para diseñadores freelance

Excelente cartel que lista 5 cosas que debe saber un diseñador y como tratarlas, muestra cosas que es común que un diseñador freelance vive cuando trata con un cliente, y que todos debemos tomar en cuenta para que nos vaya mucho mejor.

diseñadores freelance 5 Consejos para diseñadores freelance

 

Fuente: http://www.frogx3.com/2012/01/30/consejos-disenadores-freelance/

Share this
03 Feb

Prueba el nuevo diseño de Vimeo 2012

Ha finales de 2011 YouTube estreno un nuevo diseño, y hace unos dias Vimeo anuncio su nuevo diseño, el nuevo diseño de Vimeo aun no esta disponible en el sitio, esta en periodo de pruebas, sin embargo ya lo podemos probar, les dejo algunas imagenes para que vean como sera el nuevo diseño de Vimeo en 2012 y algunas de las características que buscan mejorar con este diseño renovado.

  • Pagina de videos con reproductores mas grandes, dando mayor importancia a los videos y su calidad
  • Mejor navegación
  • Mejoras en la bandeja de mensajes
  • Following, la misma regla que Twitter para seguir mejor a los usuarios con mayor actividad dentro de Vimeo
  • Posibilidad de subir multiples archivos al mismo tiempo
  • Mejor control de privacidad
  • Búsquedas Avanzadas
  • Navega entre videos con licencia Creative Commons
  • Navegación en videos recién vistos y videos relacionados

Video del nuevo diseño

 

Imagenes

nuevo diseño vimeo 1 150x150 Prueba el nuevo diseño de Vimeo 2012 nuevo diseño vimeo 2 150x150 Prueba el nuevo diseño de Vimeo 2012 nuevo diseño vimeo 3 150x150 Prueba el nuevo diseño de Vimeo 2012 nuevo diseño vimeo 4 150x150 Prueba el nuevo diseño de Vimeo 2012 nuevo diseño vimeo 5 150x150 Prueba el nuevo diseño de Vimeo 2012 nuevo diseño vimeo 6 150x150 Prueba el nuevo diseño de Vimeo 2012 nuevo diseño vimeo 7 150x150 Prueba el nuevo diseño de Vimeo 2012

Enlace: Vimeo Blog | Nuevo Diseño

 

Fuente: http://www.frogx3.com/2012/01/30/prueba-nuevo-diseno-vimeo-2012/

 

 

 

Share this
01 Feb

BabyPDF un editor de PDF gratuito

El PDF es una de las extensiones más utilizadas en el mundo principalmente para compartir información como libros, facturas, cotizaciones, o cualquier información que no queremos sea modificada. Para poder visualizar archivos PDF en sentido general se usa Acrobat Reader, sin embargo este solo permite visualizarlos y no es posible modificarlos.

Para ayudarte en la búsqueda de programas gratuitos para editar archivos en PDF quiero presentarteBabyPDF, con este programa podrás editar textos e imágenes de cualquier archivo en PDF, es compatible con el sistema operativo Windows XP, Vista y 7. Cabe resaltar que con este programa no podrás convertir el PDF a otras extensiones.

Si lo que deseas es convertir un archivo PDF a Word o Excel puedes utilizar programas como elHelloPDF, también existen otros programas para colocar o quitar contraseñas a archivos PDF por ejemploPDF Remover. Espero sea de tu agrado esta dosis de PDF.

Link | BabyPDF

 

fuente: http://techtastico.com/post/babypdf-un-editor-de-pdf-gratuito/

Share this

© 2006 Miracle Design. Todos los derechos reservados