Post etiquetados con ‘
Webmasters
’
Publicado por
Juanguis el dia 30 Jun 2009 - Guardado en Diseño
Hace unas semanas les comenté algunas alternativas para ver cómo se vería un sitio web en diferentes resoluciones, pero hoy encontré una herramienta muy interesante llamada ViewLikeUs, que nos permite ver un sitio web en diferentes resoluciones, para detectar posibles errores en el diseño y adaptarlo para que nuestros lectores lo disfruten correctamente.
Su uso es muy sencillo, sólo tenemos que ingresar la URL del sitio que queremos cargar, y luego elegir la resolución con la que queremos verlo, a medida que vamos pinchando en las diferentes resoluciones el cambio es automático, no hay que recargar la página ni nada, realmente muy útil.
Visto en FeedMyApp
Publicado por
Juanguis el dia 22 Jun 2009 - Guardado en Webmasters
Algo muy importante para ser bien indexado por Google es tener un sitemap, que es un archivo en XML con una lista de las páginas que contiene un sitio web. De éste modo el buscador sabe cómo está organizado un sitio y lo puede indexar mejor.
Tumblr no posee la funcionalidad de crear sitemaps, por eso hay que recurrir a servicios de terceros, uno de ellos es tumblrMap, que te permite crear un sitemap y enviarlo a Google automáticamente y de forma gratuita. Lo único que tenemos que hacer es loguearnos con nuestros datos de Tumblr para que el servicio pueda acceder a nuestros tublelogs, allí seleccionamos el que queramos y se creará automáticamente el sitemap.
La última parte del proceso es agregar un tag META que es esencial para comprobar que el sitio es nuestro, es un requerimiento de Google. Tenemos que copiar y pegar el tag que nos genera tumblrMap en nuestro theme de Tumblr, tenemos que pegarlo justo después del tag <head> del código.
Según comentan en el sitio, el sitemap se regenera dos veces al día y notifica de forma automática a Google, así que no tendrán que preocuparse por nada más. Parece magia, pero no lo es.
Visto en SimpleSpark
Publicado por
Juanguis el dia 18 Jun 2009 - Guardado en Webmasters
Hostarting
Una de las cosas más complicadas a la hora de emprender un proyecto relacionado a internet es elegir el hosting adecuado, primero pasamos por la etapa de identificar qué es lo que necesitamos puntualmente, y lo más complicado, decidirnos por una empresa y plan determinado. A esto hay que tratar de hacerlo bien de una, así luego nos ahorramos dolores de cabeza, migraciones hacia otro servidor, caídas del sitio, etc.
Hostarting es un sitio que salió hace un par de días a la luz, y hasta ahora no lo había comentado. Se trata de un lugar donde podemos ver comparativas de servicios de hosting, ya sea de servidores compartidos, dedicados, o servidores dedicados virtuales.
Hostarting es una comparador de precios de hosting que cuenta con la información de los planes de hosting, servidores dedicados, housing o registro de dominios de las principales empresas del país
El servicio se complementa por medio de rankings por precios y valoraciones tanto de los servicios de hosting como de registro de dominios.
Lo que me gustó y me llevó a comentarlo es que está en español, todo los sitios de este tipo que conocía son en inglés, y la verdad es que existen cientos de ellos, en español no conocía ninguno. Por otro lado, algo que no me termina de convencer, es que sólo comparen precios de servicios de hosting de España, creo que lo ideal sería que agreguen una sección de hostings internacionales, pero que todo siga estando en español.
Publicado por
Juanguis el dia 4 Jun 2009 - Guardado en Diseño
Easy CSS Styler
Cuando armamos un sitio en HTML, por más básico que sea, hay que darle un poco de estilo a las partes principales mediante CSS, es algo simple, pero que es aburrido hacerlo “manualmente”. Hoy encontré Easy CSS Styler , una herramienta excelente, especial para los que nos gusta hacer las cosas lo más rápido posible y con el menor esfuerzo.
Con Easy CSS Styler podemos crear la parte básica de un estilo de manera visual, algo así como un editor WYSIWYG para CSS. Navegando por las diferentes pestañas, body, h1, h2, etc., podemos ir cambiando solores, tipografías, y demás configuraciones de manera visual, y viendo cómo queda en una previsualización a la izquierda.
Una vez que terminamos con la edición visual, sólo queda descargar el archivo con el CSS en formato texto, listo para que lo subamos a nuestro diseño. Me parece una herramienta muy útil, no debe faltar en nuestros favoritos.
Visto en FeedMyApp
Publicado por
Juanguis el dia 3 Jun 2009 - Guardado en Herramientas
Adobe BrowserLab
Los amigos de Adobe vienen a full con los lanzamientos en estos días, hoy le toca el turno a BrowserLab, una herramienta, basada en Flex (si no me fallan los cálculos), que te permite previsualizar cómo se vería un sitio web en diferentes navegadores. No es nada innovador en cuanto al concepto, en Punto Geek ya les hemos comentado varias alternativas para esto, sin embargo es interesante comentar este lanzamiento de Adobe.
Sin dudas, esta herramienta de Adobe es más avanzada que las que hemos comentado, simplemente por el desarrollo que tiene detrás, es una herramienta simple, pero a la vez completa. Tiene soporte para atajos de teclado, podemos ir cambiando entre los navegadores, el estilo de la vista, haciendo zoom, y demás tareas, con sólo presionar una tecla.
Podemos elegir entre varios navegadores, pero sólo en Windows XP y Mac OS X, creo que ahí le erraron, me parece que no se dieron cuenta que también existe Linux, pero bueno, es lo que normalmente les pasa a los usuarios del Pingüino.
Visto en GoogleOS
Publicado por
Juanguis el dia 29 May 2009 - Guardado en Diseño, Webmasters
Entity Code es un sitio donde podemos encontrar los códigos HTML para insertar símbolos en los diseños, no estoy seguro de la definición correcta de éstos códigos, es más, no sé si hay alguna forma de decirlo en español, pero lo de Entity Code no me simpatiza, resumamos en que son los códigos para insertar símbolos en HTML.
Podemos encontrar todos los cógidos organizados por utilidad, ya sea desde símbolos de navegación como flechas, símbolos de moneda, matemáticos, lo más utilizados por los webmasters, etc. Es interesante tenerlo a mano para cuando queremos insertar un símbolo y no conocemos el código correcto.
Visto en Maestro Alberto
Publicado por
Juanguis el dia 12 May 2009 - Guardado en Herramientas, Webmasters
Web Page Analyzer es una herramienta orientada a webmasters donde, ingresando la URL de un sitio web, podemos obtener un completo informe sobre las velocidades de carga de la web. Pudiendo leer el análisis que nos generan para tratar de optimizar esos valores tocando un poco del sitio.
Lo que tienen que hacer es introducir la URL sitio que quieren analizar, o bien directamente pegar el código XHTML si es que así lo prefieren, y luego el sistema generará el informe con los datos obtenidos.
Entre la información que obtenemos, encontramos la cantidad de peticiones HTTP, el tamaño total del sitio, los objetos cargados (JavaScript, CSS, HTML, y demás cosas), ya sea cargados desde el sitio o remotamente, tiempos de carga con distintas conexiones, etc.
Aparte, a lo último, podemos ver una especie de resumen del análisos con recomendaciones de cómo mejorar el sitio en cuanto a performance. Los puntos marcados en verde son los que tenemos bien, los marcados en amarillo son los que tenemos que prestar atención, y por último, los que están marcados en rojo, son los que tenemos que tratar de solucionar lo antes posible, siempre dependiendo del uso que le demos al sitio.
Ya que estamos, les dejo el enlace al post que publiqué hoy, con tips para optimizar y acelerar la carga de Wordpress.
Publicado por
Juanguis el dia 5 May 2009 - Guardado en Diseño
FlashVortex es un sitio que ofrece una herramienta para generar menúes en Flash, es una especie de “editor WYSIWYG de menúes en Flash”, especial para los que no sabemos nada de diseño y queremos algo rápido. Podemos elegir entre varios estilos de diseños predefinidos y luego modificarlos a gusto, obviamente agregando los textos personalizados, enlaces de destino, cambiando íconos, colores de los botones y fondo, etc.
Una vez que terminamos la personalización del menú podemos descargar el archivo para instalarlo “manualmente”, quedense tranquilos que viene con instrucciones, pero si prefieren la vía fácil pueden copiar y pegar un código, que no es más que un script que embebe el menú desde los servidores de FlashVortex.
Es una excelente alternativa para los que no saben de diseño y quieren algo rápido, si bien no es de lo mejor del mundo, me parece que puede servirle a más de uno. Una aclaración importante es que a los menúes les agrega una leyenda de que ha sido creada con dicha herramienta.
Publicado por
Juanguis el dia 20 Apr 2009 - Guardado en Firefox
Uno de los problemas que tenemos los usuarios de Firebug con monitores grandes es que este despliega su interfaz en la parte inferior de la pantalla, lo cual nos resulta muy incómodo y poco productivo, ya que nos queda mucho espacio “a los costados” que en cierto modo es desaprovechado. Pero hoy en Acceso Directo encontré la solución de la mano de Widerbug, la versión de Firebug, pero para los que utilizamos monitores widescreen.
Widerbug, como dije, es lo mismo que Firebug pero optimizado para que el parovechamiento del espacio en los monitores grandes sea lo mejor posible. A mí por ejemplo, con el monitor de 22″ y el Firebug abajo se me hace muy molesto trabajar, pero como van a ver en las siguientes imágenes, con Widerbug la distribución de las cosas aumenta bastante la productividad.
Interfaz de Firebug
Interfaz de Widerbug
Si les queda la duda de cómo instalarlo, lo único que tienen que hacer es desisntalar la versión de Firebug e instalar Widerbug. Y para los que todavía no saben de qué se trata esto, son extensiones de Firefox orientadas a webmasters, ya sean desarrolladores y diseñadores, ya que podemos editar código de un sitio sin que “surta efecto” realmente, es para previsualizar cambios, muy recomendables por cierto.
Publicado por
Juanguis el dia 24 Mar 2009 - Guardado en Webmasters
Cuando uno se dedica full time a trabajar con sitios en internet llega un momento en el que es importantísimo no dejar que los mismos estén caídos, primero porque no es beneficioso para las visitas, y lo más importante, si es nuestro negocio, que estamos perdiendo dinero mientras el mismo no está online. Por eso creo que es importante que consideren contratar un serivicio de monitoreo de servidores para concoer el uptime de sus sitios y actuar al instante en el caso de que se caigan.
Yo por ejemplo, hace un par de meses que contraté el servicio de Pingdom por un año, aprovechando que estaban de promoción por fin de año, creo que pagué 50% off, y ahora, al ser chequeado cada minuto me notifican si el servidor está caído, ya sea por correo electrónico o a través de un SMS. Varias veces me ha pasado que me llega un SMS avisando que el sitio está abajo y desde el mismo iPhone me encargo de levantarlo sin problemas, sólo es necesaria una conexión a internet.
Obviamente esto lo podemos hacer los que tenemos servidores dedicados o VPS’s, la gente que tiene hosting compartido depende de otros factores, pero es una buena opción que hay que tener en cuenta, si nuestro sitio se cae podemos llamar lo más rápido posible al proveedor de hosting para que tome cartas en el asunto y arregle el problema enseguida.
Redondeando, contratar uno de esos servicios no es un gasto, a la larga termina siendo una inversión que se amortiza con creces, ya sea desde el puto de vista monetario, como el del prestigio que genera un sitio que no está nunca caído.
Les recomiendo que le echen una mirada a la recopilación de 5 servicios para monitorear el uptime de tu hosting.
Page 1 of 812345»...Last »
Últimas entradas
-
Descargá gratis el libro de Taringa
Friday, July 3, 2009 21:04 -
15 Comentarios
-
Concurso para ganar viaje a la Antártida y bloggear desde ahí
Friday, July 3, 2009 20:31 -
2 Comentarios
-
WTF Counter, botón para contar los WTF diarios
Friday, July 3, 2009 15:26 -
4 Comentarios
-
Supalogo, generador de logos online
Friday, July 3, 2009 14:22 -
0 Comentarios
-
50 diseños hermosos (¡y deliciosos!) en el café
Friday, July 3, 2009 9:17 -
7 Comentarios
-
Aviary, lanza excelente herramienta para capturar la pantalla y editar la imagen
Friday, July 3, 2009 9:15 -
0 Comentarios
AMENITO el dia 2009-07-04 02:44:33
Rufián Melancólico el dia 2009-07-04 02:41:00
sisaR el dia 2009-07-04 00:56:47
Elkin el dia 2009-07-04 00:22:42
josdy el dia 2009-07-03 23:34:03
SrVicio el dia 2009-07-03 22:50:18
Juan el dia 2009-07-03 22:47:14
javier el dia 2009-07-03 22:34:00
Archivos
Enterate de todas las novedades de Casi Ángeles
Tags:
Santiagomarull.com.ar - Diseño Web / 3D
Brindamos soporte de diseño web, maquetación, modelado 3D para profesionales y empresas. Incrementando sus ventas y actividad.
