Tutoriales

// Artículos archivados

Crea un scroll en jQuery de contenido en tu página con PageScroller

scroll-jquery-pagescroll

Una forma de destacar un contenido en todo el layout de una página es mediante scroll en jQuery, seguramente habrás visto ya bastantes ejemplos, como la nueva interfaz de facebook que añade este tipo de contenido dinámico. Ahora es posible hacerlo en cualquier página con plugins como el que te mostramos hoy. PageScroller permite hacer...

Leer más

Slider de imágenes mediante Plugin jQuery con efectos modernos

Captura-de-pantalla-2012-02-20-a-las-20.03.31

Ya hemos hablado en otras ocasiones de sliders de imágenes para la creación de una página de productos o servicios. Suelen tener un gran impacto visual para el visitante o posible cliente, además de ofrecer contenido dinámico en un sitio web. Sequence.js es un plugin jQuery que te permite añadir un slider para imágenes de...

Leer más

Crea notificaciones jQuery dinámicas en tu sitio web con noty

Captura-de-pantalla-2012-02-14-a-las-13.04.40

Conocerás sistemas de notificaciones como growl para mac que permiten mostrar información de este sistema operativo al realizar ciertas acciones, como una descarga, recibir un email, y mucho más … noty es un completo plugin en jQuery que te permitirá tener notificaciones en tu página web para actualizar a tus lectores, usuarios o clientes de...

Leer más

qTip2: Muestra tooltips jQuery en tu página web

Captura-de-pantalla-2012-02-10-a-las-11.29.41

Los tooltips son un recurso muy conveniente para mostrar información sobre una imagen, texto o enlace sin distraer la atención al contenido principal. Es un recurso que permite mostrar información adicional al colocar el ratón sobre una zona determinada. qTip2 es un plugin jQuery con el que puedes añadir tooltips dinámicos, se trata de la...

Leer más

bgStretcher 2, Slider de fondos de pantalla de gran formato

Captura-de-pantalla-2012-02-09-a-las-09.30.01

Un recurso muy utilizado, los sliders de imágenes permiten mostrar fotografías o multimedia de forma dinámica en cualquier sitio web, ya hemos publicado sobre otros sliders que te serán de utilidad. El plugin del que te hablamos hoy, bgStretcher 2 te permitirá mostrar imágenes de forma dinámica sobre fondos de gran formato. Es una forma muy...

Leer más

Crunch: Sencillo editor LESS y CSS con compilador de código

screenshot1

Crunch es un sencillo editor que te puede ser de gran utilidad, cuenta con una interfaz muy sencilla y desarrollada en Adobe Air, si te gusta manejar este tipo de aplicaciones te gustará. Con este editor no necesitarás instalar una aplicación pesada para editar código y funciona realmente sencillo y con las opciones de desarrollo...

Leer más

Booklet, plugin jQuery para la creación de libros con HTML

plugin-jquery-libro-html

Una forma de presentar documentos HTML es mediante la creación de un libro interactivo en el que puedes mostrar fotos, imágenes, texto, Booklet te permite hacer esto y mucho más … Se trata de un plugin en jQuery con muchas opciones para mostrar listas y permite configurar cada variable de las mismas. No tiene un...

Leer más

jOrgChart: Plugin para crear organigramas dinámicos en jQuery

687474703a2f2f692e696d6775722e636f6d2f324f7079472e706e67

jQuery Org Chart es un plugin que permite hacer estructuras con elementos anidados como organigramas, diagramas de flujo …. para construir el árbol todo lo que necesitas es hacer una sólo llamada a la extensión y suministrar un ID de elemento HTML sobre una lista desordenada y representativa de los datos que se desean mostrar....

Leer más

Crear una hoja de estilos CSS a partir de HTML [Bear CSS]

Captura-de-pantalla-2012-02-02-a-las-11.59.52

Si comienzas a diseñar un sitio web desde cero es posible que comiences creando la estructura HTML que tendrá en base a varios tipos de página, una vez hecho esto continuarás dando estilo a tu página mediante una hoja de estilos, aquí es donde entra Bear CSS, una aplicación web online que transforma una página...

Leer más

Zocial CSS3 Buttons de Redes Sociales creados sólo con código CSS

Captura-de-pantalla-2012-01-30-a-las-16.18.471

Zocial CSS3 Buttons es un interesante proyecto que recrea botones de las principales redes sociales como facebook, twitter, linkedin, tumblr, app store y un largo etcétera sin usar imágenes, unicamente aplicando código CSS. Cada botón está diseñado para mostrarse con o sin texto, de forma que sea un botón cuadrado sin el texto o en...

Leer más

Plantilla y guía en Photoshop para crear iconos de apps iOS

template1

Una parte del diseño y creación de apps para iOS del iPhone es el diseño del icono, con App Icon Template te será realmente sencillo. Se trata de un kit de diseño para Photoshop con el que tendrás listo tu diseño rápidamente. El kit cuenta con un archivo .PSD + .ATN para Adobe Photoshop Action y cuenta con...

Leer más

jQuery-Collapse, Como expandir y contraer elementos en Javascript

Captura-de-pantalla-2012-01-25-a-las-10.36.41

jQuery-Collapse es un sencillo plugin desarrollado en jQuery que posibilita expandir y contraer elementos en Javascript. Se trata de una librería muy ligera y que ofrece una solución accesible a un patrón de interfaz ampliamente adoptado en internet, seguramente habrás visto este tipo de efecto, lo que aporta este plugin es más flexibilidad, no ralentiza...

Leer más

HTML5 Please, Compatibilidad de elementos HTML5 y CSS3 para diseño de sitios web

Captura-de-pantalla-2012-01-24-a-las-15.26.26

HTML5 Please es una página que muestra a través una tabla la compatibilidad e interactividad entre los diferentes elementos HTML5 y CSS3 en la actualidad, por lo tanto te muestra consejos de que tipo de elementos deberías utilizar en un sitio para que sea más dinámico y ajustado a los estándares actuales. Muestra además la...

Leer más

HTML KickStart, creación rápida de sitios web mediante módulos HTML

banner1

Si necesitas crear un sitio web html completo desde cero sin hacer uso de un CMS como WordPress, puedes hacer uso de herramientas para acelerar este proceso. HTML KickStart te facilita esta tarea en gran medida … basado en CSS, HTML5 y Javascript te permitirá tener tu página o sitio web en un menor tiempo de...

Leer más

Reproductor de video HTML5 accesible y personalizable [Acorn Media Player]

video-reproductor-html5

Si tienes la necesidad de mostrar contenido multimedia como videos en tu sitio web Acorn Media Player, un reproductor para mostrar video en HTML5 bastante personalizable. Se trata de un plugin en jQuery que te permitirá integrar este reproductor multimedia fácilmente y además cuenta con un buen soporte de accesibilidad.

Leer más

Como manipular colores con Javascript con la biblioteca de Colors

3948545

Javascript se puede utilizar de muchas formas, como animar objetos HTML, mostrar interactividad en una página, aunque a menudo los colores se cambian y personalizan con CSS, sin embargo Colors ya permite manipular los colores de múltiples formas y de forma dinámica. Esta biblioteca puede utilizar varios tipos de conversion de unidades como RGB a...

Leer más