Escribir el código para generar un título en MakeTitle CSS va bien cuando estos son pocos, pero resulta complicado cuando nuestros títulos son complejos. Por eso estoy desarrollando dos aplicaciones, una versión "Standard" y otra "Advance", que nos permitirán trabajar creando títulos en forma rápida y simple sin tener que escribir código HTML/Javascript.

La primera consiste en un simple form HTML donde se podrán compilar aquellos datos mínimos necesarios para realizar el título, como resultado el código vendrá generado automáticamente en modo de realizar solo un "copia y pega".


La segunda es bastante más compleja, pero mucho más precisa y nos permitirá realizar títulos con diferentes tamaños, colores, fuentes, estilos, etc.

MakeTitle Code Generator


"Live Preview"
Posicion del texto, medidas del reader, ect.


Si deseas ver el resultado de un título generado en MakeTitle puedes verlo en la sección news pulsando aqui.

Entonces, cuales son las ventajas de SinguerInc(N) MakeTitle CSS ?

1) Generar títulos, links, etc dinamicamente ClientSide.
2) Utiliza solo un file como soporte (SWF).
3) Genera los títulos con fonts que se encuentren o no en la pc cliente.
4) No genera una imágen física, por ende, no necesita espacio en el disco para salvar las imágenes generadas, tampoco permisos de escritura, etc.
3) Rapidez..., si bien el file soporte, un swf, es más "pesado" que una imágen, y puede variar según el font que se desea utilizar, viene cargado en el pc sólamente una vez y grabado en cache, de este modo, todos aquellos títulos que vienen generados no tienen que ser descargados como una imágen jpg, gif o png tradicional, la única cosa que cambia en cada, digamos "imágen" es el texto.
4) Los títulos son totalmente personalizables, en una misma linea pueden aparecer diferentes estilos, colores, tamaños, etc.
5) Sintaxis Javascript/HTML (Estoy realizando una UI para Dreamweaver y una dll para Visual Studio para poder realizar drag&drop o crearlos como un componente)

Veamos un ejemplo:

Supongamos que deseamos en nuestro sitio los títulos con un font tipo "FranklinGotTDemCon":

• Exportamos nuestro font desde Adobe Flash.
• En nuestro HTML debemos incluir un file JavaScript que contiene el codigo para generar los titulos:

<script type="text/javascript" src="SinguerIncMakeTitle.js"></script>

• Buscamos la ubicación para el título en el HTML y escribimos en el codigo:

<script type="text/javascript">var cTitle = new MakeTitle("<FONT SIZE='21' COLOR='#ae9c5c'>Ejemplo</FONT> <FONT COLOR='#FF3300'>MakeTitle</ FONT>"); cTitle.make();</script>

• El resultado:



¿ Otro ejemplo más complejo y el codigo igual de fácil:

<script type="text/javascript">var eTitle = new MakeTitle("<FONT SIZE='21' COLOR='#009c5c'>Ot<FONT SIZE='35' COLOR='#FF0000'>ro</FONT> Eje<FONT SIZE='15' COLOR='#000F00'>m</FONT>plo</ FONT>"); eTitle.make();</script>

Pero si no quieres escribir el codigo javascript/html, CodeGenerator te soluciona el problema. Puedes ver una version Alpha pulsando aqui