Noticias Diseño – Tutorial Photoshop

Una de las grandes novedades que nos trae HTML5 es la inclusión de sockets. Este sistema nos permite estar conectados a la Web en “caliente” sin necesidad de Ajax. Gracias a esto podemos hacer aplicaciones donde, por ejemplo, los usuarios puedan interactuar sin refrescar la página o recibir información sobre la marcha.

- Ver tutorial de cómo usar WebSockets en HTML5

Si usáis el explorador de Google, Chrome, seguro que echáis de menos un indicador de Pagerank. Entre todos los que he ido probando me quedo con este.

- Descargar extensión para Google Chrome - medidor de pagerank

Una buena alternativa a TinyMCE y que, además, nos llega desde Google. Para los que nunca hayan usado un sistema de este tipo, decirles que se trata de un editor de texto que podemos implementar en nuestra Web y sustituirá todos los campos de tipo texto con un formato WYSIWYG (What you see is what you get, lo que ves es lo que hay).

• Ver demo de Google Editor
• Ver instrucciones de uso de Google Editor

Si hay algo que debemos evitar a toda costa es mal gastar el tiempo intentando reinventar la rueda. Generar un script de gráficas puede ser una tarea muy costosa y es por eso que hay que aprovechar módulos ya hechos y que funcionan tan bien como este. El Api de Google Gráficas nos permite generar todo tipo de modelos en segundos.

• Visitar página de Google con información, demos, etc.
• Ver una demostración rápida
• Descargar archivos de ejemplo

¿Estás cansado de las fuentes de sistema? Google ahora nos brinda la posibilidad de implementar su nueva librería de fuentes y, en menos de 20 segundos, hacer uso de su catálogo de tipografías gratis.

• Ver catálogo disponible de tipografías
• Ver página de referencia

Puedes seguir leyendo esta entrada para ver un ejemplo de uso (¡Son dos líneas!)
Seguir leyendo »

En el mundo del diseño web nos encontraremos numerosos casos de clientes que no quieren pagar. Lo normal es ir trabajando conforme recibimos los pagos, pero ¿Qué ocurrirá con el último? ¿Debemos subir la Web y fiarnos de que el cliente pagará? Seguir leyendo »

Una de las cosas que más le puede gustar a un cliente en una administración es que le des opción de subir fotos y que las pueda recortar él mismo. Con este código Jquery podrás agregar esta funcionalidad.

• Ver demo
• Descargar código JCrop

La personalización de formularios no es una tarea sencilla, por suerte, desde hace algún tiempo, contamos con scripts geniales de Jquery que facilitan esas tareas de diseño. Image combobox permite crear select o listas con imágenes.

Descargar código | Ver tutorial | Ver ejemplo

Hay cienes de carruseles, están de moda. Para mi, deben cumplir dos normas; que sean bonitos y que sean en Jquery. Este reúne ambas condiciones.

• Ver demo del carrusel
• Descargar archivos
• Ver tutorial

Canonización es el proceso por el cual Google selecciona la mejor URL entre varias opciones disponibles.

Si nos encontramos con kaosconcept.net y www.kaosconcept.net, aparentemente pueden parecer lo mismo, pero Google las diferencia y trata de manera diferente. Seguir leyendo »