Utilidades Online para Webmasters

K3NNY · #1 (**permalink**) 16/09/2005, 16:33

Sientanse libres de colaborar con la lista, pero por favor, para mantener la calidad (y por lo tanto utilidad) de la lista, solo recomienden links que usan con frecuencia y saben que estan funcionando actualmente.

----------8×----------8×----------8×----------

XHTML & CSS

Servicio de Validación de CSS del W3C
» Es un servicio gratuito que comprueba que las Hojas de Estilo en Cascada respeten las Recomendaciones del W3C. En caso de no hacerlo te marca el error y la causa.
W3C Markup Validation Service
» Lo mismo que el anterior pero para XHTML.
CSS Formatter and Optimiser
» Te permite optimizar las hojas de estilo para que se carguen mas rapido.
Accesible - Examinador
Comprueba que una pagina web sea accesible. En caso de no serlo te marca los errores y sugiere una solucion.
Links Rotos (gracias Hurling)
» Comprobador de links (enlaces) rotos, tanto externos como internos.
Site Report Card (gracias jandres4)
» Examina una web en busca de links rotos, errores en el HTML, metatags y tiempo de carga, entre otras cosas.
XHTML Character Entity Reference
» Mapa de caracteres especiales con su correspondiente codigo XHTML. Por ejemplo: © ©
Online CSS Optimazer (gracias Hurling)
» Reduce el tamaño de nuestra hoja de estilos, este online o desde nuestra computadora.
Key Code Tool
» Nos devuelve el valor de la tecla presionada. Muy util si queremos hacer una web que cargue diferentes secciones de acuerdo a que tecla presiono el visitante.
NUEVO! Metrics Market (gracias kahlito)
» Hace un calculo aproximado de cuantas visitas recivio una web en un mes.

Codificadores & Decodificadores de Codigo

E-mail coder anti-spam
» Convierte las direcciones de mail (y cualquier otro texto) a sus respectivos codigos XHTML (interesante alternativa al XHTML Character Entity Reference).

NOTA: El CSS Formatter and Optimiser usandose en su mayor compresion puede servir para des/codificar las hojas de estilo.

Fuentes & Tipografias

WhatTheFont!?
» Subis una imagen con un texto y te dice como se llama el tipo de fuente que usaste.
IDentIfONt
» Te hace una serie de preguntas sobre la forma de los caracteres de una fuente y te dice como se llama.
dafont
» Directorio de fuentes gratuitas con la posibilidad de probarlas online con el texto que quieras.
Type Tester (gracias Hurling)
» Nos permite comparar 3 fuentes diferentes. Se puede modificar el texto de ejemplo, el color de las fuentes, el color de fondo y el espaciado, entre otras opciones mas.

Imagen & Colores

Image Optimization Tool (gracias jandres4)
» Optimizador online de imagenes GIF, JPG y PNG. Menor tamaño con la misma calidad.
Browser Shots (gracias Hurling)
» Crea una screenshot de un sitio online (completo, de pies a cabeza) visto por diferentes navegadores. Lo unico malo es que a veces puede tardar horas en darnos los screenshots.
Color Palette Generator
» Le das una imagen y te devuelve los 6 colores predominantes (la imagen tiene que estar online).
Color Palette Generator
» Le das una imagen y te devuelve los 9, 25 o 49 colores predominantes (tenes que subir la imagen desde tu maquina).
Colour Lovers (gracias Hurling)
» Cuenta con una extensa base de paletas de colores para usar en nuestras webs.
Pixel Button, crea il tuo bottone. (gracias Hurling)
» Creador de botones como este:

Programas & Archivos

FILext - The File Extension Source
» Si ingresas una extension en esta pagina, te dice que tipo de archivo es y con que programa podes abrirlo.
OldVersion
» Pagina que recopila versiones viejas de software.

Traduccion, Internacionalizacion

Language Codes
» Lista los 2 caracteres correspondientes a cada lenguaje segun el ISO 639.
Country Codes
» Lista los 2 caracteres correspondientes a cada pais segun el ISO 3166.
Tradiüm
» Listado de idiomas del mundo según la norma ISO 639-1 traducidos al Español, Catalán, Inglés, Francés y Alemán.

Miscelaneos

Internet Archive: WaybackMachine
» Nos permite visitar copias de paginas web viejas que ya no estan en linea.
.htaccess Password Generator
» Nos crea el archivo .htpasswd el cual nos permite restringir el acceso a directorios o archivo a usuarios especificos.

----------8×----------8×----------8×----------

Si encuentran algun link en esta lista que no este funcionando avisenme por MP o mediante un post, asi lo saco cuanto antes.

Hurling · #2 (**permalink**) 17/09/2005, 13:44

Esta utilidad es para chequear enlaces, lo lei en Genbeta.com.

Cita:

Analiza la validez de tus enlaces con Dead Link
Muchas veces administramos sitios webs en donde vamos añadiendo enlaces hacia otras páginas, pero con el paso del tiempo, esas páginas dejan de existir.

Dead links es una aplicación web que nos analizará, apartado por apartado, categoría por categoría, todas y cada una de las secciones de nuestra web donde tengamos enlaces con el fín de verificar su validez con el fín de que resolvamos los enlaces muertos en caso de tenerlos.

http://www.dead-links.com/

jandres4 · #3 (**permalink**) 17/09/2005, 14:45

Utilidad para chequear enlaces rotos, velocidad de carga, Meta-tags, Sintaxis HTML, enlaces entrantes e inclusión a Buscadores.

http://sitereportcard.com/

K3NNY · #4 (**permalink**) 17/09/2005, 15:43

Gracias por colaborar, ya los agregue a la lista. Che, jandres4, en la pagina que pusiste vos hay tambien un optimizador de imagenes muuuuy bueno. Lo probe con un PNG que tenia un degradado muy delicado y me lo redujo a la mitad del tamaño sin perder calidad. Asi que tambien lo agregue a la lista bajo la nueva categoria "Imagen".

PD: Si creen que algun link esta mal ubicado y que deberia haber otra categoria nueva simplemente sugieranlo y lo discutimos.

PD2: Si les sirvio la lista, sugieran otro link!

jandres4 · #5 (**permalink**) 17/09/2005, 19:26

Hola K3NNY,

Me olvide de mencionarte la parte de optimización de imagenes, me alegra que te resultara util.

Tengo algunos otros links aca pero no se si van con la idea oiginal que tenías, pues básicamente van más por la parte de posicionamiento, monitoreo y estadísticas del sitio una vez que ya está en funcionamiento.

Si crees que este tipo de links se ajusta tu idea para esta lista, pues dimelo y con gusto los posteo para que los agregues.

Muy buena la lista, sigan aportando...

K3NNY · #6 (**permalink**) 17/09/2005, 23:15

Postealos, postealos que sirven. Cualquier cosa que sea online y le sirva a un webmaster, ponganlo sin problemas. Si bien el tipo de links que sugeris no afecta directamente al diseño web, puede influir en futuros rediseños (basados en el trafico o el navegador de los visitantes), asi que me parece que entrarian en la lista.

causita · #7 (**permalink**) 18/09/2005, 02:17

sería una buena idea una sección UTILIDADES dentro del foro? existe?

un abrazo

seoista · #8 (**permalink**) 18/09/2005, 03:34

Cita:

Iniciado por jandres4

Utilidad para chequear enlaces rotos, velocidad de carga, Meta-tags, Sintaxis HTML, enlaces entrantes e inclusión a Buscadores.

http://sitereportcard.com/

Muy buen link, sobre todo, como dice K3NNY, el optimizador de imagenes. Me ha venido muy bien para comprimir el tamaño de las fotos (casi a la mitad), para mi página de fotos.

jandres4, K3NNY, muchisimas gracias

.

Saludos

jandres4 · #9 (**permalink**) 18/09/2005, 04:02

Aqui hay algunos otros

:

- Monitorización de tiempo en línea del sitio:

SiteupTime.com
upPanel.com
host-tracker.com
http://alertra.com/
http://www.websitealert.net/
http://www.internetseer.com
http://www.websitepulse.com
http://www.webassure.com
http://www.easymonitor.com
http://www.siteprobe.com
http://netmon.com/

- Herremientas para: obtener info del page-rank, analizar densidad de keywords, Chequear links entrantes, generar meta-tags, monitorear posicionamiento en buscadores, simular un buscador, etc:

http://www.urltrends.com/
http://www.pagerank.net

- Utilidades para chequeo de errores y obtención de info de los DNS del sitio:

http://www.dnsstuff.com/

- Excelente directorio de intercambio de links:

http://www.gotlinks.com/

- Analizador de páginas web para su optimización

http://www.websiteoptimization.com/services/analyze/

- Tutoriales y herramientas de promoción web :

http://selfpromotion.com
http://spider-food.net/
http://www.seopapers.com/

- Trazador visual de ruta a partir de una dirección IP:

http://visualroute.visualware.com

- Recursos gráficos (imágenes, logos, iconos, animaciones, etc. tanto de pago como gratuitas

Hurling · #10 (**permalink**) 18/09/2005, 15:42

http://browsershots.org

Crea un screenshot del sitio que le determinemos en diferentes navegadores.
Los navegadores soportados son:

Epiphany 1.4.8
Firefox 1.0.4
Galeon 1.3.20
Konqueror 3.3
Mozilla 1.7.8
MSIE 6.0
Opera 7.54
Safari 2.0

No todos los screenshot son instantaneos, algunos quedan en cola de espera, que no es mayor a un dia.
El screenshot es de TODA la pagina, no solo de la parte que se visualiza en una salida tipica por monitor.
Disponible en trece idiomas, incliudo el español.

Aunque se encuetra en fase beta es una excelente herramienta, muy recomendada.

jandres4 · #11 (**permalink**) 18/09/2005, 16:50

Oye de verdad que está excelente esta herremienta Hurling, muchas gracias!

Realmente es algo que ahorra mucho tiempo y ayuda a garantizar la visibilidad de los sitios en los mayores navegadores.

K3NNY · #12 (**permalink**) 18/09/2005, 23:20

Hurling: Muy buena web, es de gran utilidad para los que no tienen todos esos navegadores instalados (quien los tiene?), lastima que si caes justo en la hora pico podes llegar a tener que esperar laaaaargas horas para recivir la screen.

jandres4: Uffff, cuantos links. Desde ya te digo que las paginas de recursos graficos no las voy a poner. Son demasiadas y creo que esas si que no entrarian en la categoria "utilidad". En cuanto a las otras, las voy a probar a ver que tal son. De momento probe http://www.dnsstuff.com/ y me dijo "bienvenido visitante de Canada" (???) cuando soy de Argentina, jeje. Lo que les voy a tener que pedir a todos, es que para mantener la calidad (y por lo tanto, utilidad) de la lista, solo posteen links que usan regularmente y saben que estan funcionando bien.

PD: Gracias a quien quiera que hizo de esto algo "importante"

Hurling · #13 (**permalink**) 19/09/2005, 00:16

http://typetester.maratz.com/

Cita:

Lo que nos permite esta herramienta es comparar de forma sencilla y rápida cómo quedaría en pantalla un determinado texto con tres fuentes distintas y diferentes estilos. Además podemos determinar otros parámetros como el color de fondo, el color de la fuente, su tamaño, justificación y muchas otras. Incluso podemos obtener el código CSS de la opción escogida. Sin duda un recurso que no debe faltar en nuestros
favoritos.

Lo vi en Genbeta.com

K3NNY · #14 (**permalink**) 19/09/2005, 00:38

Jajajaja, maldito Hurlin', me ganaste de mano, venia a postear justamente ese link jeje. Lo acabo de probar y es muuuy util. Ya mismo lo agrego...

jandres4 · #15 (**permalink**) 19/09/2005, 01:13

Cita:

Iniciado por K3NNY

En cuanto a las otras, las voy a probar a ver que tal son. De momento probe http://www.dnsstuff.com/ y me dijo "bienvenido visitante de Canada" (???) cuando soy de Argentina, jeje.

jeje si muy extraño. Pero te digo de verdad que ese sitio la información que da es muy buena, de hecho varios problemas de DNS los he solucionado utilizandola, tal vez sea solo un problema de esa función que ubica tu país.

Cita:

Lo que les voy a tener que pedir a todos, es que para mantener la calidad (y por lo tanto, utilidad) de la lista, solo posteen links que usan regularmente y saben que estan funcionando bien.

Porsupuesto, exceptuando los de recursos gráficos, los demás todos los utilizo regularmente y me ayudan bastante, espero que no tengan ningun problema con ninguno, y si lo tienen que me avisen para no usarlos mas

.

K3NNY · #16 (**permalink**) 21/09/2005, 22:48

Agregue en el apartado "Imagen" dos utilidades que nos sirven para saber cuales son los 6 (o mas) colores predominantes en una imagen. Esto nos sirve por ejemplo para elegir los colores de una pagina en base al logo.

Ademas ahora cuando recomiendan un link y lo agrego a la lista, el "(gracias xxx)" es un link al post donde lo recomendaron para leer la opinion personal del recomendador.

Sigan colaborando!

K3NNY · #17 (**permalink**) 03/10/2005, 22:26

Agregue a la lista el .htaccess Password Generator que crea automaticemente el archivo .htpasswd el cual nos permite restringir el acceso a directorios o archivo a usuarios especificos. Por ahora lo puse en "miscelaneos" hasta que se cree una mejor categoria (algo como "servidores" o parecido, se aceptan ideas).

Hurling · #18 (**permalink**) 05/10/2005, 17:40

Optimizador de Css. Lo puede hacer con el archivo (upload mediante) o indicandole la url.

http://www.cssoptimiser.com/

K3NNY · #19 (**permalink**) 05/10/2005, 18:25

Gracias Hurling por colaborar. Ahora agrego tu link y este otro que encontre y me parecio util:

El Key Code Tool es una herramienta que nos dice el valor de la tecla presionada. Muy util si queremos hacer una web que cargue diferentes secciones de acuerdo a la tecla presionada.

Hurling · #20 (**permalink**) 05/10/2005, 23:29

http://www.colourlovers.com/
Paletas de colores.
Muchas veces sucede que si bien la pagina esta perfectamente diagramada, usabilidad bien, dinamismo bien, todo perfecto pero chan ! la convinacion de colores es deficiente. Para eso llego, ColourLovers. Tiene una base muy extensa de paletas precisamente armadas.

pd:Lo mio con este thread ya es un apostolado !

K3NNY · #21 (**permalink**) 06/10/2005, 09:29

Le cambie el nobre a la categoria "Imagen" por "Imagen y colores" y puse el ultimo link de Hurling ahi.

Hurling · #22 (**permalink**) 13/10/2005, 09:06

http://www.pixelbutton.com/

Utilidad online para crear "pixel button"
Les dejo un ejemplo:

Fuente: BlogPocket

kahlito · #23 (**permalink**) 21/10/2005, 12:20

Estadisticas generales:

http://www.metricsmarket.com/

P.D: Este post no iria mejor en el nuevo foro de Web general dentro del apartado de Diseño de Sitios Web?

kahlito · #24 (**permalink**) 22/10/2005, 17:08

Otro verificador de enlaces rotos:

http://www.programasweb.com/herramie.../enlacesrotos/

K3NNY · #25 (**permalink**) 26/10/2005, 12:03

Cita:

Iniciado por kahlito

Este post no iria mejor en el nuevo foro de Web general dentro del apartado de Diseño de Sitios Web?

Estoy totalmente de acuerdo. Habria que avisarle a tunait para que cuando tenga un minuto lo mueva alla (si es que al staff le parece bien).

tunait · #26 (**permalink**) 27/10/2005, 11:11

Pues me parece muy adecuado el ubicar este tema en Web general

gracias por la sugerencia y por el aviso

codigoflecha · #27 (**permalink**) 27/10/2005, 12:01

Este es un creador de botones como el de pixelfont, de 80*15 pero con la ventaja de poder incorporar imágenes.
http://www.lucazappa.com/brilliantMaker/buttonImage.php

Y esta una herramienta para crear fondos e iconos , una utilidad realizada con Flash 8, por el autor Ventdaval:
http://bgmaker.ventdaval.com/

Y por último este para crear favicon:
http://www.html-kit.com/favicon/

Tk421 · #28 (**permalink**) 31/10/2005, 02:51

http://programasweb.com/herramientasweb/enlacesrotos/

Verificador online de enlaces rotos ;P

davidon · #29 (**permalink**) 31/10/2005, 16:09

Hola, Me gustaria que consideraran para esta lista un par de herramientas que estoy desarrollando para webmasters:

http://www.developers4web.com
Un servicio de estadisticas web gratis, con el objetivo adicional de facilitar la labor de posicionamiento web

http://posicionamientobuscadores.dev...ionamiento-web
Un Toolbar que facilita tareas comunes en el posicionamiento de una web, como la densidad de keywords, AlexaRank, PageRank, cambiar useragent, marcar nofollow y otros...

Por lo demas solo añadir el servicio de informacion de trafico de Alexa como uno mas interesante a Webmasters.

Gracias.

tian · #30 (**permalink**) 15/11/2005, 09:43

Google Analytics

http://www.google.com/analytics

Servicio de estadisticas gratis de google
Hasta donde entiendo es lo que era urchin pero gratis