Trucos | XHTML

Vídeos sin el elemento embed

ByLuis July 11, 2006

Incluir vÃdeos, del tipo que sean, en nuestras pÃ¡ginas web suele traernos dificultades, sobre todo si queremos que sean vistas en cualquier navegador y si queremos seguir los estÃ¡ndares. Si os encontrÃ¡is con este problema nada mejor que echarle un ojo a este artÃculo, en el cual se indica como incluir mediante el uso de la etiqueta object vÃdeos de distintos formatos, ya que embed no es estÃ¡ndar.
Entre los distintos tipos de vÃdeos que incluye estÃ¡n los que usa el Flash Player, como YouTube o Google Video, pelÃculas en formato Windows Media y QuickTime.
Ya no tienes excusa para seguir los estÃ¡ndares.
Bye, Bye <embed>

Accesibilidad | How to | Javascript | XHTML

Scrolling usando thumbnail

ByLuis March 28, 2006

En esta entrada vamos a explicar cómo desarrollar un scrolling de texto usando para ello una miniatura del texto que se va a mostrar. Dispondremos de una capa con el texto y otra capa con la minuatura del texto, la cual remarca que parte del texto se está enseñando.

Este efecto ha sido testeado en IE6 y en Firefox 1.5 bajo Windows XP, en Opera es posible que no funcione debido a un bug que lleva arrastrando bastante tiempo.

Read More “Scrolling usando thumbnail”

Tutoriales | XHTML

Referencia HTML con ejemplos

ByLuis December 4, 2006

Muchas de las veces, cuando estamos realizando pÃ¡ginas web y no usamos un editor HTML completo, nos puede ocurrir que no nos acordamos de una etiqueta HTML, de su utilizaciÃ³n o de sus atributos.
Si te encuentras en esa situaciÃ³n, HTML Playground puede serte de mucha utilidad, ya que te muestra todas las etiquetas HTML, con su descripciÃ³n y un cÃ³digo de ejemplo, el cual se puede visualizar y modificar.

HTML Playground
VÃa / Ajaxian

Grafismo | Trucos

Cómo extraer colores fuera del Photoshop

ByLuis March 24, 2006

¿Cuántos minutos trabajas al día con Photoshop y te has visto en la situación de querer saber un color de otra web y tener que usar el Colorzilla de Firefox o directamente imprimir pantalla, pegarla en Photoshop y usar el eyedropper.?
Pues Photoshop, en cualquier versión, ya trae la opción y es el mismo Eyedropper (el icono del cuentagotas). Tan solo hay que clickarlo y dejarlo pulsado arrastrando el cursor hasta donde queremos obtener el color. Cuando lo tengamos, soltamos el click y aparecerá el color como color de primer plano.
Vía / Genbeta

css | XHTML

Crea una guía de estilos

ByLuis August 30, 2006

Un gran consejo que deberÃamos llevar todos a cabo, es crearnos una guÃa con los estilos que tiene nuestra aplicaciÃ³n. No solo si trabajamos en nuestro propio diseÃ±o, porque siempre se nos acaban olvidando y podemos caer en el error de crearnos estilos repetidos, sino tambiÃ©n para cuando trabajamos en proyectos grandes y o bien los estilos ya estÃ¡n creados pero no los conocemos, porque una cosa es leer un css y otra es adivinar que pinta tiene, o bien porque creamos alguno para que se sepa que existe.

Uno de esos documentos que odiamos hacer, pero que siempre echamos de menos tener.
Creating a Style-Guide for your site
VÃa / SitePoint

Lectores RSS | Trucos

Traducción del botón de FeedBurner al español

ByLuis April 3, 2006

Hasta Sentido Web, como primera nano que lanzamos en castellano, no habíamos puesto atención a la necesidad de traducir el readers de los botones de FeedBurner que muestran el número de suscriptores.

Como no hay ~~ninguna referencia “oficial”~~ (aviso de Jordi), y previa consulta a Juan Luis (representante de FeedBurner en España), ahí va el truco que varios sitios ya aplican…

Solo tienes que añadir en el código del botón justo después de animo=0″ si tú botón es el estático o anim=1″ si tienes el animado y asegurándote de borrar la comilla al lado del 0 o del 1 ya que la pondremos luego: &label=lectores". El lectores lo puedes sustituir por un texto de 8 caracteres para respetar el tamaño del botón. Para nosotros, el ideal sería suscriptores pero sale cortado.

El código de nuestro botón:

<a href="http://feeds.feedburner.com/sentidoweb"><img src="http://feeds.feedburner.com/~fc/sentidoweb?bg=008585&fg=ffffff&anim=0&label=lectores" height="26" width="88" border="0" alt="Feed de Sentido Web" /></a>

Javascript | XHTML

fleXcroll: scroll bars personalizados para tu web

ByLuis July 27, 2006

LibrerÃa que nos permite usar scrolls personalizados en nuestras pÃ¡ginas web, ya sean verticales u horizontales. Aunque hay que intentar que no aparezcan en nuestra pÃ¡gina, en caso de que sea necesario, porque los hay que son totalmente necesarios, quizÃ¡s se puedan personalizar con este script.

Por lo poco que he visto del cÃ³digo (que no estÃ¡ fÃ¡cil de seguir porque estÃ¡ ofuscado), veo que fija el tamaÃ±o de la capa y con la propiedad overflow muestra los scrolls. Dibuja los scrolls personalizados encima y mediante ellos realiza el scroll de la capa, usando scrollTop y scrollLeft (que creo que antes no funcionaba del todo bien en Opera 8 y en la versiÃ³n 9 lo han solucionado). Algo que yo no solÃa hacer y que he visto como lo hace aquÃ, es capturar el evento selectstart y hacer que devuelva false, para que cuando se haga el drag del scroll no se seleccione la imagen que usamos para personalizar el control.
FleXcroll, Flexible and Accessible Custom Scroll Bars
VÃa / aNieto2K

Similar Posts