Tutoriales

// Artículos archivados

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

Elastislide: Slider jQuery de respuesta rápida y ancho dinámico

Elastislide

Encontrarás multitud de Slider de imágenes listos para usar en tu página en cualquier parte de la red, ahora bien como punto a favor de Elastislide podemos decir que es de respuesta rápida, lo que no interferirá en la carga de la propia página ni en su rendimiento general. Es indicado también aunque el diseño está...

Leer más

Crea una layout HTML y CSS con una interfaz Drag&Drop [Grid Builder]

Generador de Grid para paginas web

Si estás comenzando a crear una página web necesitarás un layout para la misma, Grid Builder lo hace realmente sencillo. Se trata de una aplicación web con interfaz Drag&Drop con la que podrás crear al layout de tu página con sólo arrastrar y soltar el ratón.

Leer más

Añade efectos de Scroll con jQuery [Scrollorama]

efectos scroll con jquery

Hoy en día se utilizan multitud de efectos de Scroll en las páginas web para añadir mayor funcionalidad. Una de ellas es el scroll de objetos o texto como hace Scrollorama, es muy fácil de usar y te permitirá desplazar el texto con diferentes efectos, muy útil para mostrar presentaciones de contenido dinámicas en tu...

Leer más

Interfaz de usuario en jQuery al estilo de Twitter [jQuery UI Bootstrap]

Interfaz de usuario Twitter

Completa interfaz de usuario en jQuery para la creación de widgets personalizados. Están inspirados en la aplicación de twitter y comprenden un gran número de elementos con los que podrás contar bien para tus aplicaciones o para widgets en tu página.

Leer más

CSSrefresh actualiza la página web automáticamente durante la edición de CSS

CSSrefresh, actualiza el CSS automáticamente

Seguramente te habrá tocado editar el código CSS de tu página y a veces se vuelve algo tedioso tener que actualizar el navegador web para ver los cambios. Con CSSrefresh podrás automatizar este proceso, ya que actualizará el código que editar al instante. Se trata de una librería en Javascript y no restará rendimiento a...

Leer más