Laboratorio Tecnologico Experimetal
Archive for July, 2009
Tooltips con jQuery
Jul 27th
jQuery
El uso y la potencia de jQuery es muy grande y mas en ultimas fechas, y esto se debe a que con jQuery es facil crear efectos o cualquier otra cosa que se nos ocurra.
Hoy en chosendevelopment.com me e topado con este exelente codigo con el cual nos explica breve pero claramente como crear tooltips para nuestra web.
Aca les agrego el codigo:
JavaScript:
-
<!-- Include jQuery (using google's cdn is the best way)
-
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
-
<!-- Include the plugin (make sure this is the correct directory) -->
-
<script type="text/javascript" src="js/tooltip.js"></script>
-
<!-- Invoke the script and plugin -->
-
<script type="text/javascript">
-
$(function() {
-
// Target elements to apply, and options to pass to the API
-
$("a.tooltip").tooltip({offset: [15, 20]});
-
});
-
</script>
Y el metodo para llamarlo:
HTML:
-
<a class="tooltip" href="#" title="link text">link</a>
(No Ratings Yet)
Loading ...Como Hacer una Pagina Web con Esquinas Redondeadas
Jul 27th
Esquinas Redondeadas en una Web
En esta ocación voy a tratar de explicar de una forma y sencilla como podemos crear una sitio web con esquinas redondeadas, para hacer pequeño diseño lo que vamos a necesitar es diseñar un par de imagenes que serviran tanto en la parte de arriba como la de abajo para hacer el efecto de esquinas redondeadas (en los archivos de descarga estan las imagenes que yo utilize)
Tambien algo que es impotrante y que no se nos debe olvidar utilizar (solo en caso que seas prinicipiante se te puede pasar, ya que tengas un poco de mas experiencia esto es automatica) es la hoja de estilos CSS, que es la que le va a dar forma a nuestra web.
En el diseño que puedes ver como demo, es solo eso un pequeño demo que utilize para hacer este pequeño tutorial, el demo esta constituido por header,footer,menu,barra lateral y espacio de contenidos. Todo esto lo puedes modificar a tus necesidades
Bueno ahora vamos a ver el codigo CSS:
More >
(No Ratings Yet) Loading ...Kingston Lanza Memoria USB de 256gb
Jul 27th
Memoria USB de 256gb
Kingston Technology una de las empresas lideres en la fabricacion y venta de memorias RAM y USB, ha lanzado al mercado la memoria usb de mayor capacidad actualmente.
Esta memoria cuenta con 256gb de almacenamiento, lo que indica que tiene mas capacidad de almacenamiento que mi disco duro :S jajaja.
Kingston Data Travel no cuenta con una gran velocidad de transferencia, se puede leer a 20mb/s y se registra en los 10mb/s lo que indica que para llenar la memoria de 256gb tardariamos aproximadamente 7.1 horas.
Pero bueno yo pienso que la velocidad se compensa con la capacidad de almacenamiento.
(No Ratings Yet) Loading ...Botones para Twitter en Twittericons.org
Jul 27th
twittericons.org
En twittericons.org podremos encontrar una gran cantidad de botones para colocar en nuestro blog/web.
Para hacer uso de este servicio solo tendremos que introducir nuestro nombre de usuario y la pagina agregara los links al codigo, despues de esto solo tendremos que elegir cual diseño nos gusto y copiar y pegar el codigo.
Esto es bueno para que los lectores de un blog puedan seguirnos en twitter y por cierto no ocuparemos ni un kb ya que las imagenes estan alojadas en los servidores de twittericons.org.
Este es un ejemplo de los botonos (si quieres seguire solo da click en el boton):
(No Ratings Yet) Loading ...Monitorea tu Web de Caidas con Howsthe.com
Jul 24th
www.howsthe.com
Howsthe.com nos permite saber cuando nuestra web se ha caido, esto lo podremos saber por medio de un mail o sms, tambien podremos configurar para resibir las alertas por medio de RSS y configurar la frecuencia con la que nos llegaran los avisos.
Howsthe.com tiene un gra problema que es que en la version gratuita solo nos permite agregar 3 sitios con 3 alertas, esto es una gran desventaja frente a otros servicios. Pero bueno, de algo nos puede serbir
(No Ratings Yet) Loading ...
Últimos Comentarios