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>

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

css | XHTML

Paso a paso de un diseño web

ByLuis May 25, 2007

La gente de SitePoint han publicado un gran artÃculo en el que explican cÃ³mo hacer un diseÃ±o (layout) mediante XHTML y CSS.
Hace tiempo alguien nos preguntaba por un comentario en un artÃculo cÃ³mo podÃa pasar de su forma de diseÃ±ar por tablas a diseÃ±ar sin tablas. Creo que con este artÃculo podrÃ¡ aprender la transiciÃ³n de forma muy sencilla y rÃ¡pida.
Empieza explicÃ¡ndonos los pasos que hay que llevar a cabo para la fase inicial de nuestro diseÃ±o. Dibujar los contenidos (cabecera, panel, contenido, pie de pÃ¡gina) y cÃ³mo crear la estructura de capas y sus estilos.
DespuÃ©s nos indica como aÃ±adir fondos y contenidos a las distintas partes de nuestra pÃ¡gina, como por ejemplo las imÃ¡genes con float. No solo se centra en lo estrictamente desarrollo, sino tambiÃ©n un poco en diseÃ±o. AÃ±ade imÃ¡genes de fondo al pie y a la cabecera que realmente quedan bastante bien.
Y por Ãºltimo nos indica como dividir el contenido en rejillas para darle un aspecto mÃ¡s uniforme.
Breaking Out of the Box

css | Negocios | XHTML

Se vende StyleGala

ByLuis May 18, 2006

Las noticias en el mundo del CSS y Showcases durante la Ãºltima semana no han sido muy buenas que digamos. Ayer nos enterÃ¡bamos que Web Standards Awards cierra sus puertas despuÃ©s de casi 2 aÃ±os y Ãºnicamente 100 screenshots seleccionados.
Hace apenas unas horas leemos que la archiconocidÃsima Stylegala tambiÃ©n estÃ¡ en venta igual que CSS Vault en su dÃa y Unmatched Style. MÃ¡s bien en un cambio de dueÃ±o a travÃ©s de una subasta que empieza a partir de 30.000$ en el que uno de los factores estrella es que gana en publicidad unos 2400 dÃ³lares al mes, aunque desde hace 6 meses tiene un ritmo de publicaciÃ³n de 1 pÃ¡gina al mes.
DiseÃ±orama tambiÃ©n habla del asunto y se pregunta quÃ© futuro tienen los CSS Showcases.
A esta pregunta no podemos ser objetivos, y sabemos y somos conscientes de la rentabilidad, ademÃ¡s de que nos divertimos mucho no solo manteniÃ©ndola sino sabiendo que es muy Ãºtil para todos los profesionales y aficionados del sector disipando cualquier complejo que la comunidad hispana pudiera tener en cuanto al saber hacer.
Deseamos muchÃsima suerte a David en su subasta y que los prÃ³ximos dueÃ±os vengan con las pilas cargadas porque nosotros seguiremos innovando.

Trucos

Cómo leer tus correos de Hotmail en Gmail

ByLuis March 5, 2007

Muchos somos los que hemos pasado de Hotmail a Gmail, pero seguro que nos pasa lo mismo, hay gente que aÃºn nos escribe a Hotmail y por mucho que les digas que ahora usas Gmail te siguen llegando los correos a la otra cuenta.
Si te encuentras con esta cuestiÃ³n, hay un truco para poder leer los correos de Hotmail en Gmail. Para ello es necesaria la opciÃ³n de GMail de leer otras cuentas POP3, porque aunque Hotmail no ofrece el servicio POP3, podemos usar el servicio IzyMail para tener nuestros correos de Hotmail en POP3 y asÃ poder leerlos mediante GMail.
Reading your Hotmail email directly from Gmail
VÃa / Lifehacker

Javascript | Trucos

Recopilación de utilidades Javascript

ByLuis June 12, 2006

Una interesante lista de utilidades Javascript, agrupadas por acciones sobre enlaces (buscar enlaces, ocultar visitados, eliminar redirecciones, …), interactuaciÃ³n con formularios (transformar POST en URLs, mostrar ocultos, …), uso de texto y datos (resaltar, ordenar tablas, …), reemplazar objetos (mostrar el texto alternativo de las imÃ¡genes en lugar de estas, quitar plugins, …), desarrollo web (shell, modificar estilos, …), validaciones (urls de imÃ¡genes incorrectas, validacion de HTML, …) y por Ãºltimo un grupo de utilidades varias (traducir la pÃ¡gina, editarla, …).
Bookmarklets
VÃa / aNieto2K

Javascript | Spam | Trucos

Enlaza tu email sin miedo al spam

ByLuis March 30, 2006

El spam ha condicionado muchas prácticas que originariamente eran tan sencillas y poderosas como enlazar tu mail en la web.

Un truqui para evitarlo que en su día lo descubrimos en 604th.net:

function nospam(name,domain){

window.location = 'mailto:' + name + '@' + domain;

}

Cópialo tal cual sin cambiar nada y súbelo como emailnospam.js. Recomendamos subirlo a una carpeta en la que guardes los javascripts como por ejemplo la carpeta js. Si no te apetece crearla, súbelo a la raíz de tu ftp.

Luego añade lo siguiente entre la línea <head> y </head> de los documentos de tu web:

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

Si lo has subido a la raíz elimina la ruta a la carpeta “js”. Quedaría así:

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

Ya solo queda que escribas tu mail enlazado en la parte de la web que quieras sustituyendo la palabra ejemplo y dominio.com por lo que corresponda a tu cuenta de email:

<a href="javascript:nospam('ejemplo','dominio.com');">Contáctame</a>

Similar Posts