Creé un subdominio: api.luxiano.com, donde pondré pequeñas utilidades que podrán usar cuando quieran… siempre y cuando no me jodan el ancho de banda del hosting.

Por ahora hay dos utilidades:

Text2HTML

Es probable que estés probando algo o haciendo un pequeño sitio web, algo a mano, sin usar CMSs. Si te parece incomodo tener que escribir CADA LETRA CON TILDE, CADA Ñ o CADA SÍMBOLO (común) con su respectiva entidad HTML, entonces no lo hagas. Escribí lo que se te cante, copialo, visitá la página de Text2HTML, pegá el texto y clickeá en Convertir. Solo eso. En el recuadro de abajo te saldrá el resultado con las entidades HTML correspondientes.

Próximamente: algo más con esta utilidad.

Acortar direcciones con Goo.gl

Esto es mucho más simple.

Se trata de usar el acortador de URLs de Google, Goo.gl, sin tener que ir a la página. Para esto, pueden usar el siguiente bookmarklet:

javascript:(function(){var x="http://api.luxiano.com/googl/?url=";var y=document.URL;window.open(x+y,"Goo.gl","status=0,toolbar=0,resizable=0,width=300,height=150");})();

El cual solo tienen que ejecutar cuando estén en la página deseada (cuya URL quieren acortar), y se abrirá una ventanita. Copien la URL que aparece y péguenla donde se les cante.

También pueden usarlo manualmente: visitar http://api.luxiano.com/googl?url=X, reemplazando X con la URL que quieren acortar.

¿Usan TweetDeck? Perfecto! también pueden usarlo! *se pone a bailar*. Hagan click en la llave inglesa (Settings); vayan a Services; en la segunda lista desplegable, elijan Other y peguen el siguiente texto:

http://api.luxiano.com/googl?url=%@

Ahora, ¿cuál es el sentido de usar esto y no la página oficial de Goo.gl? Ehm… ¿simplificar? Sino, no tengo idea, pero lo hice y seguro a otro le parecerá útil .

Tengo otras ideas que, de a poco, iré poniendo a su disposición.

Que la fuerza los acompañe .

.api fue publicado en $Luxiano.

dl, dt y dd

• dl se usa para definir una lista de definiciones o, en este caso, define el inicio y término de una conversación.
• dt define un ítem en una lista de definiciones… para nosotros define a la persona que habla.
• dd es la descripción del ítem y hace las veces del diálogo.

Manos al código!

Entonces, lo primero que tenemos que hacer es definir la conversación de este modo (en mi caso voy a asignar una clase a dl):

<dl class="conversation">
	<dt>Yo</dt>
	<dd>Este es mi diálogo... lindo, no?</dd>
	<dt>Vos</dt>
	<dd>Si, muy lindo... pero cuando me vas a enseñar el truco?!</dd>
	<dt>Yo</dt>
	<dd>Paráaaaaa, desesperate y no te muestro ni mierda.</dd>
</dl>

Así es como se ve éste código. Queda muy copado, no?

Ahora, veamos como darle un poco de onda! aunque siempre pueden dejarlo así, no sé… depende de ustedes y su gusto .

dl.conversation {
	font-family: "Segoe UI", Arial, sans-serif;
	background: #ccc; /* fondo de la conversacion */
	padding: 10px; /* espacio entre el borde del fondo y el texto */
	margin: 10px 0 20px 0; /* espaciar un poco arriba y abajo de la conversacion*/
	width: 700px;
}

dl.conversation dt {
	/*clear:left;*/
	float:left; /* hacemos que el texto "flote" a la izquierda */
	text-align:left;
	line-height:1.8em;
	font-weight:bold;
}

dl.conversation dd {
	margin:0;
	padding:0 0 0 70px; /* insertamos espacio a la izquierda entre la persona y el dialogo */
	vertical-align:top;
	line-height:1.8em;
}

dl dd.emphasis {
	font-style:italic; /* si queremos que un dialogo este en cursiva (p.e.) le asignamos esta clase*/
}

Pueden ver el ejemplo terminado, les doy permiso .

Por supuesto, pueden cambiar las propiedades a su gusto y/o necesidad… pero dudo que tengan mejor gusto que yo (?) .

Esto es todo, les dije que no tenía ganas de escribir… se la bancan eh! .

Maquetar conversaciones en HTML y CSS fue publicado en $Luxiano.

Lo que me sorprendió y por lo que escribo, no fue eso, sino que encontré una plegaria comentada (en HTML, se comenta anteponiendo <!– y al final –> ):

<!–
Virgen María, intercede ante Dios, para que Él, por su infinita misericordia y amor,
bendiga esta herramienta e ilumine las mentes y corazones de quienes la utilicemos,
para que se convierta en una fuente generadora de caridad, pan y trabajo.
Por nuestro Señor Jesucristo, así sea.
–>

Se encuentran creyentes donde menos te imaginás.

Buscando sobre la conciliación bancaria … fue publicado en $Luxiano.

Se pueden modificar los nombres de las secciones y varios aspectos del CSS. Una vez satisfechos con el resultado pueden obtener el código HTML y CSS final, pero no está de mas decir que en todo momento pueden hechar un vistazo a dicho código.

Después de usarlo por un rato, decidi darle una oportunidad para mis desarrollos, pero sólo para los de menor calibre por ahora.

Vía: aNieto2K (¡lo recomiendo!).

PD: La imagen no se la saqué a Andrés (aNieto2K), es una que tomé después de jugar un rato con el sitio. ¿Tenía que tener algo original, o no? .

Drawter, dibuja tus webs fue publicado en $Luxiano.