En muchos blogs habrán visto que las imágenes van apareciendo en la pantalla, con un efecto fadein, a medida que nos desplazamos hacia abajo. Este método de carga on demand es útil para ahorrar recursos del servidor. ¿Cómo sirve para ahorrar? Supongamos que tenemos un blog en donde se carga una imagen grande por nota, y en cada página hay 10 notas. Entonces cada vez que alguien ingrese a nuestro blog en la vista del inicio, o de categoría, estará solicitando la descarga de 10 imágenes aunque no las vea hasta que desplace la página. Utilizando... Leer nota.
Un menú cortesía de CSSplay, muy elegante y libre de utilizar tras una donación como indica el autor. El menú posee tres variantes y puede tener dos niveles, además tiene animaciones para lograr un efecto de suavizado al mostrar/ocultar los links de cada nivel. Funciona perfectamente en todos los navegadores populares del mercado incluido IE7 en adelante (salvo por las animaciones CSS3). Código ... (more...)
El 2012 será un año con muchos feriados en fechas atípicas para nosotros. Se creó el concepto de “Feriado Puente Turístico” que genera fines de semanas largos, de 4 días, ideales para un viajecito de descanso, y se movieron algunas fechas de lugar. Este calendario es ideal para imprimir y dejar bien visible en nuestro espacio de trabajo. Nos ayudará a programar reuniones y fechas de entrega sin equivocaciones. Es un trabajo del... Leer nota.
Colocar como fondo de un website un video puede llegar a resultar interesante si se escoge bien el video y se diseña el contenido del sitio de forma que asegure la legibilidad del contenido. No es un recurso que se recomiende en sitios de gran movimiento de usuarios, sino en sitios institucionales en donde se desee informar sobre una marca o producto en particular. Utilizar un video .swf como fondo Deberemos insertar el video haciendo uso de la... Leer nota.
Hasta ahora si queríamos insertar un texto siguiendo una línea curvada, como en la imagen, necesitabamos imperiosamente hacerlo en un programa externo y publicarlo como una imagen en nuestra web. Ahora gracias a CSS3 y Arctext, un plugin para jQuery, es posible de realizar sin necesidad de insertar imágenes. CSS3 nos permite rotar las letras de nuestro texto y Arctext nos permite colocar las letras siguiendo una curva determinada. Codrops nos explica,... Leer nota.
Los códigos QR, inventados por la empresa Dense Wave hace ya más de 17 años, se están volviendo cada vez más famosos, y ya se encuentran por todas partes, inclusive, y de forma obvia, en Internet. Estos códigos nacieron, especialmente, para ser leídos por celulares. Es una gran cantidad de información almacenada en un pequeño cuadro diseñado para que con tan sólo capturarlo con nuestro móvil podamos tener acceso a ésta, pero su uso se... Leer nota.
clueTip es un potente plugin para jQuery que nos permite contar con una amplia variedad de configuraciones y skins diferentes para nuestros tooltips. Para su utilización primero necesitamos descargarlo y linkearlo, junto con jQuery, a nuestro documento colocando el siguiente código entre etiquetas <head>: <link rel="stylesheet" href="css/jquery.cluetip.css" /> <script type="text/javascript" src="scripts/jquery-1.7.1.min.js"></script> ... Leer nota.
Las barras de desplazamiento o scrollbars son esos elementos en una web cuyo estilo normalmente estará determinado por el navegador del usuario. Sin embargo hay formas de cambiarlo y forzar a todos los navegadores a que utilicen el estilo que nosotros queremos. En este caso queremos mencionar a jQuery Scroll, un plugin que nos ayuda en la tarea. Para aplicarlo en un proyecto primero lo descargamos y lo anexamos a nuestro proyecto. Entre etiquetas... Leer nota.
Fascinante efecto que publican en Codrops en donde mediante el uso de jQuery y CSS3 logran aplicar animaciones no solo a un objeto seleccionado, sino a los que lo rodean, logrando una animación bastante particular. Les recomendamos ver el demo y luego seguir el tutorial paso a paso o bien descargar directamente los archivos del ejercicio. El trabajo puede aplicarse a cualquier proyecto. Ir al Tutorial | Ver demo ... (more...)
Cufón es una librería que nos permite utilizar casi cualquier tipografía en nuestros websites, asegurándonos que los usuarios de nuestras páginas puedan observar exactamente la fuente que nosotros elegimos, sin importar si la tienen instalada o no en su sistema operativo. Tiempo atrás hicimos una introducción a Cufón y recomendamos un plugin para utilizarlo con WordPress. En esta nota los guiaremos en el proceso de insertar Cufón en cualquier... Leer nota.