De seguro alguna vez has visto algún sitio o galería de fotos que utiliza LightBox o alguna de sus variantes, y de hecho son muy buenas las que yo he visto y hasta he usado en par de ellas estos Scripts.
Pero si buscas algo nuevo y que vaya un paso más allá te recomiendo le des una vuelta a Smooth Gallery y descarges su paquete, definitivamente no te vas arrepentir.
Bajo este nombre se esconde un proyecto muy interesante a la hora de aprender sobre HTML, XHTML y CSS.
El mecanismo es bastante sencillo, al ingresar al sitio web la pantalla se divide en 4 partes, en la primera parte seleccionas el TAG sobre el que buscas aprender, en la segunda parte podrás ver una descripción de este, en la cuarta podrás ver los atributos de ese TAG y en la cuarta un ejemplo de uso.
Definitivamente un muy buen proyecto para la enseñanza / aprendizaje de HTML para los más nuevos.
Si eres de los que gusta de los calendarios para organizar su día, entonces de seguro la posibilidad de tener al Google Calendar en el fondo de tu escritorio te servirá de mucho en lugar de usar una imagen común y corriente.
Primero ve a tu cuenta de google calendars.
Presiona el link configuración.
Luego selecciona la pestaña Calendarios.
Selecciona el calendario que quieres poner como fondo de escritorio.
Presiona el botón HTML y copia la URL que ahí encontraras.
Ahora en el escritorio de tu PC, presiona con el botón derecho y selecciona la opción “propiedades”, luego la pestaña “escritorio” y en la parte inferior de esta el botón “personalizar escritorio”, una nueva ventana se abre , selecciona la pestaña “web”, presiona el botón “nueva” y pega la URL que tenias antes, finaliza aceptando todo.
Listo, ahora tienes Google Calendar en tu escritorio.
Hace ya un poco más de dos años MiniD escribía este post acerca de cómo tuvo que tomar decisiones más drásticas para evitar que se siguieran “tomando” prestadas imágenes de su servidor sin si quiera copiarlas a su propio host.
Es decir a alguien le gustó una imagen de MiniD, y decidió utilizarla en su blog o sitio, y lo único que hizo fue enlazar hacia la URL de la imagen sin copiarla para su propio servidor. La consecuencia de esto es que el servidor de MiniD hacia doble trabajo, es decir utilizar una imagen en dos lugares distintos, y eso también lleva al consumo del ancho de banda del host.
La solución que planteo MiniD, fue bastante sencilla:
# otro hack anti robo de imagenes
SetEnvIfNoCase Referer “^http://www.midominio.net/” locally_linked=1
SetEnvIfNoCase Referer “^http://www.midominio.net$” locally_linked=1
SetEnvIfNoCase Referer “^http://midominio.net/” locally_linked=1
SetEnvIfNoCase Referer “^http://midominio.net$” locally_linked=1
SetEnvIfNoCase Referer “^$” locally_linked=1
<FilesMatch “.(gif|png|jpe?g)$”>
Order Allow,Deny
Allow from env=locally_linked
</FilesMatch>
Implementar el siguiente código en el .htaccess de su servidor y listo, como por arte de magia no mas robo de ancho de banda.
Y todo esto ¿a qué viene?. Bueno desde hace unos meses Saturn Attacks ha venido creciendo, tanto en posts como en visitas y eso implica un demando extra de ancho de banda, pero así mismo ha venido creciendo en sitios que desean evitarse la molestia de copiar las imágenes a su servidor y lo que estuvieron haciendo es enlazarlas a Saturn Attacks, el resultado, fue que en el último mes tuve que llamar en dos ocasiones a mi proveedor a que me ayude con un poco más de ancho de banda, y claro al revisar los logs, veía que estos individuos seguían utilizando mis imágenes.
El escribir e-mails no resulto, y el pedir en buenos términos tampoco. Así que optamos por la forma más rápida de hacerlo que fue la que MiniD encontró en su momento.
Seguramente como diseñador te habrá pasado que tienes un cliente que ve el fondo de pantalla de tu MacOS-X y te dice, eso es lo que quiero pero en amarillo, y claro tu le dices que no puede ser por asuntos legales y demás.
Pero al llegar a casa te sigues rompiendo la cabeza de cómo hacer algo orgánico que sea parecido pero que no sea igual.
Bueno, la solución nos la trae la gente de PSDtuts, con este post sobre como hacer gráficos en el estilo de MacOS-X background.
Como es sabido cada día hay mas usuarios del iPhone en el mundo, y también es conocido que cada día hay más aplicaciones que se están creando.
Así, es como nos enteramos de Apollo IM, que no es otra cosa que un cliente AIM para el iPhone, y si deseas probarla, solo debes descargártela e instalarla.
El único problema es que aun es una versión Beta muy inestable, con lo que podría pasar cualquier cosa, así que la recomendación normal de toda la vida, si lo usas, solo bajo tu propio riesgo.
No sé si a muchos diseñadores pasa, pero a mí me ha sucedido, que cuando ubico una imagen como background de un botón por ejemplo, al hacer rollover sobre este, hay un pequeño lapso de tiempo que desaparece la imagen y luego aparece nuevamente, de hecho es insignificante el efecto pero ahí está. Claro estas cosas solo suceden en el extraño mundo de Microsoft Internet Explorer 6.0.
El hecho es que el día de hoy leo en el blog de Lee Messenger, si ese es su nombre, que al parecer a través de este código es posible evitar el efecto de flickeo en una imagen que se usa como background, en lo personal no lo he usado pero supongo que pronto.
<script type=”text/javascript”>
//<![CDATA[
try {
document.execCommand(’BackgroundImageCache’, false, true);
} catch(e) {}
//]]>
</script>
Eres del tipo ratón de biblioteca de persona que conoce mucho sobre un tema específico, en este caso HTML (HyperText Markup Language). Pues si es así y crees saber todas las etiquetas que se usan, este sitio web tiene un reto para ti.
En el plazo de 5 minutos debes escribir tantas cuantas etiquetas conozcas, Mingle:How Many HTML Elements Can You Name in 5 Minutes?.
Versa el viejo adagio que cada día se aprende algo nuevo, y hoy no es la excepción.
Leo en intentaBlog, que utilizando CSS se pueden crear sistemas de navegación complejas, es decir estructuras de navegación que podrían pensarse con lenguajes robustos como JavaScript, pero hoy se rompió ese mito y aquí nos enseñan como.
La verdad me he quedado sin palabras.
Creo yo que esa es una de las preguntas más recurrentes que escucho a diario, y claro no existe una respuesta definitiva.
Los costos de diseño varian mucho de empresa a empresa y según el tipo de experiencia y valor agregad que te den pueden llegar a ser muy altos o relativamente bajos.
Con todo esto, es interesante encontrar un listado de costos por llevar un diseño a la programación final, es decir tu les llevas a estas empresas un archivo en PSD puede ser y ellos te entregan tu trabajo final
Lo que más me gusto fue los tiempos de producción.
Hace un tiempo hablamos de lo que significa para la humanidad el ahorro de energía a través de las búsquedas negras, ojo no son esas búsquedas en sitios oscuros de dudosa procedencia. Con el término búsquedas oscuras nos referimos a un buscador que utiliza una interface de usuario basado en colores oscuros, siendo estos negros o grises.
Pero como sea, hoy volvemos al mismo tema pero con un poco más de egolatría, y si deseas que el nombre de tu empresa, persona, mascota etc, tenga un buscador propio, pues solo vista el sitio de blacklys.com.
Edita el lugar donde dice “Click Here” y listo tienes tu propio buscador negro, y claro puedes compartir a tus amigos la URL de tu buscador negro y decirles que busquen en el, claro esta, sabiendo que le das un respiro al mundo ahorrando energía, estoy convecido que muchas empresas llamadas ecologistas deberían asupiciar este tipo de proyectos, por cierto si no te importa la naturaleza, seguro te importan tus ojos, cuídalos.
Eres un desarrollador que quiere impresionar a sus usuarios cambiando el diseño de su sitio según la resolución del monitor, o eres un entusiasta del código y quieres mostrar diferentes “identidades”.
O bueno, es un día aburrido y no sabes que hacer, pues como sea aquí te dejo esta muestra de código que encontré en Arruga Blog, seguro alguna utilidad le encontraras.
<html>
<head>
<script LANGUAGE=”JavaScript”>
function redireccionar() {
var url640×480 = “http://www.tu-sitio.com/640×480?;
var url800×600 = “http://www.tu-sitio.com/800×600?;
var url1024×768 = “http://www.tu-sitio.com/1024×768?;
if ((screen.width == 640) && (screen.height == 480))
window.location.href= url640×480;
else if ((screen.width == 800) && (screen.height == 600))
window.location.href= url800×600;
else if ((screen.width == 1024) && (screen.height == 768))
window.location.href= url1024×768;
else window.location.href= url640×480;
}
</script>
</head>
<body onLoad=”redireccionar()”>
</body>
</html>