Curvas sin imagenes, con CSS y Javascript

Actualmente muchos diseños Web hacen uso de curvas para los menús, para los botones o para otros tipos de elementos. Algunas veces para optimizar nuestro sitio tenemos que dividir las imagenes curvas, con el fin de tener solo las imagenes básicas y el resto poderlo hacer con estilos CSS.

Sin embargo NiftyCornersCube nos puede evitar este trabajo y darnos una gran flexibilidad, pues no tendremos que depender de las imagenes si queremos cambiar el tamaño de algún boton o elemento. Nifty es una biblioteca javascript muy facil de usar, con la que podremos dar curva a elementos DIV de nuestro HTML, así unicamente con CSS y javascript, podremos tener un diseño con curvas muy ligero y flexible. Tiene ejemplos sencillos que mostrarán como implementar cajas y menús en nuestro proyecto.

Fuente: http://phpgo.blogspot.com/2007/11/curvas-dinamicas.html

Analisis SEO de un Proyecto Web

Website Grader es una herramienta Web que en cuestión de segundos nos ofrece un análisis detallado de como es visto nuestro sitio en cuanto a SEO (Search Engine Optimization) se refiere. Primero nos da una calificación sobre 100 y después expone 7 puntos de análisis.

Cada uno de los puntos evalúa como esta el sitio actualmente y da consejos que pueden ayudar a mejorar la optimización para buscadores. Las áreas que evalua son:

SEO en la página: contenido de los META, etiquetas , images entre otros.
SEO externo: page rank, paginas indexadas por google DMOZ directory, yahoo directory, ZoomInfo.
Blogsfera: ranking en technorati, blogging y RSS.
Redes sociales: del.icio.us y digg.
Convirtiendo visitantes en clientes: RSS Feed y formulario de suscripción.
Inteligencia competitiva: Comparación con otros Web Sites e histórico.

La importancia de Integrar y Actualizar un Sitio Web

Lamentablemente muchos Sitios Web de pequeñas y medianas empresas han quedado desactualizados (por no decir obsoletos) con los cambios surgidos en Internet. Y me refiero, puntualmente, solo a los avances y renovación de herramientas de ultimo año y medio!

Presencia Online es más que solo un “Sitio Web”. Debe ser interactivo, dinámico y mantenerse actualizado. Un sitio Web no debe ser una mera carta de presentación. Internet brinda infinidad de recursos y herramientas, ya sea para difusión o comercialización.

Obviar la actualización de un sitio web es auto-excluirse de la web que viene! Continuar »

Cómo crear un portal WAP

Introducción

La creación de un portal WAP es mucho más sencilla que la de un portal web tradicional. Esta sencillez es consecuencia de las propias limitaciones que imponen los teléfonos móviles con tecnología WAP. La pequeña pantalla de estos terminales apenas dejan libertad para el diseño, que se reduce a mostrar información textual. En la Red existen pequeñas utilidades que facilitan la creación de páginas WML y emuladores para comprobarlas.

Las páginas web que muestran los teléfonos WAP están escritas en un lenguaje llamado WML. Se trata de una versión adaptada del popular lenguaje HTML para la tecnología móvil. Las páginas diseñadas para WAP utilizan la extensión wml en los nombres de los archivos (por ejemplo, index.wml), en lugar de las conocidas extensiones htm o html, propias de las páginas HTML.

El lenguaje WML
Movil con soporte WAP

Si pensamos en la pequeña pantalla de los teléfonos móviles y en la reducida velocidad de conexión (9,6 Kbps, frente a los 56 Kbps de un módem), deduciremos que el lenguaje WML no puede ser muy complejo. En efecto, éste se limita a mostrar menús por pantalla que llevan a pequeños fragmentos de texto y a enlaces a otras páginas WML.

También es posible mostrar imágenes, aunque no es recomendable utilizarlas debido a su mayor tiempo de descarga. Estas imágenes son mapas de bits guardadas en archivos con extensión wbmp. Un mapa de bits o bitmap es una secuencia de ceros y unos que dibujan toda la imagen: un 1 muestra un punto negro y un 0, un punto blanco. Los formatos JPEG y GIF son inviables en un teléfono móvil porque requieren ejecutar algoritmos de descompresión para mostrarlos. Continuar »

Analizando el tráfico web.

Utilizar un buen programa de estadísticas en nuestra web es de vital importancia, ya que nos puede ayudar en varios aspectos como por ejemplo, poder ver los resultados de una campaña publicitaria o aprender varias costumbres y preferencias de los visitantes.

Para ello, no basta con un simple contador de visitas, ya que éste no nos mostrará mucha información de los visitantes, ni siquiera nos muestra las visitas reales, sino las veces que se ha mostrado la página (si un mismo visitante ve la página ocho veces, el contador sumará ocho visitas), por lo que no son útiles para nuestros propósitos. Continuar »

25 errores comunes en los desarrollos Web.

Conoce 25 errores típicos en desarrollos Web, desde problemas en el entendimiento de lo que es el HTML hasta típicos errores de arquitectura, pensamiento de sistemas.

Un popurrí de problemas, que todavía en el año 2003 teniendo tanta tecnología apta de buena calidad para desarrollar cosas sin problemas y en el menor tiempo, se sigan viendo ejemplos mediocres.

Como este es un artículo largo, recomiendo que lo imprimas, puedes hacerlo libremente sin apretar en ningún enlace raro que contenga Javascript, PHP, o cosas que interfieran, basta con buscar la opción de imprimir en tu navegador y esperar a que la impresora termine su trabajo. Continuar »

Cómo guardar las marcas de un mapa de Google en un archivo XML y acceder a ese XML para mostrar las marcas en el mapa.

Desarrolloweb.com

En este artículo vamos a crear un archivo XML con los datos de diversas marcas que queremos colocar en un mapa de Google. Desde Javascript accederemos al archivo XML, leeremos sus contenidos y colocaremos las marcas definidas en el mapa.Si queremos tener varias marcas a la vista en un mapa de Google puede ser interesante guardarlas todas en un archivo para facilitar su almacenamiento y su procesamiento por el Javascript de Google Maps. Para ello, el XML es un formato excelente, ya que nos ofrece un mecanismo sencillo y personalizable para definir las marcas y los datos asociados a ellas. Además, el API de Google Maps tiene varias clases para trabajar con XML, por lo que no tendremos que preocuparnos en las complejidades de procesar e interpretar el código XML donde hemos guardado las marcas. Continuar »

Scripts para lifestream en PHP.

lifestream

Existen algunas webs para mostrar todo lo que hacemos online en las redes sociales y escribimos en nuestros blogs, el más conocido servicio es FriendFeed.

Pero muchos cuentan con dominios personales y los quieren aprovechar, una manera de aprovecharlos y crear una web dinámica a la vez es crear un lifestream en el Home. Continuar »

Haciendo seguras las sessiones PHP.

Las sesiones de PHP son una herramienta muy usada en el desarrollo de web: permiten ‘recordar’ datos del usuario entre una visita y otra. Un ejemplo tipico es recordar que un usuario esta loggeado en un sitio, para que no tenga que ingresar su password nuevamente cuando vuelve a entrar.
Ivan R. describio en un documento como es posible tomar el control de sesiones abiertas por otros usuarios de maneras bastante sencillas (esto trae muchos problemas se seguridad, como podran imaginarse).
Aqui les propongo unas piezas de codigo que hacen mucho mas seguras las sesiones: al encriptar ciertos datos, se vuelve imposible que otros usuarios puedan espiar las sesiones de los usuarios y tambien impide que malvados hax0rs tomen el control de nuestras sesiones. Continuar »

Pestañas en diseño web, cuándo y cómo usarlas.

¿Por qué se usan las pestañas en las páginas web?

Las pestañas fueron creadas para facilitar la localización de la información por los usuarios utilizando una metáfora, es decir, la imitación de un elemento de la realidad física.

En las páginas web intentan imitar las pestañas que sobresalen entre los separadores de un cajón archivador. Así permiten a los usuarios ver de un vistazo todas las secciones del sitio web y ayudarles a encontrar lo que buscan.

¿Cuándo y cómo se deben usar?

Las pestañas de la realidad física separan diferentes espacios que contienen diferentes documentos en un archivador. Varias copias de un mismo documento no está en varios espacios al mismo tiempo porque eso confundiría al quien busque allí. Tampoco existe interconexión directa entre varios espacios, es decir, si se esta en un espacio, no se pasa a otro a no ser que agarre otra pestaña. Continuar »

Consejos para el éxito de tu proyecto en Internet