Vidcaster es un nuevo servicio que permite generar automáticamente un sitio con todos los videos de nuestro canal de YouTube. Para ello sólo tenemos que loguearnos con nuestra cuenta de YouTube, seleccionar el diseño que más nos guste, agregar un nombre y un logo para el sitio, y voilá, tendremos en cuestión de segundos un espacio operativo personalizado con inclusión de comentarios, listo para ser compartido con nuestros amigos.

Claro que eso no es todo, Vidcaster también ofrece la posibilidad de tener el sitio en un dominio propio por sólo U$S20 al año, además de un par de planes premium de U$S39 y U$S99 para poder correr publicidad propia y obtener ganancias gracias a nuestros videos.

Hay que admitir que es una opción por demás de interesante para tener tu propio vlog corriendo en cuestión de segundos, aprovechando publicidad de diversas fuentes y por supuesto sacándole más provecho a las pobres ganancias que puede llegar a darnos YouTube con sus anuncios.

Ahh, si querés ver un ejemplo de cómo quedan los sitios en Vidcaster, podés ver el nuestro acá.

Enlace | Vidcaster
Vía | Maestro Alberto

Además de un análisis exhaustivo, en el que nos ofrece el tiempo de carga y el peso de la página principal, de acuerdo a diferentes servidores ubicados en Nueva York, Amsterdan y Dallas, Pingdom 2.0 agrega un detalle minucioso de cuáles son los archivos que están complicando la performance de tu sitio, incluyendo elementos HTML, JavaScript, CSS e imágenes, de manera de detectar específicamente en dónde se encuentra el problema.

El servicio de Pingdom 2.0 se completa, con un grado de performance en el que se nos ofrecen algunas prácticas a tener en cuenta para mejorar la velocidad del sitio, un análisis de página con algunos datos estadísticos, y un historial de todas los análisis anteriores que hayamos hecho, de manera de poder comparar resultados y ver si los cambios surtieron efecto.

Si a todo esto agregamos un servicio para chequear el estado de tus DNS y otro de ping y traceroute, probablemente nos encontremos frente a uno de los recursos gratis para webmasters, más completos que podamos encontrar en la gran red de redes.

Enlace | Pingdom 2.0

Muchas veces la gente piensa que el desarrollo web es tan sencillo como aprender a usar Word o Excel. Si bien es cierto que hay programas que ayudan a agilizar la tarea como Dreamweaver o Flash, lo cierto es que hay mucho más que unos simples botones, animaciones y enlaces, para convertirse en un verdadero desarrollador.

En este post, que toma la posta del de Nettuts+, van a encontrar 26 conceptos o tecnologías utilizadas actualmente para proyectos web, cada una mapeada en una letra del alfabeto y con su correspondiente enlace a Wikipedia, de manera de terminar entender todas esas siglas, que para muchos deben ser chino básico.

Hay que admitir que muchas ya llevan años de uso, otras son un tanto recientes, pero cada una es un pilar importante de lo que se debe saber para entender bien cómo funciona la gran red de redes y cómo es posible hacer funcionar aplicaciones tan sencillas como procesador de texto online.

El listado después del salto!

A — AJAX

B — Browser

C — CSS

D — DOM

E — Events

F — Firebug

G — Grid

H — HTML

I — IE (Internet Explorer)

J — JavaScript

K — Keyword Optimization

L — Less

M — MVC

N — node.JS

O — Object

P — PHP

Q — Query

R — Regular Expressions

S — Source Control

T — TDD

U — Unit Testing

V — VIM

W — WordPress

X — XSS
 

Y — YUI

Z — Z index

Si bien la batalla entre Flash y HTML5 comenzó, todavía la falta mucho a este último para vencer al muy difundido Flash, el cual se mantiene en pie en la mayoría de los sitios de la red, apoyado por diseñadores web que continúan queriendo al programa de Adobe.

Si sos uno de ellos, o al menos simpatizás más por Flash, este sitio será de tu agrado. Se trata de FlashVillage, y provee plantillas, banners, vectores y logos Flash de manera gratuita, listos para ser descargados y utilizados.

El único requisito para obtener las plantillas Flash es el de estar registrado en FlashVillage. Una vez hecho esto, podremos acceder a excelentes plantillas Flash, que podremos previsualizar, y de convencernos vamos a poder descargar.

Es destacable la gran calidad de las animaciones Flash de las plantillas creadas por este sitio, las cuales son orientadas en algunos casos a la fotografía o al hombre de negocios en general.

Si lo que necesitás también son textos animados, logos y vectores para adornar tu sitio, FlashVillage ofrece algunos de ellos, aunque no posee una gran cantidad. Definitivamente la propuesta más interesante del sitio es la de sus geniales plantillas.

Una visita obligada para todo diseñador web que quiera sumar un proveedor de buenas plantillas a su catálogo.

Enlace | FlashVillage

Si bien los marcadores son una de las herramientas más rápidas y simples para guardar aquello que queremos leer más tarde con detenimiento, o bien porque queremos archivar contenido, no sirven más que en nuestra PC, y no siempre es fácil administrarlos.

Por esta razón  se utilizan numerosos tipos de marcadores online con el objetivo de agilizar esta tarea y descongestionar nuestro navegador, como lo son los marrcadores sociales estilo Delicious. Agregar un botón en nuestro sitio para que los usuarios compartan nuestros posts o noticias en dichos servicios puede ser muy útil para aumentar el tráfico pero, ¿Cómo fomentar el tráfico de los usuarios que no utilicen este tipo de servicios?

Una manera interesante de hacerlo, además de añadir comodidad al usuario, es por medio de RemindThis, un servicio que nos permite crear un widget o botón para agregar a nuestro sitio, por medio del cual cualquier visitante podrá configurar un recordatorio y enviárselo a su email con un enlace a nuestro sitio, para que recuerden que debían leerlo y accedan nuevamente.

Registrándonos rápidamente podremos crear también en pocos pasos nuestro propio botón de RemindThis. Existen distintos modelos de botones, cambiantes en forma y color de acuerdo a la posición en la que pensamos colocarlo. Luego de haber elegido esto y agregado alguna información como nuestro nombre, país y url de nuestro sitio, obtendremos el código para agregarlo.

RemindThis es una vuelta de tuerca a la hora de agregar botones que permitan al usuario visitante compartir y diseminar nuestro sitio, o un complemento extra a los otros botones para compartir en redes sociales, ya hiper conocidos y trillados, pero que no dejan de ser necesarios XD.

Enlace | RemindThis

Constantemente vemos a lo largo del social media este tipo de insignias o badges, que tienen el propósito de llamar la atención del usuario y de destacar todo tipo de cosas. Entre ellas una nueva característica de nuestro servicio, una promoción o descuento en productos y utilidades, y cualquier cosa que necesitemos resaltar.

Web 2.0 Badges consiste en un generador online de badges o insignias, a las cuales podemos configurar, editar y personalizar, para luego descargarlas en una imagen para su posterior uso en nuestro sitio o blog.

Para obtener nuestro badge, tenemos que seleccionar qué formato de badge queremos, habiendo 20 distintas formas. Luego, elegimos qué texto añadir, su tamaño, qué fuente tipográfica y su color. También vamos a poder regular el ángulo de inclinación del texto y si queremos la letra en “negrita”.

Cuando terminemos la configuración, clickeamos en Apply, para visualizar en la parte superior el resultado de nuestro badge, que podemos descargar como imagen de 120×120 pixels. Si buscabas una manera rápida de hacer este tipo de insignias para optimizar la interfase de tu proyecto, ??Web 2.0 Badges es un método muy práctico.

Enlace | Web 2.0 Badges

Esta herramienta online está pensada absolutamente para los desarrolladores de sitios web, los cuales probablemente pierdan mucho tiempo en la indecisión de qué fuente usar en ellos, o bien por el simple hecho de testearlas.

Denominado Font Fonter, este servicio online y gratuito permitirá a cualquier webmaster testear otras tipografías en su sitio web, o en cualquier otro. Además de poder cambiar la fuente, podemos variar las fuentes estilo paloseco o sans serif, solo las serifas, o bien ambas.

Para probar cambios en una dirección URL, basta con colocarla en el espacio indicado en la página principal, para luego clickear en FontFontit!. Una vez hecho esto, pasaremos a ver el sitio web puesto a prueba con un panel de control de los cambios en la parte superior de la ventana.

En él vamos a poder decidir qué cambios realizar, como elegir la fuente, si se reemplaza la sans serif, sólo las serifas, o todas las fuentes. También podemos acceder a más información de las tipografías ofrecidas, y a un rápido enlace a la dirección URL original.

Las ventajas grandes del sitio es que cualquiera puede usarlo, sin necesidad de escribir ningún tipo de codificación, no requiere que nos registremos, es gratuito y fácil de usar.

Actualmente posee ciertas limitaciones, como la incopatibilidad con Java y ciertas páginas HTML, navegadores de dispositivos móviles, y también Opera e Internet Explorer. Algo criticable además, es que no podemos utilizar absolutamente cualquier fuente, para lo cual tendremos que acceder a su compra en una tienda virtual del sitio.

Sin embargo, las tipografías disponibles pueden ayudar considerablemente a un webmaster a decidir qué estilo de fuente buscamos, y quizás a aquellos usuarios con problemas visuales que quieran leer sitios web con una fuente más grande o de lectura más suave.

Enlace | FontFonter

Muchísimos son los diseños de plantillas existentes a lo largo del internet, para colocar en nuestro sitio web o blog. Cierto es que nunca nos va a conformar una totalmente, por lo que sería bueno modificarlas o crearlas nosotros mismos.

Gracias a Cool Template podemos entonces hacerlo gratuitamente, pudiendo crear nuestros propios diseños de la manera más detallada, para luego exportarlos como plantilla en HTML, para WordPress, para ASP.net y para Joomla!.

Es completamente gratis, solo tenemos que ingresar en Try now y comenzar a definir cómo queremos nuestra plantilla. Es posible elegir qué colores y texturas deseamos, ya sea en el fondo, como en la sección del título, del texto y más.

Es posible también elegir el tipo de bordes, fuente, tamaños, nivel de transparencia, la alineación y muchos más pequeños detalles, que seguramente vamos a querer personalizar.

Luego podemos descargarlos gratuitamente, exportándolos en los formatos mencionados anteriormente. Es un servicio muy fácil de usar, gratuito y no requiere que nos registremos para diseñar. Muy recomendable para realizar una buena y profunda revisión de sus posibilidades.

Enlace | Cool Template

Normalmente cuando comienzo un sitio web analizo cuál será la fuente o tipografía a utilizar en el mismo, siempre acorde al diseño e interfase que el cliente requiere. Muchos se habrán dado cuenta que en lo que se refiere a texto plano en el navegador, las fuentes son siempre iguales y es porque si utilizaramos alguna que uno de nuestros visitantes no tiene instalada en su computadora, probablemente vería las cosas bastante diferentes a como las vemos nosotros en la nuestra.

Si bien hay varios cientos de miles de fuentes gratuitas para descargar de Internet, a veces se nos pide ser más originales que lo normal y es ahí cuando debemos optar por liberar la mente y realizar algo totalmente diferente. Lo mejor en ese caso sería crear nuestra propia tipografía  y qué mejor que aprovechar las bondades de la Web 2.0 con algo como FontStruct, un generador de fuentes online que nos permitirá crear una desde cero, paso a paso.

Utilizarlo es tan sencillo como registrarnos, elegir del menú de la izquierda el tipo de bloque con el que dibujaremos y diseñar una a una las letras de nuestra nueva tipografía. Una vez terminada, podremos guardarla, compartirla con el resto de los usuarios (o en nuestro blog mediante un código de embed) o descargarla a nuestra computadora en formato TTF, lista para ser utilizarla.

En caso de que seamos un poco perezosos para desarrollarla nosotros mismos, podremos optar por descargar algunas de las tipografías generadas por los demás usuarios, las cuales por suerte en su mayoría son gratuitas.

Realmente una herramienta de suma utilidad para diseñadores y desarrolladores web que permite crear algo único sin necesidad de acudir a software extra o aplicaciones pagas.

Enlace | FontStruct
Vía | Genbeta

Si son desarrolladores web, de los verdaderos y no de los que tocan de oido, es probable que las diferentes versiones de navegadores fuera desde un principio un dolor de cabeza a la hora de crear un sitio.  Se podría decir también que la muerte del Netscape logró ahorrarnos mucho tiempo hasta la llegada del Mozilla Firefox, donde todo volvió a ser como antes.

Es que en realidad, el gran problema en la ecuación es el IE y su falla en cumplir los estandares, lo que hoy nos obliga a testear en diferentes versiones del mismo sus creaciones.  El problema es primero que muchos amantes de Firefox se niegan siquiera a tenerlo en su PC y esto es un error garrafal si pensamos en la gran mayoría que todavía usa Windows Xp y su browser por defecto, el Internet Explorer 6.

Claro que como tampoco es seguro y moderno tener el IE6 instalado, lo ideal será optar por el IETester , una aplicación que nos permite testear un sitio en las versiones 5.5, 6, 7 y 8 Beta 1 del Internet Explorer, sin necesidad de instalarlas a todas en nuestra computadora.

Un caballito de batalla de instalación obligada a la hora de testear un sitio antes de que salga a la luz.

Enlace | IETester
Vía | Anieto2K