Desde Ribosomatic.com llego a este componente hecho en AJAX que te permite, de manera buena, bonita y barata, generar un autocompletado de cajas de texto.
Soporta IE 6.0 y 7.0, Firefox 1.0 y 2.0 y Safari 2.0.
Parece que nuestro querido Opera se quedo afuera …
Enlaces | Demos, Descarga, Como Empezar
Excelente servicio de Seologs.com, una web en la que colocas un numero IP o un nombre de dominio y te arroja todos los dominios existentes en esa maquina.
La verdad es que muchas veces necesité este servicio …
Asà es que ya sabes, si quieres saber la cantidad de sitios web con los que vas a compartir tus servicios web, antes de firmar contrato, revisa esta web.
Está de pelos !!
Via SigT » Plantillas CSS para impresión y 9 consejos: “Plantillas CSS para impresión y 9 consejos”
Suele ser habitual tener hojas de estilo en CSS para la presentación de nuestras webs, una de las grandes ventajas de trabajar con XHTML y CSS es la separación de contenido y presentación: Con una plantilla CSS podemos modificar la forma de presentar información sin modificar el contenido.
Vamos a ver un ejemplo de plantilla CSS únicamente para impresión con algunos consejos para aplicar, lo primero es definirla en el documento y aunque podrÃamos hacerlo añadiendo una lÃnea igual que la siguiente (cambiando screen por print):
Comentarios(1)
Lo vamos a hacer diferente ¿por qué? pues porque algunos navegadores no muestran la hoja para impresión en “Previsualizar impresión� si no es de la siguiente manera dentro de :
@import url( style.css );
Lo importante de esto es que el CSS al cual se le da un media="print" es el de impresión y el media="screen" el clásico para presentación, hay otros cómo por ejemplo media="handheld" para dispositivos de mano (PDA’s, etc) pero estos ya no entran en está entrada.
Ahora solo toca poner lo que queramos en print.css, es hora de los consejos:
display: none;.
#menu, #footer, #cabecera, .contenido-irrelevante {
display: none;
}pt en lugar de px, % o em: Los valores px, %, em, etc., son medidas absolutas para mostrar a un determinado tamaño información en pantalla en lugar de ello utiliza pt, recomendación:
body {
font-family: Arial, sans-serif;
font-size: 10pt;
}float:none;: Los elementos flotantes dan problemas con algunas versiones de Mozilla Suite, borra los floats que no necesites o en su lugar utiliza float: none;. body {
background: #fff;
color: #000;
}alt="" de las imágenes.Actualmente tengo pendiente hacer una versión impresa en condiciones pero lo más importante ya está: elementos de navegación fuera, publicidad fuera, arial 10pt +/- para una buena impresión y solamente se muestra logo+artÃculo.
Y ya de paso recomiendo “Principios básicos de CSS� en castellano por parte de Tierra de nómadas.
Via melkorcete : “Menú con CSS”
Después de haber dejado claras las bases de una maquetación con estilos, ahora vamos a aprender a hacer un menú solo con XHTML y CSS. La idea es obtener un menú que sin mucha carga de funcionalidad a la página, y sobre todo que sea fácil generarlo vÃa PHP, utilizando plantillas (que será otra de las cosas que veremos próximamente).
Comenzamos como siempre con el XHTML. Definiremos una capa contenedora y dentro una lista sin ordenar. En los elementos
li:hover no afecten al titulo, crearemos uno que tenga los li:hover igual que el titulo. Eso dará un efecto distinto a los li pero no cambiara el titulo.Además, para ver aun mas posibilidades añadiremos una imagen transparente de viñeta y en el li:hover pondremos otra del mismo tamaño que si se vera, lo que creara una mayor sensación al usuario (aunque sea demasiado sobrecargado, luego no hay por que usarlo todo, eso como siempre a gusto del consumidor ). Ahora el CSS.
// Titulo del Menu
.contenedor h4 {
font-size: 12pt;
font-weight: bold;
color: #ffffff;
}
Os dejo un enlace a un .ZIP con los archivos (.HTML, .CSS y los .GIF).
ArtÃculos Relacionados:
Stu Nicholls | CSSplay | Another CSS slide show
Excelente galeria de imagenes con CSS, a mirar el codigo fuente !
Google Office: pisando aún más el césped de Microsoft
Hace poco menos de un año, el anuncio de una conferencia conjunta de los Directores Generales de Sun Microsystems y de Google dispararon los rumores del lanzamiento de un ‘Google Office’, un entorno vÃa web donde poder crear y gestionar documentos ofimáticos (correo electrónico, agenda, textos, hojas de cálculo).
Al final todo se quedó en una descafeinada declaración de intenciones de crear juntos productos para competir contra Microsoft, aunque es cierto que Google ha seguido apostando por productos en esa lÃnea (Writely, Google SpreadSheets) y por mejorar OpenOffice.
Sin embargo, el lanzamiento hoy de ‘Google Apps for your Domain‘ ha dejado más en evidencia la estrategia de Google. Hace un par de años contábamos que la compañÃa estaba pisando el césped de Microsoft a través del escritorio del PC y hoy Enrique Dans, por ejemplo, asegura que el objetivo es ahora “poner al alcance de empresas de cualquier tipo, independientemente de su tamaño, un conjunto de herramientas con la comodidad de una gestión y una fiabilidad probadas”, compitiendo directamente con MS Office Live.
Sin embargo, dentro del nuevo servicio presentado hoy no se incluyen el gestor de hojas de cálculo (Google SpreadSheets) ni el editor de texto (Writely), y solamente se incorpora el correo electrónico (Gmail) y la agenda (Google Calendar). ¿Por qué lanza Google algo que todavÃa no compite frente a frente con ‘Office Live’ y que realmente se trata de una mezcla de productos sin apariencia uniforme?
Como bien puntualiza Steve Bryant, lo que pretende Google es conocer cómo los usuarios utilizan las herramientas y qué tipo de información gestionan. “Es fácil unificar las aplicaciones con un interfaz similar y un plan de márketing, pero lo que es dÃficil es conseguir que la gente lo utilice”, asegura Bryant recordando palabras del Director General de Google.
“Con ‘Google Apps for your Domain’ lo que se está haciendo es construir primero las aplicaciones, conseguir que los usuarios las adopten como herramientas de trabajo, juntarlas después y finalmente preocuparse por el márketing”, recuerda. Eso es lo que ha venido haciendo Google durante los últimos años: utilizar el atractivo de su marca para, desde Internet, intentar conseguir introducir diversas herramientas (hasta ahora, monopolio de Microsoft) donde poder seguir comercializando su modelo de negocio basado en la publicidad.
Por cierto, según asegura el ‘Seattle Post Intelligencer’, parece que Google va a adquirir un edificio de 20 plantas y 40.000 metros cuadrados en Seattle (EEUU), muy cerca de la sede central de Microsoft, empresa de la cual ha fichado a varios trabajadores.
Via : Top 10 de aplicaciones web para bloggers | tufuncion.com
Si eres uno de los pocos que aún no utiliza Firefox no tardes mucho tiempo más y comienza a utilizarlo, yo y muchos cómo yo hemos utilizado Internet Explorer durante años y realmente Firefox es mucho mejor, mucho más versátil.
Disfruta de sus pestañas y de la compatibilidad con la mayorÃa de tecnologÃas webs no olvides personalizarlo a tu gusto con sus extensiones.
Del.icio.nos permite salvar nuestros marcadores en sus servidores, lo que hace posible que estos mismos sean accesibles desde cualquier ordenador que tenga Internet, puedes inviatar a nuevos usuarios a ver tus marcadores y del mismo modo puedes ver cuales son los más populares. Ya no tendrás que volver a importar nunca más tus favoritos.
Hay muchas herramientas para copntrolar y analizar tu tráfico pero personalmente esta es mi elección con herramientas realmente útiles similares a las de Google Analytics o Sitemeter, estás últimas tambien son realmente potentes.
Instant Domain Search es una excelente aplicación para comprobar qué dominios estás libres, una aplicación simple rápida y potente.
Si lo que andabas buscando es un dominio de internet para tu próximo proyecto, tendrás que echarle un vistazo a esta otra aplicación hecha con AJAX. Instant Domain Search, nos permite ver la disponibilidad de los dominios mientras vamos introduciendo el conjunto de letras que conforman el dominio.
Esté blog en concreto no es un wordpress pero este famoso CMS es un sistema de publicación personal, que cuida la estética, la usabilidad y la compatibilidad con estándares. Es un sistema de bitácora fácil de usar, bonito y compatible con la nueva generación de navegadores.
Para poder manejar las suscripciones de nuestros usuarios. Zookoda es esa herramienta especÃficamente diseñada para los bloggers que nos permitirá enviar los titulares de las últimas entradas diariamente, semanalmente o mensualmente hacia las cuenta de correo de nuestros visitantes.
Snipshot es una aplicación online de edición de fotografÃas. Puedes ampliarlas, reducirlas, girarlas, recortarlas y cambiar algunos atributos como brillo, contraste o saturación.
El resultado lo puedes guardar en varios formatos (GIF, JPEG, PDF, PNG, PSD y TIFF) o subirlo directamente a tu cuenta de flickr. Esto último le resultará especialmente interesante a quien use flickr para guardar las imágenes de su blog o página web, ya que las puede ir subiendo facilmente según las encuentra por la red.
Flickr un servicio para compartir fotografÃas combinando innovaciones tecnológicas, una red social y una comunidad que sigue creciendo. Es un servicio desarrollado por Ludicorp (empresa creada en el año 2002) y que gracias a su popularidad ha llamado la atención de los gigantes de internet siendo adquirida por Yahoo! hace algun tiempo.
Es un motor de búsquedas para blogs, organizado mediante tags puedes encontrar cualquier tipo de información que este alamacenada en sus servidores, puedes de igual modo ver un ranking de popularidad de los blogs registrados.
Espero que estos enlaces y sus correspondientes explicaciones os hayan sido útiles, comentar aquellas aplicaciones que sean dignas de pertenecer a este ranking.